-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
325 lines (278 loc) · 19.1 KB
/
index.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
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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<h1> </h1>
<h1> WELCOME TO PEARL CITY OF INDIA </h1>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puttur Tourism</title>
</head>
<body>
<header>
<video autoplay loop muted playsinline class="background-video">
<source src="video.mp4" type="video/mp4">
</video>
<h1> WELCOME TO PUTTUR </h1>
<h2></h2>
</header>
<section id="places">
<h2>Places to Visit</h2>
<div class="place">
<h3>Mahalingeshwara Temple</h3>
<p>Mahalingeshwara Temple in Puttur, Karnataka, is an ancient Hindu temple dedicated to Lord Shiva. With origins believed to date back to the early medieval period, the temple has long been a center of devotion and cultural heritage in the region. It is said that the Pandavas worshipped Shiva here during their exile, lending the temple its historical significance. The temple is renowned for its annual festival, the "Puttur Jatre," a grand celebration during Maha Shivaratri that attracts thousands of devotees. This festival features elaborate rituals, processions, and cultural events, reflecting the deep spiritual and cultural roots of the temple in the community.</p>
<img src="Images/mahalingeshwara_temple.jpg" alt="Mahalingeshwara Temple">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3207.2290518245145!2d75.19568078233128!3d12.763221529859477!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4bd77f04d20db%3A0xd6bf05fd67e5a4d5!2sMahatobhara%20Shri%20Mahalingeshwara%20Temple%20(Putturu)!5e1!3m2!1sen!2sin!4v1725377918377!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="place">
<h3>Baalawana Park and Museum</h3>
<p>Shivaram Karanth Baalavan Park, located in Puttur, Karnataka, is a tribute to the renowned Kannada writer and environmentalist, Dr. Kota Shivaram Karanth. Established to honor his legacy, the park features a museum, playgrounds, and lush greenery, reflecting Karanth's deep connection with nature and his efforts to promote environmental awareness. The park serves as both a recreational space and a cultural center, offering visitors a glimpse into Karanth's life and work. The best time to visit is in the early morning or late afternoon, when the park's natural beauty is most serene and enjoyable</p>
<img src="Images/baalawana_park.jpg" alt="Baalawana Park">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1473.3062158968921!2d75.20316775139355!3d12.74791212465297!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba497e3b70bbebf%3A0x7f9eeb6d52f82cb!2sShivarama%20Karanth%20Balavana!5e1!3m2!1sen!2sin!4v1725378666726!5m2!1sen!2sin" width="400" height="300" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" allowfullscreen></iframe>
</div>
<div class="place">
<h3>Salu-Marada Timmakka Park at Highest Peak in Puttur "Birumala Gudde"</h3>
<p>Salumarada Timmakka Park, located in Puttur, is dedicated to Salumarada Timmakka, a renowned environmentalist known for her efforts in planting trees and promoting green initiatives. The park honors her legacy with lush greenery and well-maintained landscapes, providing a peaceful retreat for visitors while highlighting her commitment to environmental conservation.
Birumala Gudde, situated near Puttur, is a picturesque hill known for its scenic beauty and tranquil surroundings. It is a popular spot for nature lovers and trekkers, offering panoramic views and a serene environment. The hill's natural charm makes it an ideal destination for relaxation and outdoor activities.</p>
<img src="Images/birumala_gudde_park.jpg" alt="Salumarada Tikkakka Park of Birumala Gudee">
<img src="Images/Saluumarada.jpg" alt="Salumarada Timmaka Park at Highest Peak of Puttur">>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3207.4679882545734!2d75.2106740750726!3d12.744363987550507!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4972764cf48bd%3A0xa8f22eab09d706bc!2sSaalu%20Marada%20Timmakka%20Park!5e1!3m2!1sen!2sin!4v1725380809593!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class = "place">
<h3> Bendru Theertha: Natural Hot Spring of Puttur</h3>
<p>Bendru Theertha, a natural hot spring located in the scenic hills around Puttur, offers a unique experience with its therapeutic, mineral-rich waters. It is a popular spot for relaxation and rejuvenation, attracting visitors who wish to enjoy its healing properties amidst nature's tranquility.</p>
<img src ="images/bendru.jpg" alt="The Natural Hot Spring of Puttur">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d58782.510244522!2d75.1457680965217!3d12.68077564158551!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba497216b8fffff%3A0x5260fdea88f2ce5a!2sBendru%20Theertha!5e1!3m2!1sen!2sin!4v1725381399899!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class = "place">
<h3> Kodipady's 3500 Year old Palava Dynasty's Janardhana Temple </h3>
<p>Kodipady Janardhana Temple, located near Puttur in Karnataka, is a revered Hindu shrine dedicated to Lord Janardhana, a form of Lord Vishnu. Known for its serene and picturesque setting, the temple is a significant spiritual site for devotees in the region. Its architecture reflects traditional South Indian temple design, and it hosts various religious festivals and rituals throughout the year. The peaceful ambiance and the temple's cultural significance make it an important place of worship and pilgrimage for the local community.</p>
<img src ="kodipady.jpg" alt="">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3202.093404058161!2d75.16494279999999!3d12.768665600000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4bd488ce2e315%3A0x51d4999dbb02edc1!2sKodippady%20Janardana%20Temple!5e1!3m2!1sen!2sin!4v1725385676625!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="container">
<h1>Hotels and Resorts in Puttur, Dakshina Kannada</h1>
<!-- Hotel 1 -->
<div class="hotel">
<h2> Netravathi Resort, Uppinadady,Near Puttur</h2>
<img src="images/netravati.jpg" alt="River-Side Netravati Resort">
<p class="features">A luxurious retreat offering picturesque views and a serene atmosphere. Perfect for relaxation and rejuvenation.</p>
<a href="https://www.google.com/aclk?sa=l&ai=DChcSEwjx1Kfs58mJAxW-pGYCHSKxEAgYABABGgJzbQ&co=1&ase=2&gclid=Cj0KCQiA57G5BhDUARIsACgCYnygSpZpI6P5tu2j6pYiE2Pae7Xr5fvEhQFgOVRKOTNwR700YBfmF9EaAgMdEALw_wcB&sig=AOD64_1Umt18E4OA5-XChQ_mRsJBUckU2A&nis=5&adurl" class="booking-link" target="_blank">Book Now on MakeMyTrip.com</a>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62239.85293148346!2d75.29484080000002!3d12.84387!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4bf66e6991b71%3A0xfe1c610dda7a515b!2sNetravathi%20Resort!5e0!3m2!1sen!2sin!4v1730968458652!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<!-- Hotel 2 -->
<div class="hotel">
<h2>Kodikad - A hilltop forest accommodation</h2>
<img src="images/kodikad.jpg" alt="Kodikad - A hilltop forest accommodation">
<img src="images/kodikad2.jpg" alt="Kokikad - A hilltop forest Pool View">
<p class="features">Nestled in lush greenery, this hilltop stay offers an eco-friendly experience with stunning forest views.</p>
<a href="https://www.booking.com/hotel/in/kodikad-a-hilltop-forest-accommodation.en-gb.html?aid=2068758&label=seogooglelocal-link-imagesaow-hotel-9846685_grp-1_gendate-20240917&sid=978cde32024f89b9fe14cb0a1d6caaaa&dist=0&keep_landing=1&sb_price_type=total&type=total&activeTab=main#map_closed" class="booking-link" target="_blank">Book Now on Booking.com</a>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31130.406338015007!2d75.13930889530661!3d12.758967708716773!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4bd52226b7ed1%3A0xc05d8544012ed6ff!2sShera%2C%20Karnataka%20574220%2C%20India!5e0!3m2!1sen!2sus!4v1730967733628!5m2!1sen!2sus" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<!-- Hotel 3 -->
<div class="hotel">
<h2>Mahaveer Ventures Hotel and Resort - The Padival Grand</h2>
<img src="images/mahavir.jpg" alt="Mahaveer Ventures Hotel and Resort - The Padival Grand">
<p class="features">An elegant hotel offering modern amenities and spacious rooms for a comfortable stay in the heart of the city.</p>
<a href="https://www.booking.com/hotel/in/mahaveer-ventures.en-gb.html?aid=356980&label=gog235jc-1DCAsobEIRbWFoYXZlZXItdmVudHVyZXNIM1gDaGyIAQGYAQm4ARfIAQzYAQPoAQGIAgGoAgO4ApLzsbkGwAIB0gIkZDI5ZmQ3NjQtZWRjYy00NTkzLTkyNWEtZDIwNzIyZjQwZWEy2AIE4AIB&sid=978cde32024f89b9fe14cb0a1d6caaaa&dist=0&keep_landing=1&sb_price_type=total&type=total&" class="booking-link" target="_blank">Book Now on Booking.com</a>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3891.190077685302!2d75.1940935750729!3d12.766164787530668!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4bd11b23b38bf%3A0x29973ec88814e99b!2sMahaveer%20Ventures%20Hotel%20and%20Resort%20-%20The%20Padival%20Grand!5e0!3m2!1sen!2sin!4v1730967990985!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<!-- Hotel 4 -->
<div class="hotel">
<h2>Hotel Rama</h2>
<img src="images/rama.jpg" alt="Hotel Rama">
<p class="features">A budget-friendly option with all the essential amenities, located conveniently near local attractions.</p>
<a href="http://www.hotelramaputtur.com/" class="booking-link" target="_blank">Book Now at Official Website</a>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3891.248094094292!2d75.1995505750729!3d12.76239388753407!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba4bd82b267be17%3A0xc718beff3da043af!2sHotel%20Rama!5e0!3m2!1sen!2sin!4v1730970714406!5m2!1sen!2sin" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</body>
<!-- Add more places similarly -->
</section>
<section id="celebrities">
<h2>Famous Personalities</h2>
<div class="celebrity">
<h3>Cricketer B C Alva</h3>
<p>B.C. Alva, hailing from Puttur, is a distinguished cricketer known for his contributions to Karnataka's cricketing legacy. Starting his journey in local leagues, Alva quickly gained recognition for his exceptional skills as a bowler. His dedication and passion for the game earned him a place in the Karnataka state team, where he played a pivotal role in several key matches. Alva's cricket journey is marked by his consistent performances and sportsmanship, making him a respected figure in the cricketing community of Puttur and beyond.</p>
<img src="images/bc_alva.jpg" alt="BC Alva">
</div>
<div class = "celebrity">
<h3> Dr. Shivaram Karanth</h3>
<p>Shivaram Karanth, a prominent figure in Puttur, was a celebrated Kannada writer, scholar, and environmentalist. His profound contributions to literature and his advocacy for environmental conservation earned him immense respect. Karanth's deep connection to Puttur is evident in his works, which often reflect the cultural and natural essence of the region. He is also remembered for his efforts to promote local heritage and traditional values, making a lasting impact on Puttur's cultural and literary landscape.</p>
<img src="images\shivaram.jpg" alt="Dr. Shivaram Karanth">
</div>
<div class="celebrity">
<h3>Actress Anushka Shetty</h3>
<p>Anushka Shetty, originally from Puttur, Karnataka, has risen to prominence as a leading actress in the South Indian film industry. Starting her career with small roles in Telugu and Tamil films, Shetty quickly made a name for herself with her powerful performances and versatility. Her breakout role in the blockbuster film "Baahubali" cemented her status as a major star. From her early days in Puttur to her success in the film industry, Anushka Shetty's journey is a testament to her talent and dedication, earning her a place among the most celebrated actresses in Indian cinema.</p>
<img src="images/sweety_shetty.jpg" alt="Anushka Shetty">
</div>
<div class="celebrity">
<h3> Pro Kabaddi Personality : Prashanth Rai </h3>
<p>Prashanth Rai, a renowned kabaddi player from Puttur, has gained recognition for his exceptional skills and contributions to the sport. His journey from local tournaments to the national stage has made him a prominent figure in Indian kabaddi, showcasing his dedication and talent.</p>
<img src ="images\prashanthrai.jpeg" alt="Prashanth Rai in haryana Stellers">
</div>
<style>
/* Reset and base styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body styling */
body {
font-family: Arial, sans-serif;
background-color: #1A1A3D; /* Navy-bluish violet */
color: #E5E5E5;
line-height: 1.6;
}
/* Main container styling */
.container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
}
/* Header */
h1 {
text-align: center;
color: #FFD700; /* Gold color */
margin-bottom: 20px;
}
/* Hotel section styling */
.hotel {
background-color: #2A2A55; /* Darker navy bluish violet */
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
border: 1px solid #FFD700; /* Gold border */
}
.hotel h2 {
color: #FFD700;
margin-bottom: 10px;
}
.hotel img {
width: 100%;
max-height: 300px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 10px;
}
.features {
margin-bottom: 15px;
}
/* Booking link styling */
.booking-link {
color: #FFD700;
text-decoration: none;
font-weight: bold;
}
.booking-link:hover {
color: #FFC107;
}
/* Google Map embed styling */
.map {
margin-top: 10px;
border: 1px solid #FFD700;
border-radius: 8px;
overflow: hidden;
}
iframe {
width: 100%;
height: 300px;
}
</style>
</head>
<body>
<!-- Add more celebrities similarly -->
</section>
<footer>
<p> Puttur Tourism Website is a Social Outreach Program Activity of 21SOP44 of Canara Engineering College, For the Purpose of Promoting Tourism sites of Puttur to Internet. </p>
</footer>
<style>
body {
background-color: black;
color: papayawhip;
font-family: Arial, sans-serif;
}
header {
position: relative;
overflow: hidden; /* Ensure that the video does not overflow */
height: 100vh; /* Set the height of the header */
color: white; /* Text color */
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.background-video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1; /* Place the video behind other content */
transform: translate(-50%, -50%);
}
h1 {
position: relative; /* Ensure the title is above the video */
z-index: 1; /* Bring the text above the video */
}
h1 {
font-weight: bold;
color: antiquewhite;
text-shadow: 1px 1px 2px black;
}
h2 {
color: ghostwhite;
font-weight: bold;
text-shadow: 1px 1px 2px black;
text-align: center;
margin-top: 50px;
}
.place, .celebrity {
margin: 20px auto;
padding: 10px;
background-color: #11102b;
border: 2px groove #FFD700;
border-radius: 8px;
max-width: 800px;
}
.place img, .celebrity img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
iframe {
width: 100%;
height: 400px;
border: none;
margin-top: 10px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
margin-top: 50px;
}
.celebrity:hover {
border: 3px groove #FFD700;
border-radius: 8px;
background-color: #291d52;
transition: border-color 0.3s, background-color 0.3s;
}
.place:hover {
border: 3px groove #FFD700;
border-radius: 8px;
background-color: #291d52;
transition: border-color 0.3s, background-color 0.3s;
}
</style>
</body>