generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathexplore.html
160 lines (147 loc) · 8.05 KB
/
explore.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" class="active"><i class="fa-regular fa-compass"></i> Explore</a></li>
<li><a href="travel.html"><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="explore-container">
<section id="explore-northeast">
<div id="seven-sis">
<div id="seven-sis-ne">
<h1>Explore the seven sisters and one brother</h1>
<p>Every bit of Northeast India feels like magic, encompassing the best of dense
forests, ancient
monasteries, snow-capped mountains, pristine valleys, glistening lakes, and cascading
waterfalls.
This takes you one step closer to heaven. Every person who’s a traveller by heart must go on
a
Northeast trip at least once in their lifetime to unravel the secrets of Northeast India!
</p>
<p>Feel at home at the cleanest villages in Asia, trek on the oldest root
bridges, chill in the most
beautiful hill stations, encounter the one-horned rhinoceros, explore the numerous
monasteries,
enjoy boating in one of the river islands, and much more. Whatever your reason may be, the
fact
remains that a major part of Northeast India remains unexplored. It doesn’t matter whether
you’re
travelling solo, with friends, family, or your better half; a Northeast vacation is an
experience
which should definitely be included in every traveller’s bucket list.
</p>
</div>
<div id="seven-sis-img">
<img src="assets/images/seven_sisters_of_india.webp" class="seven-sis-pic"
alt="The costume of seven sisters plus one brother of India">
</div>
</div>
</section>
<section id="explore-map">
<div id="seven-map">
<div id="seven-map-ne">
<h1>Facts about Northeast India</h1>
<h3>What are seven sisters and one brother of India?</h3>
<p> Have you ever asked yourself that question?
We did, too, and it turns out that Northeast India comprises seven sister states, i.e.,
Arunachal Pradesh, Assam, Manipur, Meghalaya, Mizoram, Nagaland, Tripura, and one brother
state of Sikkim. Not just that, you’ll discover on your trip to Northeast India that the
region also comprises the Northeastern area of West Bengal, which happens to be the famous
Darjeeling.
</p>
<h3>What is the best time to visit Northeast India?</h3>
<p>Owing much to its stunning location wherein Northeast India shares its borders with the
neighbouring countries of Tibet, Bhutan, Bangladesh, and Myanmar, the whole region is
dominated by hills and mountains to a large extent. Due to this, the climate in Northeast
India generally remains cool while winters get extremely cold.
It is advised that travelling to Northeast regions should be avoided in the rainy season
from May to September-end. Hence, the best time to visit Northeast India is from November to
April, also the peak season for travellers. The weather is at its best at this time, making
it perfect for heading out and witnessing the authentic charm of the seven states.
</p>
<div id="travel-btn">
<a href="travel.html" class="visit-travel-btn"><i class="fa-solid fa-route"></i>
Travel</a></div>
</div>
<div id="seven-map-img">
<img src="assets/images/seven_sis_map.webp" class="seven-map-pic"
alt="The map of seven sisters plus one brother of India">
</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>