generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtravel.html
160 lines (147 loc) · 8.21 KB
/
travel.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Meta tags for search engines -->
<meta name="description"
content="Gateway to NE India. Your one-stop destination for travel information related to Northeast India. Northeast India Assam and Meghalaya.">
<meta name="keywords"
content="Northeast India, Northeast India travel guide, Northeast India tourism, Assam tourism, Meghalaya tourism, Northeast India tourism, Northeast India adventures, Northeast India travel">
<!-- Title of the website -->
<title>Gateway to NE India</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/site.webmanifest">
<!-- Stylesheet -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Header -->
<header class="header">
<!-- Logo -->
<a href="index.html">
<img src="assets/images/gateway_to_ne_india_logo.webp" alt="Logo of Gateway to Northeast India">
</a>
<!-- Hamburger icon -->
<input type="checkbox" name="side-menu" id="side-menu">
<label for="side-menu" class="menu-toggle"><i class="fa-solid fa-bars"></i></label>
<!-- Menu -->
<nav>
<ul class="menu">
<li><a href="index.html"><i class="fa-solid fa-house"></i> Home</a></li>
<li><a href="explore.html"><i class="fa-regular fa-compass"></i> Explore</a></li>
<li><a href="travel.html" class="active"><i class="fa-solid fa-route"></i> Travel</a></li>
<li><a href="contact.html"><i class="fa-regular fa-envelope"></i> Contact</a></li>
</ul>
</nav>
</header>
<!-- Main content -->
<main>
<div class="travel-container">
<section id="travel-assam">
<div id="assam">
<div id="assam-ne">
<h1>Assam</h1>
<p>Rich in flora and fauna, Assam is one of the most famous Northeast states with positive vibes
and good feels. Renowned for its vast tea plantations and archaeological sites, Assam is
also home to one of the most remarkable UNESCO World Heritage Sites of Kaziranga National
Park, one of the best places to visit when travelling to the Northeast. Be it pampering the
wildlife lover in you or treating your taste buds to a soothing cup of chai, Assam will
amaze you.
</p>
<ul id="list-assam">
<li><strong>Must Experience:</strong> Encounter one-horned rhinoceros at Kaziranga National
Park, and enjoy
boating in Dawki River near the Indo-Bangladesh border.</li>
<li><strong>Capital City:</strong> Guwahati</li>
<li><strong>Places To See:</strong> Kamakhya Temple, Manas National Park, Assam State Zoo &
Botanical Garden,
Pobitora Wildlife Sanctuary, and more.</li>
<li><strong>Things To Do:</strong> Brahmaputra river cruise, Wildlife safari at Manas
National Park, experience
the ecotourism of Majuli, shopping in Jorhat, and more.</li>
<li><strong>Key Attractions:</strong> Majuli Island, Guwahati Planetarium</li>
<li><strong>Famous Food:</strong> Duck Meat Curry, Aloo Pitika, Ou Tenga</li>
<li><strong>Best Time To Visit:</strong> October to March</li>
</ul>
</div>
<div id="assam-img">
<img src="assets/images/assam.webp" class="assam-pic"
alt="A woman plucks tea leaves in a tea garden in Assam">
</div>
</div>
</section>
<section id="travel-meghalaya">
<div id="meghalaya">
<div id="meghalaya-ne">
<h1>Meghalaya</h1>
<p>True to its name, Meghalaya is indeed an abode of clouds. It became famous for being home to
the cleanest village in Asia, Mawlynnong. Considered to be the Scotland of the East ever
since the times of British Rule, Meghalaya is filled with natural attractions like the
Living Root Bridge, cascading waterfalls, and some of the longest caves in Asia. Visiting
this place is undoubtedly a must, especially with a kick-ass camera. Meghalaya is a
must-visit place and should be included in your Northeast trip plan.
Must Experience: Explore Mawlynnong – the cleanest village in Asia and let the charm of
living root bridge cast a magical spell on you.
</p>
<ul id="list-meghalaya">
<li><strong>Capital City:</strong> Shillong</li>
<li><strong>Places To See:</strong> Laitlum Canyon, Double Decker Living Root Bridge in Cherrapunjee, Balpakram
National Park, Umiam Lake, and more.</li>
<li><strong>Things To Do:</strong> Trekking on David Scott trail, rafting in Barapani Lake, kayaking on Kynshi
River, camping on Khasi hills, and more.</li>
<li><strong>Key Attractions:</strong> Umiam Lake, Elephant Falls</li>
<li><strong>Famous Food:</strong> Bamboo shoots, Jadoh, Jaintia</li>
<li><strong>Best Time To Visit:</strong> April to June</li>
</ul>
</div>
<div id="meghalaya-img">
<img src="assets/images/meghalaya.webp" class="meghalaya-pic"
alt="A stunning waterfall with crystal clear blue lake in Meghalaya">
</div>
</div>
</section>
</div>
</main>
<!-- Footer -->
<footer>
<!-- Visit our social media header -->
<p id="visit-socialm">Visit our social media page:</p>
<!-- Social media buttons -->
<ul id="social-media">
<li>
<a href="https://www.instagram.com/" target="_blank" rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.threads.net/" target="_blank" rel="noopener"
aria-label="Visit our Threads page (opens in a new tab)">
<i class="fa-brands fa-threads"></i>
</a>
</li>
<li>
<a href="https://www.x.com/" target="_blank" rel="noopener"
aria-label="Visit our X (formerly Twitter) page (opens in a new tab)">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
</ul>
<!-- Copyright -->
<p id="copyright">© Gateway to NE India 2024</p>
</footer>
<!-- Font Awesome kit -->
<script src="https://kit.fontawesome.com/be0d508cf4.js" crossorigin="anonymous"></script>
</body>
</html>