-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtravel.html
269 lines (247 loc) · 20.9 KB
/
travel.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="./global.css">
</head>
<body class="bg-gradient-to-b from-blue-950 to-blue-300 h-screen">
<header class="bg-gray-800">
<nav class="flex justify-between items-center w-[99%] mx-auto p-6 ">
<div>
<a href="./index.html"> <img class="w-16 cursor-pointer p-1 bg-white rounded-full" src="./image/ccchsh.png" alt="..." ></a>
</div>
<div class="md:static absolute nav-links z-50 md:min-h-fit min-h-[60vh] left-0 top-[-100%] md:w-auto w-full flex items-center px-5 bg-gray-800">
<ul class="flex md:flex-row flex-col md:items-center md:gap-[4vw] gap-8" id="topnav">
<li>
<a class=" text-white
hover:rounded-md sm:hover:text-rose-800 text-lg" href="./index.html">Home</a>
</li>
<li class="">
<button id="dropdownNavbarLinkAbout" data-dropdown-toggle="dropdownNavbarAbout" class="text-white border-b border-gray-100 md:border-0 pl-3 pr-4 py-2 hover:rounded-md
sm:hover:text-rose-800 md:p-0 flex items-center justify-between w-full md:w-auto text-lg" >About<svg class="w-4 h-4 ml-1 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button>
<!-- Dropdown menu for "About" -->
<div id="dropdownNavbarAbout" class="hidden bg-gray-800 text-base z-10 list-none divide-y divide-gray-100 rounded shadow shadow-cyan-900 my-4 w-44">
<ul class="py-1" aria-labelledby="dropdownNavbarLinkAbout">
<li>
<a href="./theme.html" target class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Theme</a>
</li>
<li>
<a href="./about.html" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">About Conference</a>
</li>
<li>
<a href="./datesImp.html" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base"> Important Dates </a>
</li>
<li>
<a href="./team.html" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Organising Committee</a>
</li>
<li>
<a href="./speakers.html" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Conference Speakers</a>
</li>
</ul>
</div>
</li>
<li>
<button id="dropdownNavbarLinkPaper" data-dropdown-toggle="dropdownNavbarPaper" class="text-white
border-b border-gray-100 md:hover-bg-transparent md:border-0 pl-3 pr-4 py-2 sm:hover:text-rose-800 md:p-0 flex items-center justify-between w-full md:w-auto text-lg hover:rounded-md" >Call for Paper<svg class="w-4 h-4 ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button>
<!-- Dropdown menu for "Call for Paper" -->
<div id="dropdownNavbarPaper" class="hidden bg-gray-800 text-base z-10 list-none divide-y divide-gray-100 rounded shadow shadow-cyan-900 my-4 w-44">
<ul class="py-1" aria-labelledby="dropdownNavbarLinkPaper">
<ul class="py-1" aria-labelledby="dropdownNavbarLinkAbout">
<li>
<a href="https://rb.gy/041bd" target="_blank" class=" hover:bg-gray-100 sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Abstract Format </a>
</li>
<li>
<a href="https://rb.gy/d23r8r" target="_blank" class=" hover:bg-gray-100 sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Abstract Submission </a>
</li>
<li>
<a href="https://rb.gy/hrolj" target="_blank" class=" hover:bg-gray-100 sm:hover:text-rose-800 text-white block px-4 py-2 text-base" >Full Paper Format </a>
</li>
<li>
<a href="https://rb.gy/ul1y7x" target="_blank" class=" hover:bg-gray-100 sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Full Paper Submission </a>
</li>
<li>
<a href="#" class=" hover:bg-gray-100 sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Poster Format</a>
</li>
<!-- <li>
<a href="#" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Paper Submission</a>
</li>
<li>
<a href="#" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Mode of Presentation</a>
</li> -->
</ul>
</div>
</li>
<li>
<button id="dropdownNavbarLinkRegistration" data-dropdown-toggle="dropdownNavbarRegistration" class="text-white
border-b border-gray-100 md:hover-bg-transparent md:border-0 pl-3 pr-4 py-2 sm:hover:text-rose-800 md:p-0 flex items-center justify-between w-full md:w-auto text-lg hover:rounded-md">Registration<svg class="w-4 h-4 ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button>
<!-- Dropdown menu for "Registration" -->
<div id="dropdownNavbarRegistration" class="hidden bg-gray-800 text-base z-10 list-none divide-y divide-gray-100 rounded shadow shadow-cyan-900 my-4 w-44">
<ul class="py-1" aria-labelledby="dropdownNavbarLinkRegistration">
<li>
<a href="https://rb.gy/37e9w" target="_blank" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Offline Registration</a>
</li>
<li>
<a href="https://rb.gy/37e9w" target="_blank" class="
sm:hover:text-rose-800 text-white block px-4 py-2 text-base">Online Registration</a>
</li>
</ul>
</div>
</li>
<!--Submission-->
<li>
<a class="text-white
sm:hover:text-rose-800 text-lg hover:rounded-md" href="./schedule.html">Program Schedule</a>
</li>
<li>
<a class="text-white
sm:hover:text-rose-800 text-lg hover:rounded-md" href="./travel.html">Travel</a>
</li>
<li>
<a class="text-white
sm:hover:text-rose-800 text-lg hover:rounded-md" href="./accomodation.html">Accommodation</a>
</li>
<li>
<a class="text-white
sm:hover:text-rose-800 text-lg hover:rounded-md" href="./sponser.html">Sponsorship</a>
</li>
</ul>
</div>
<!--ICON-->
<div class="flex items-center gap-6 md:hidden" onclick="onToggleMenu(this)" name="menu">
<!-- <ion-icon onclick="onToggleMenu(this)" name="menu" class="text-3xl cursor-pointer md:hidden"></ion-icon> -->
<a href="#" > <img class="w-12 cursor-pointer p-1 " src="./image/more.png" alt="..."></a>
</div>
<div>
<a href="https://indianinstituteofarchitects.com/" > <img class="w-16 cursor-pointer p-1" src="./image/IIA LOGO.png" alt="..."></a>
</div>
<div>
<a href="https://www.nitp.ac.in/" target="_blank"> <img class="w-16 cursor-pointer p-1" src="./image/circular_logo_colour - 300 ppi.png" alt="..."></a>
</div>
</nav>
</header>
<!-- navbar ends -->
<div class="bg-blue-300 mb-[32%]">
<h1 class="text-center text-2xl text-black">This Page is under Construction</h1>
</div>
<!-- Travel page -->
<!-- <div class="px-20 py-5 blinking-text" style="background: repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(0, 0, 0, 0.1) 5px, rgba(0, 0, 0, 0.1) 10px); background-size: 10px 100%; height: auto; background-repeat: repeat;">
<h1 class="text-6xl text-black text-center font-bold items-center justify-center">TRAVEL</h1>
</div>
<div class="grid-cols-2 px-20 pb-20 pt-10 space-y-2 lg:space-y-0 lg:grid lg:gap-3 lg:grid-rows-2 space-x-8">
<div class="shadow-md shadow-emerald-700 border-2">
<h1 class="text-4xl text-black mb-8 font-semibold p-3 shadow-md shadow-red-400 text-center" >Bihar</h1>
<p class="text-gray-800 tracking-wide text-justify p-3">Bihar, a state in eastern India, is a tapestry of diverse cultures and rich history. Its cultural heritage is deeply ingrained in its ancient past, being home to legendary kingdoms like Magadh and a significant centre for Buddhism. The region has witnessed the rise and fall of powerful kingdoms, including the Magadha Empire, which played a vital role in shaping India's ancient history.
The state is deeply rooted in religious and spiritual traditions. Bodh Gaya, one of the most revered Buddhist pilgrimage sites, is where Lord Buddha attained enlightenment. Nalanda, an ancient seat of learning and a UNESCO World Heritage Site, attracted scholars and students from across the world during ancient times.
Bihar's cultural heritage is reflected in its festivals, folk dances, music, arts, and traditional crafts. The celebration of festivals like Chhath Puja, a unique and grand Hindu festival dedicated to the Sun God, is a significant cultural event in Bihar. The state's folk traditions, including Bhojpuri songs and dance forms like Jat-Jatin, are vibrant expressions of its cultural diversity.
Moreover, Bihar has made substantial contributions to Indian literature, with legendary poets and writers like Ramdhari Singh Dinkar, Phanishwar Nath 'Renu,' and Vidyapati, adding to the rich literary heritage of the region. The state's architectural heritage is seen in ancient temples, forts, and historical sites like the ruins of Nalanda and Rajgir.
In essence, Bihar's cultural heritage is a tapestry of ancient history, religious diversity, artistic expression, and literary contributions, making it an essential part of India's cultural mosaic.
However, Bihar faces critical challenges in terms of sustainable habitat and climate change. Rapid urbanization and population growth have led to increased demand for housing, infrastructure, and resources, straining the delicate balance with the environment. Efforts are being made to promote sustainable urban planning, waste management, and the use of renewable energy sources to mitigate these challenges.
Climate change poses a severe threat to Bihar. The state is prone to floods, droughts, and extreme weather events. Rising temperatures and changing rainfall patterns impact agriculture, a primary livelihood for many. Mitigation strategies, including climate-resilient farming practices, afforestation, and disaster preparedness, are being implemented to adapt to this changing climate and protect the state's population and resources.
Bihar's cultural heritage is a source of pride and identity, while efforts towards sustainable habitat and climate resilience are crucial for its future. Balancing development with preservation and addressing the impacts of climate change are pivotal in ensuring a prosperous and harmonious future for the state and its people.
</p>
</div>
<div class="shadow-emerald-700 shadow-md border-2">
<h1 class="text-4xl text-black mb-8 font-semibold p-3 shadow-md shadow-red-400 text-center">Patna</h1>
<p class="text-gray-800 tracking-wide text-justify p-3">Patna, the capital city of Bihar, is a repository of diverse cultural heritages that echo through its ancient monuments, traditions, and festivals. As Pataliputra, it was a flourishing center of politics, culture, and trade in ancient India. The city's rich past is reflected in sites like the Kumhrar archaeological remains and the Patna Museum, displaying artifacts dating back centuries.
Its origins trace back to ancient times when it was known as Pataliputra, the capital of the powerful Mauryan and Gupta empires. This historical legacy is visible through remnants like the Kumhrar archaeological site and the iconic Patna Museum, displaying a vast collection of artifacts from different eras.
The city is deeply rooted in diverse cultural traditions and religious practices. Chhath Puja, a significant Hindu festival dedicated to the Sun God, is a grand celebration along the banks of the Ganges, attracting both locals and visitors.
Patna’s cultural heritage is not confined to the past—it's a living, evolving tapestry that continues to shape the city's identity. The city welcomes new influences and perspectives while cherishing and preserving its traditions, making it a fascinating blend of the old and the new, rooted in a vibrant cultural tapestry.
In recent times, Patna has been proactively addressing the need for sustainable habitat and urban development. The city is embracing eco-friendly practices, promoting waste management, and encouraging green spaces. Sustainable transportation initiatives and efforts to reduce pollution demonstrate a commitment to building a greener, more sustainable urban environment.
Climate change presents a growing challenge for Patna, marked by increased temperatures, erratic rainfall patterns, and an elevated risk of flooding. The city is taking measures to build climate resilience, including flood control strategies, improved drainage systems, and public awareness campaigns. Climate-resilient infrastructure and sustainable practices are being integrated to adapt to the changing climate effectively.
Patna's cultural heritage, sustainable habitat initiatives, and response to climate change collectively reflect a city striving to strike a balance between its illustrious past and a sustainable, climate-resilient future. Through preserving its heritage and embracing modern sustainability practices, Patna is taking steps towards a more harmonious and resilient urban landscape.
</p>
</div>
<!-- buttons-->
<!-- </div> -->
</div>
<!--Footer-->
<footer class="bg-white 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="flex flex-col space-y-2 sm:gap-6 sm:grid-cols-3">
<div class="mb-6 md:mb-0">
<a href="./index.html" class="flex items-center">
<img src="./image/ccchsh.png" class="h-8 mr-3 bg-white rounded-2xl" alt="ccchsh Logo" /><span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">3chsh-2024</span>
</a>
</div>
<div class="mb-6 md:mb-0">
<h1 class="text-lg font bold text-white">Contact Us :-<span href="[email protected]" class="text-blue-700 px-4"><a href="mailto:[email protected]" class="underline">[email protected]</a></span>
</h1>
</div>
<div class="mb-6 md:mb-0">
<!-- <a target="_blank" href=https://www.google.com/maps/place/Bapu+Sabhagar,+At+Gyan+Bhawan+Patna/@25.6203967,85.1441127,15z/data=!4m6!3m5!1s0x39ed58572f52045f:0xa38969b037c77c0e!8m2!3d25.6203967!4d85.1441127!16s%2Fg%2F11gdkwylh2?entry=ttu class="flex items-center">
<img src="./image/google-maps.png" class="h-8 mr-3" alt="FlowBite Logo" /><p class="text-white">Bapu Sabhagar Gyan Bhawan , Patna</p>
</a> -->
</div>
</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">Home</h2>
<ul class="text-gray-500 dark:text-gray-400 font-medium">
<li class="mb-4">
<a href="https://rb.gy/37e9w" class="hover:underline ">The Conference
</a>
</li>
<li>
<a href="https://www.nitp.ac.in/" class="hover:underline">NIT Patna</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">About Us</h2>
<ul class="text-gray-500 dark:text-gray-400 font-medium">
<li class="mb-4">
<a href="https://rb.gy/37e9w" class="hover:underline ">Registration</a>
</li>
<li>
<a href="./schedule.html" class="hover:underline">Schedule</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">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">© 2023 <a href="https://flowbite.com/" class="hover:underline">3chsh™</a>. All Rights Reserved.
</span>
<div class="flex mt-4 space-x-5 sm:justify-center sm:mt-0">
<p class="text-gray-600 font-bold">Designed & Maintained by - Akash Saurav & Deepak Kumar</p>
</div>
</div>
</div>
</footer>
<!-- script for small-sized menu -->
<script>
const navLinks = document.querySelector('.nav-links')
function onToggleMenu(e){
e.name = e.name === 'menu' ? 'close' : 'menu'
navLinks.classList.toggle('top-[9%]')
}
</script>
<!-- script for dropdown of 'Call for Papers' -->
</body>
</html>