-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmeghalaya.html
152 lines (148 loc) · 7.92 KB
/
meghalaya.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meghalaya Tourism</title>
<!-- Include Bootstrap CSS and JavaScript -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<style>
body {
background-color: #f3f3f3;
font-family: Arial, sans-serif;
}
.navbar {
background-color: #8bbdef !important;
}
.navbar-light .navbar-toggler-icon {
background-color: #fff;
}
.navbar-light .navbar-toggler {
border-color: #fff;
}
.jumbotron {
background-color: #fff;
padding: 2rem;
margin-top: 20px;
}
.image-gallery img {
margin: 10px;
max-width: 100%;
height: auto;
}
.jumbotron h2 {
color: #333;
}
.jumbotron p {
color: #666;
}
.jumbotron a {
color: #007BFF;
text-decoration: none;
}
.jumbotron a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<a class="navbar-brand" href="#">Meghalaya Tourism</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#Development-of-Umium-Lake-View">Development of Umium (Lake View)</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Retreat-to-Serenity-Umium-Lake-Lum-Sohpetbneng">Retreat to Serenity: Umium Lake Lum Sohpetbneng</a>
</li>
<li class="nav-item">
<a class="nav-link" href="meghalayamarket.html">View Marketplace</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="jumbotron text-center">
<h1 class="display-4">Meghalaya Tourism</h1>
<img src="https://i0.wp.com/www.eastmojo.com/wp-content/uploads/2019/11/IMG_20191129_140318.jpg?fit=1200%2C744&ssl=1" alt="Meghalaya Logo Image" class="img-fluid" width="200">
<p class="lead">Explore the natural wonders, spiritual significance, and luxurious relaxation that Meghalaya has to offer.</p>
</div>
<div class="jumbotron" id="Development-of-Umium-Lake-View">
<h2>Development of Umium (Lake View), U Lum Sohpetbneng, Mawdiangdiang - Orchid Lake Resort</h2>
<div class="image-gallery">
<h3>Images:</h3>
/
<div class="row">
<div class="col-md-6">
<img src="https://www.meghalayatourism.in/wp-content/uploads/2020/07/Umiam-Lake-1.jpg" alt="Image 1" class="img-fluid">
</div>
<div class="col-md-6">
<img src="https://www.holidify.com/images/cmsuploads/compressed/2224_20190508135324.jpg" alt="Image 2" class="img-fluid">
</div>
</div>
<!-- Add more images as needed -->
</div>
<p>The project “Development of North East Circuit: Umiam (Lake View) - U Lum Sohpetbneng - Mawdiangdiang - Orchid Lake Resort” was sanctioned by the Ministry of Tourism in July 2016 for Rs. 99.13 Crores. Under this project, the Ministry has developed facilities like Traditional Healing Centre, Tribal Rejuvenation Centre, Tourist Information Centre, Multipurpose Hall, Log Huts, Cafeteria, Sound and Light show, Souvenir Shops, Water Sports Zone, Zip Line, Canopy Walk, Trekking Routes, Cycling Track, Last Mile Connectivity, Caravan Parking, Public Toilets, and Solid Waste Management.</p>
<p>Explore more: <a href="https://youtu.be/74acUmzdT_A?si=XwS-hC8HUmSKcC4k" target="_blank">Watch Video 1</a> | <a href="https://youtu.be/U8wBg28_EQc?si=0FZiDVSW8lKaFQZh" target="_blank">Watch Video 2</a></p>
</div>
<div class="jumbotron" id="Retreat-to-Serenity-Umium-Lake-Lum-Sohpetbneng">
<h2>Retreat to Serenity: Umium Lake, Lum Sohpetbneng, and Orchid Lake Resort</h2>
<div class="image-gallery">
<h3>Images:</h3>
<div class="row">
<div class="col-md-6">
<img src="https://dynamic-media-cdn.tripadvisor.com/media/photo-o/07/79/c9/89/orchid-lake-resort.jpg?w=300&h=-1&s=1" alt="Image 1" class="img-fluid">
</div>
<div class="col-md-6">
<img src="https://i.travelapi.com/lodging/29000000/28100000/28093600/28093525/87d0a745_z.jpg" alt="Image 2" class="img-fluid">
</div>
</div>
<!-- Add more images as needed -->
</div>
<p>Escape to the tranquil beauty of Meghalaya with a journey that combines natural wonders, spiritual significance, and luxurious relaxation.</p>
<!-- Include Day 1 to Day 5 descriptions here -->
</div>
<div class="jumbotron" id="Development-of-West-Khasi-Hills-Jaintia-Hills-and-Garo-Hills">
<h2>Development of West Khasi Hills, Jaintia Hills, and Garo Hills</h2>
<div class="image-gallery">
<h3>Images:</h3>
<div class="row">
<div class="col-md-6">
<img src="https://media-cdn.tripadvisor.com/media/photo-c/1280x250/13/14/24/ad/waterfall.jpg" alt="Image 1" class="img-fluid">
</div>
<div class="col-md-6">
<img src="https://www.emeghalaya.com/uploads/articles/2021/09/jaintia-hills.jpg" alt="Image 2" class="img-fluid">
</div>
</div>
<!-- Add more images as needed -->
</div>
<p>Explore the diverse landscapes and cultural richness of Meghalaya in West Khasi Hills, Jaintia Hills, and Garo Hills. Discover breathtaking waterfalls, serene rivers, pristine reserves, and enchanting caves.</p>
<p>Explore more: <a href="https://youtu.be/pKoYTKrpMto?si=jaxMGz-OcHVNjaIE" target="_blank">Watch Video 1</a> | <a href="https://youtu.be/dXIiPqsUfCs?si=YFOJ5hAh7MaB2Ee2" target="_blank">Watch Video 2</a></p>
</div>
<section id="book-now" class="bg-light py-1">
<div class="container">
<h2 class="text-center">Book Your Trip to Meghalaya</h2>
<p class="text-center">Plan your visit to explore the beauty of Meghalaya.</p>
<div class="text-center">
<a href="instantbooking.html" class="btn btn-primary btn-lg">Book Now</a>
</div>
</div>
</section>
<section id="reviews" class="bg-light py-1">
<div class="container">
<h2 class="text-center">Reviews</h2>
<div class="text-center">
<a href="blog.php" class="btn btn-primary btn-lg">Write Your reviews</a>
</div>
</div>
</section>
</div>
</body>
</html>