-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathKb.html
More file actions
199 lines (189 loc) · 10.7 KB
/
Copy pathKb.html
File metadata and controls
199 lines (189 loc) · 10.7 KB
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kalibangan - Map My Heritage</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Sites_Common.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<img src="../images/logo2-removebg-preview.png" alt="Map my Heritage Logo" height="40" class="mr-0">
<span class="brand-text">Map my Heritage</span>
</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 mr-auto">
<li class="nav-item"><a class="nav-link" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#">Destinations</a></li>
<li class="nav-item"><a class="nav-link" href="#">Reviews & Blogs</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact Us</a></li>
</ul>
<div class="navbar-nav">
<a class="btn btn-primary" href="#" style="margin-right: 10px;">
<i class="fas fa-user-circle mr-1"></i> Login / Sign Up
</a>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<!-- Left Side: Images, Map, and 360° View -->
<div class="col-md-6">
<!-- Image Slider -->
<div id="siteCarousel" class="carousel slide mb-4" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://www.penn.museum/sites/expedition/files/2022/06/kal14.jpg" class="d-block w-100" alt="Kalibangan Excavation">
</div>
<div class="carousel-item">
<img src="https://www.indica.today/wp-content/uploads/2020/09/ezgif.com-gif-maker.jpg" class="d-block w-100" alt="Fire Altars at Kalibangan">
</div>
<div class="carousel-item">
<img src="https://im.hunt.in/cg/Bikaner/City-Guide/kalibanga.jpg" class="d-block w-100" alt="Kalibangan Archaeological Site">
</div>
</div>
<a class="carousel-control-prev" href="#siteCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#siteCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Map -->
<div class="map mb-4">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.123456789!2d74.13149531538963!3d29.48181408651909!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be87d5c5c3c6b3f%3A0x6e8d8f3c8a4a6c4b!2sKalibangan!5e0!3m2!1sen!2sin!4v1682521234567!5m2!1sen!2sin"
width="100%"
height="250"
style="border:0;"
allowfullscreen=""
loading="lazy">
</iframe>
</div>
<!-- 360° View -->
<div class="view-360 text-center">
<div class="embed-responsive embed-responsive-16by9">
<iframe
src="https://www.youtube.com/embed/360-degree-video-example"
class="embed-responsive-item"
allowfullscreen>
</iframe>
</div>
<p class="mt-2">360° View of Kalibangan</p>
</div>
</div>
<!-- Right Side: History, Rules, and Safety -->
<div class="col-md-6">
<!-- Historical Background -->
<h3 class="section-title">Historical Background</h3>
<p class="text-justify">
Kalibangan, located in Rajasthan, India, is an important archaeological site of the Indus Valley Civilization. Known for its unique fire altars and well-planned urban layout, Kalibangan provides insights into the Harappan culture and its advanced engineering and societal practices.
</p>
<!-- Visitor Rules -->
<h3 class="section-title">Visitor Rules</h3>
<ul class="text-justify">
<li>Maintain silence and respect the sanctity of the site.</li>
<li>Photography is allowed but avoid using flash near delicate structures.</li>
<li>Do not touch or damage the ruins and artifacts.</li>
<li>Follow the instructions of the site staff.</li>
</ul>
<!-- Safety Precautions -->
<h3 class="section-title">Safety Precautions</h3>
<ul class="text-justify">
<li>Wear comfortable footwear as the site involves walking.</li>
<li>Carry water to stay hydrated during your visit.</li>
<li>Avoid visiting during peak hours to avoid crowds.</li>
</ul>
<!-- Nearby Hotels and Restaurants -->
<h3 class="section-title">Nearby Hotels and Trending Restaurants</h3>
<div class="row">
<!-- Hotels -->
<div class="col-md-6">
<h4 class="sub-section-title">Nearby Hotels</h4>
<ul class="list-unstyled text-justify">
<li>
<strong>Heritage Hotel Kalibangan</strong> - 2.0 km from Kalibangan
<p class="text-muted">A luxurious hotel offering modern amenities and a heritage experience.</p>
</li>
<li>
<strong>Hotel Kalibangan Inn</strong> - 1.5 km from Kalibangan
<p class="text-muted">A budget-friendly hotel with comfortable accommodations.</p>
</li>
<li>
<strong>Green Valley Resort</strong> - 3.0 km from Kalibangan
<p class="text-muted">A peaceful retreat with scenic views and great hospitality.</p>
</li>
</ul>
</div>
<!-- Restaurants -->
<div class="col-md-6">
<h4 class="sub-section-title">Trending Restaurants</h4>
<ul class="list-unstyled text-justify">
<li>
<strong>Kalibangan Dhaba</strong> - 1.0 km from Kalibangan
<p class="text-muted">A popular spot for authentic Rajasthani cuisine.</p>
</li>
<li>
<strong>Heritage Cafe</strong> - 2.5 km from Kalibangan
<p class="text-muted">Known for its traditional ambiance and delicious food.</p>
</li>
<li>
<strong>Green Leaf Restaurant</strong> - 1.8 km from Kalibangan
<p class="text-muted">Famous for its vegetarian dishes and peaceful ambiance.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-dark text-white py-4 mt-5">
<div class="container">
<div class="row">
<div class="col-md-4">
<h5>Map My Heritage</h5>
<p>Discover India's rich cultural heritage and plan your next adventure.</p>
</div>
<div class="col-md-4">
<h5>Quick Links</h5>
<ul class="list-unstyled">
<li><a href="index.html">Home</a></li>
<li><a href="destinations.html">Destinations</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-md-4">
<h5>Connect With Us</h5>
<div class="social-icons">
<a href="#" class="mr-3"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="mr-3"><i class="fab fa-twitter"></i></a>
<a href="#" class="mr-3"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12 text-center">
<p class="mb-0">© 2024 Map My Heritage. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.4.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>