-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
118 lines (110 loc) · 5.01 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500;700&display=swap"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon-32x32.png">
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Fira+Sans:ital,wght@1,500&family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="shared.css" />
<link rel="stylesheet" href="about.css" />
<link rel="stylesheet" href="media.css" />
<title>Travel Goals</title>
</head>
<body>
<header>
<div id="page-logo">
<a href="index.html">Travel Goals</a>
</div>
<nav id="header-nav">
<ul>
<li><a href="places.html" alt="places"> Destinations </a></li>
<li><a href="about.html" alt="about"> About </a></li>
</ul>
</nav>
<!-- add hamburger -->
<a class="menu-btn" href="#side-drawer">
<span></span>
<span></span>
<span></span>
</a>
</header>
<aside id="side-drawer">
<header>
<a class="menu-btn" href="#">
<span></span>
<span></span>
<span></span>
</a>
</header>
<nav>
<ul>
<li><a href="places.html" alt="places"> Destinations </a></li>
<li><a href="about.html" alt="about"> About </a></li>
</ul>
</nav>
</aside>
<main id="about">
<h1>About Travelling</h1>
<section class="travel-content">
<div id="card-container">
<div class="card-content">
<img src="./images/places/hawaii.jpg" alt="hotel image">
<h2>
<a href="places.html" alt="places page">
Best in travel 2022
</a>
</h2>
</div>
<div class="card-content">
<img src="./images/places/hotels.jpg" alt="hotel image">
<h2>
<a href="https://www.booking.com" alt="booking.com page for hotels">
Find hotels for your destinations
</a>
</h2>
</div>
</div>
<div class="about-content">
<p>Did you know that travelling can make your life better and happier in several ways?
Read this list to find out what the top benefits of travelling are!</p>
<ul>
<li>It teaches you about the world and your homeland</li>
<li>It motivates you and provide you an unforgettable moments and experiences</li>
<li>You can discover about yourself</li>
<li>It makes you to be more confident and independent</li>
</ul>
<p>
Travelling can be approached in various ways. Most of the time students and researchers travel in groups or with their families.
Common interests are involved in such group-travelling. Travelling is part of adult-education. In most of the countries it has been made compulsory in their educational institutions.
</p>
<p>
It has become part of the trans-world education. When kids travel, they learn how to read maps, estimate mileage, calculate gas mileage and read road signs.
Travelling has become part of contemporary modern lives. Some of the ancient and famous travelers were Huen Tsang and Ibn Batuta from Asia. However, compared to ancient ways of travelling, today it is more secure and faster.
</p>
<p>
Today's travelling is more sophisticated unlike early travelers who mostly travelled via foot. Today science has made travelling so easy, swift and so comfortable. Sometimes families travel to the kins inside their countries and abroad.
This personally benefits them to see and know new lands and make new acquaintances. The family also remains united despite far away from each other.
</p>
</div>
</section>
<footer>
<ul>
<li>
<a href="https://www.instagram.com" >
<img src="./images/icons/insta.png" alt="instagram page">
</a>
</li>
<li>
<a href="https://www.facebook.com" >
<img src="./images/icons/facebook.png" alt="facebook page">
</a>
</li>
</ul>
</footer>
</main>
</body>
</html>