-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhomeTown.html
More file actions
246 lines (231 loc) · 16.7 KB
/
homeTown.html
File metadata and controls
246 lines (231 loc) · 16.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>homeTown</title>
</head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/style.css">
<body>
<section id="navbar">
<nav class="bg-white border-gray-200 dark:bg-gray-900 dark:border-gray-700">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
<img src="/assets/images/crown.jpeg" class="h-10 pb-2" alt="Flowbite Logo" />
<span
class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white hd_name">CHRISTO</span>
</a>
<button data-collapse-toggle="navbar-dropdown" type="button"
class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
aria-controls="navbar-dropdown" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M1 1h15M1 7h15M1 13h15" />
</svg>
</button>
<div class="hidden w-full md:block md:w-auto" id="navbar-dropdown">
<ul
class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
<li>
<a href="/index.html"
class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
aria-current="page">Home</a>
</li>
<li>
<a href="about.html"
class="block py-2 px-3 text-white text-gray-900 rounded md:bg-transparent md:p-0 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent">About
me</a>
</li>
<li>
<a href="homeTown.html"
class=" md:text-blue-700 block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Home
Town
</a>
<li>
<a href="gallery.html"
class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Gallery</a>
</li>
<li>
<a href="works.html"
class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Works</a>
</li>
<li>
<a href="contact.html"
class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<hr style="border: 1px solid black; width: 100%;">
<section class="town_sections">
<div class="about_head-twn">
<h1 class="about_heads">Its All About Kottayam</h1>
</div>
<div class="vdo-div">
<iframe width="100%" height="700" src="https://www.youtube.com/embed/LF69rxQZSzc?si=jKUtqdYRdw0EGDah"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</section>
<section id="twn-abt">
<div class="heading_space">
<h1 class="area_heading h1-twn" id="heading_twn"></h1>
</div>
<div class="twn-wrt">
<p>
Changanacherry, a historic town in Kottayam district, Kerala, boasts a rich cultural heritage and a
significant royal past. The town was once the seat of the Thekkumkur dynasty, a prominent royal family
in ancient Kerala. The remnants of this royal legacy can be seen in the form of several palaces and
historical sites scattered across the town.
One of the most prominent royal sites in Changanacherry is the Neerazhi Palace. This magnificent palace
served as the royal residence of the Thekkumkur kings until the 18th century. The palace complex, spread
over 1.23 acres, showcases exquisite architecture and intricate carvings. It is a testament to the
grandeur and opulence of the bygone era.
Another significant royal site is the Lakshmipuram Palace. This palace was built in the 19th century by
Maharani Lakshmi Bai of Travancore for her husband's family, the Koil Thampurans. The palace is known
for its beautiful architecture and serene surroundings. It is now a heritage site and attracts visitors
from all over the world.
Changanacherry's royal past has left an indelible mark on the town's culture and traditions. The town is
renowned for its rich cultural heritage, including its classical music and dance forms, traditional arts
and crafts, and vibrant festivals. The annual Pooram festival, held at the famous Thiruvanchikulam
temple, is a major cultural event that attracts thousands of devotees and tourists.
The town's strategic location on the banks of the Pampa River has also played a significant role in its
history. The river has been a vital trade route for centuries, connecting Changanacherry to other parts
of Kerala and beyond. The town's proximity to the backwaters has also made it a popular tourist
destination.
In conclusion, Changanacherry is a town steeped in history and culture. Its royal past, rich cultural
heritage, and scenic beauty make it a fascinating destination for tourists and history enthusiasts
alike.
</p>
</div>
</section>
<section id="homeTown">
<div class="video-container">
<video preload="none" muted src="/assets/videos/ktm2.mp4" type="video/mp4"></video>
</div>
<div class="video-container">
<video preload="none" muted src="/assets/videos/ktm1.mp4" type="video/mp4"></video>
</div>
<div class="video-container">
<video preload="none" muted src="/assets/videos/ktm.mp4" type="video/mp4"></video>
</div>
</section>
<section id="google_map">
<div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d62973.61818989698!2d76.49611450959151!3d9.43445235474531!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b06260b6892c327%3A0x86c67c02aad04a0!2sChanganassery%2C%20Kerala!5e0!3m2!1sen!2sin!4v1729961003270!5m2!1sen!2sin"
width="1450" height="450" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<section id="footer">
<footer class="bg-black dark:bg-gray-900">
<div class="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
<div class="md:flex md:justify-between">
<div class="mb-6 md:mb-0">
<a href="https://flowbite.com/" class="flex items-center">
<img src="/assets/images/test.png" class="h-8 me-3" alt="FlowBite Logo" />
<span
class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white footer_head">Get
In Touch</span>
</a>
</div>
<div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
<div>
<h2
class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white color: white !important; footer_head">
Resources
</h2>
<ul class="text-gray-500 dark:text-gray-400 font-medium">
<li class="mb-4">
<a href="https://flowbite.com/" class="hover:underline footer_head">Flowbite</a>
</li>
<li>
<a href="https://tailwindcss.com/" class="hover:underline footer_head">Tailwind
CSS</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white footer_head">
Follow us
</h2>
<ul class="text-gray-500 dark:text-gray-400 font-medium">
<li class="mb-4">
<a href="https://github.com/themesberg/flowbite" class="hover:underline ">Github</a>
</li>
<li>
<a href="https://discord.gg/4eeurUVvTy" class="hover:underline">Discord</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white footer_head">
Legal</h2>
<ul class="text-gray-500 dark:text-gray-400 font-medium">
<li class="mb-4">
<a href="#" class="hover:underline">Privacy Policy</a>
</li>
<li>
<a href="#" class="hover:underline">Terms & Conditions</a>
</li>
</ul>
</div>
</div>
</div>
<hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
<div class="sm:flex sm:items-center sm:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© <a
href="https://flowbite.com/" class="hover:underline">christo</a>@ since 2001
</span>
<div class="flex mt-4 sm:justify-center sm:mt-0 distance_logo">
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 8 19">
<path fill-rule="evenodd"
d="M6.135 3H8V0H6.135a4.147 4.147 0 0 0-4.142 4.142V6H0v3h2v9.938h3V9h2.021l.592-3H5V3.591A.6.6 0 0 1 5.592 3h.543Z"
clip-rule="evenodd" />
</svg>
<span class="sr-only">Facebook page</span>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 17">
<path fill-rule="evenodd"
d="M20 1.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.344 8.344 0 0 1-2.605.98A4.13 4.13 0 0 0 13.85 0a4.068 4.068 0 0 0-4.1 4.038 4 4 0 0 0 .105.919A11.705 11.705 0 0 1 1.4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 4.1 9.635a4.19 4.19 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 0 14.184 11.732 11.732 0 0 0 6.291 16 11.502 11.502 0 0 0 17.964 4.5c0-.177 0-.35-.012-.523A8.143 8.143 0 0 0 20 1.892Z"
clip-rule="evenodd" />
</svg>
<span class="sr-only">Twitter page</span>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd"
d="M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z"
clip-rule="evenodd" />
</svg>
<span class="sr-only">GitHub account</span>
</a>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-5">
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd"
d="M10 0a10 10 0 1 0 10 10A10.009 10.009 0 0 0 10 0Zm6.613 4.614a8.523 8.523 0 0 1 1.93 5.32 20.094 20.094 0 0 0-5.949-.274c-.059-.149-.122-.292-.184-.441a23.879 23.879 0 0 0-.566-1.239 11.41 11.41 0 0 0 4.769-3.366ZM8 1.707a8.821 8.821 0 0 1 2-.238 8.5 8.5 0 0 1 5.664 2.152 9.608 9.608 0 0 1-4.476 3.087A45.758 45.758 0 0 0 8 1.707ZM1.642 8.262a8.57 8.57 0 0 1 4.73-5.981A53.998 53.998 0 0 1 9.54 7.222a32.078 32.078 0 0 1-7.9 1.04h.002Zm2.01 7.46a8.51 8.51 0 0 1-2.2-5.707v-.262a31.64 31.64 0 0 0 8.777-1.219c.243.477.477.964.692 1.449-.114.032-.227.067-.336.1a13.569 13.569 0 0 0-6.942 5.636l.009.003ZM10 18.556a8.508 8.508 0 0 1-5.243-1.8 11.717 11.717 0 0 1 6.7-5.332.509.509 0 0 1 .055-.02 35.65 35.65 0 0 1 1.819 6.476 8.476 8.476 0 0 1-3.331.676Zm4.772-1.462A37.232 37.232 0 0 0 13.113 11a12.513 12.513 0 0 1 5.321.364 8.56 8.56 0 0 1-3.66 5.73h-.002Z"
clip-rule="evenodd" />
</svg>
<span class="sr-only">Dribbble account</span>
</a>
</div>
</div>
</div>
</footer>
</section>
</body>
<script src="/assets/js/style.js"></script>
</html>