-
Notifications
You must be signed in to change notification settings - Fork 0
/
lakes.html
213 lines (202 loc) · 11.4 KB
/
lakes.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="beb.png"type="image" sizes="32x32"/>
<title>Lakes | RoamUdaipur</title>
<meta name = "viewport" content = "width=device-width, initial-scale = 1, maximum-scale=1 ,user-scalable = no" />
<link rel="stylesheet" type="text/css" href="main1.css">
<link href='https://fonts.googleapis.com/css?family=Josefin Sans' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Finger Paint' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Sanchez' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Aclonica' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Aladin' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Share Tech' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Sedgwick Ave Display' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Andika' rel='stylesheet'>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAxiAHEz1tcr1OLaVLA1T50mvO2B27kHFM&libraries=geometry&language=en"></script>
<script src="https://use.fontawesome.com/5b626b8830.js"></script>
</head>
<body>
<div class="header">
<div class="inner-header">
<div class="logo"><a href="index.html"><img src="tatag.png" ></a></div>
<!-- <div class="header-link"><a id="login" href="logoutscript.php">Log Out</a></div>-->
<div class="header-link"><Button class="login" ><i id="myBtn" class="fa fa-globe" aria-hidden="true"></i></Button></div>
<div class="header-link"><i style="font-size: 25px; color:red;" id="myBtn1" onclick="openCont()" class="fa fa-bars" aria-hidden="true"></i></div>
<div class="header-link"><Button class="login cancer" onclick="openCont()"><i class="fa fa-bars" aria-hidden="true"></i></Button></div>
<!-- <div class="header-link"><Button id="login" onclick="openProfile()">Profile</Button></div>-->
<div class="header-link"><a class="login cancer" href="index.html"><i class="fa fa-home" aria-hidden="true"></i></a></div>
</div>
</div>
<div id="disploc" class="locadisp">
<div class="con-disp">
<span class="close">×</span>
<h3 style="font-family:'Amarante'; text-align: center; color:#EF9A9A; ">Your Distance from Major Transportation in Udaipur</h3>
<div id="saracont" >
<div id="map"></div>
<h4 id="bababa"></h4>
</div>
</div>
</div>
<script src="globe.js"></script>
<div>
<img src="fs1.jpg" alt="" class="slideshow">
<img src="pic.jpg" alt="" class="slideshow" >
<img src="swr.jpg" alt="" class="slideshow" >
</div>
<script>var si = 0;
slides();
function slides() {
var i;
var x = document.getElementsByClassName("slideshow");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
si++;
if (si > x.length) {si = 1}
x[si-1].style.display = "block";
setTimeout(slides, 2000);
}
function openProfile() {
document.getElementById("profile_show").style.width = "50%";
}
function closeProfile() {
document.getElementById("profile_show").style.width = "0";
}
function openCont() {
document.getElementById("contents_show").style.width = "50%";
}
function closeCont() {
document.getElementById("contents_show").style.width = "0";
}
</script>
<div id="profile_show" class="profile">
<a href="javascript:void(0)" class="closebtn" onclick="closeProfile()">×</a>
<div id="pro_head"><h1>Profile</h1></div>
<br/><br/>
<div id="pro_element"><h2>Username: <?php echo $_SESSION['username'];?></h2></div>
<div id="pro_element1"><h2>E-Mail: <?php
$con=mysqli_connect('localhost','root','','users');
$query="SELECT * FROM users.users_data WHERE username='$name'";
$data=mysqli_query($con,$query);
$row=mysqli_fetch_array($data);
echo $row['email'];?></h2></div>
<a style="margin-top:295px; font-size:16px; text-align:center; color:black;" href="roamudaipur.php">©RoamUdaipur.com</a>
</div>
<div class="profile" id="contents_show">
<a href="javascript:void(0)" class="closebtn" onclick="closeCont()">×</a>
<h2 style="text-align:center; font-family: 'Sedgwick Ave Display';">Contents</h2>
<br/>
<br/>
<i><a href="museums.html">Museums</a></i>
<i><a href="temples.html">Temples</a></i>
<i><a href="4&5star.html">4&5 Star Hotels</a></i>
<i><a href="2&3star.html">2&3 Star Hotels</a></i>
<i><a href="restaurants.html">Restaurants</a></i>
<i><a href="airways.html">Airways</a></i>
<i><a href="railways.html">Railways</a></i>
<a style="margin-top:95px; text-align:center; font-size:16px; color:black;" href="roamudaipur.php">©RoamUdaipur.com</a>
</div>
<div id="jkk"><h2>Lakes</h2></div>
<div id="searched" style="border:none;">
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'fs')" id="defaultOpen">Fateh Sagar Lake</button>
<button class="tablinks" onclick="openCity(event, 'pl')">Pichola Lake</button>
<button class="tablinks" onclick="openCity(event, 'us')">Udai Sagar Lake</button>
<button class="tablinks" onclick="openCity(event, 'js')">Jaisamand Lake</button>
<button class="tablinks" onclick="openCity(event, 'rl')">Rajsamand Lake</button>
<button class="tablinks" onclick="openCity(event, 'dt')">Dudh/ Doodh Talai</button>
<button class="tablinks" onclick="openCity(event, 'bt')">Jiyan Sagar (Badi Ka Talab)</button>
<button class="tablinks" onclick="openCity(event, 'ss')">Swaroop Sagar</button>
</div>
<div id="fs" class="tabcontent">
<h3>Fateh Sagar Lake</h3>
<img src="abc.jpg">
<p>It is an artificial lake named after Maharana Fateh Singh of Udaipur and Mewar, constructed north-west of Udaipur.Within the confines of the Fatah Sagar Lake,
there are three small islands; the largest of these is the Nehru Park, which is a popular tourist attraction, the second island houses a public park with an
impressive water-jet fountain, and the third island is the address for the Udaipur Solar Observatory (USO). The Nehru park is accessible by inboard motor
boats. The blue waters of the lake and the backdrop of the green mountains has given the soubriquet of ‘The Second Kashmir’ to Udaipur.</p>
</div>
<div id="pl" class="tabcontent">
<h3>Pichola Lake</h3>
<img src="pichola.jpg">
<p>Pichola Lake is one of the most beautiful and picturesque lakes of Udaipur.Located in the heart of the city.It is extended to 3 miles in length, 2 miles in width and has depth of 30 feet.
Lake Pichola comprises several islands. The world-famous Lake Palace is perfectly located on the Jag Island of this beautiful lake. Even the Jag Mandir,
another popular and most famous Wedding destination, is located on an island of Pichola lake.A trip to Pichola Lake would be
incomplete with a boat ride. At the time sun-set, a boat ride in this lake is sufficient to mesmerize anyone. </p>
</div>
<div id="us" class="tabcontent">
<h3>Udai Sagar Lake</h3>
<img src="udai.jpg">
<p>Udaisagar Lake, one of the five prominent lakes of Udaipur,[1] is situated around 13 km in the east of Udaipur. This lake was built
by Maharana Udai Singh in 1565. Udai Sagar Lake is around 4 km in length, 2.5 km in width and 9 meters deep at the maximum.
The Udai Sagar Lake is approachable by road from the Udaipur City. Visitors can take Local buses, Tongas, auto-rickshaws and taxis to reach Udai Sagar. There is no entry
ticket levied on visit to Udai Sagar.</p>
</div>
<div id="js" class="tabcontent">
<h3>Dhebar Lake</h3>
<img src="jai.jpg">
<p>Dhebar Lake (also known as Jaisamand Lake) is India's second-largest artificial lake. It is 45 km from District headquarters of Udaipur. The lake has a
total number of 3 islands measuring from 10 to 40 acres (160,000 m2) each. The Dhebar Lake Marble Dam is 300 Meters long and is a part of the "Heritage Monuments
of India". The dam also has the Hawa Mahal Palace, winter Capital of the erstwhile Maharanas of Mewar. It covers area of 36 square miles.Dhebar Lake has elegant
steps leading to the water and marble Chhatri on its bank with a small Shiv temple that marks the grace of the lake. </p>
</div>
<div id="rl" class="tabcontent">
<h3>Rajsamand Lake</h3>
<img src="raj.jpeg">
<p>Rajsamand Lake is one of the five popular lakes of Mewar. Located 66 km in the north of Udaipur, Rajsamand Lake lies between the cities of Rajnagar and
Kankroli.
On the southern end of the lake, the huge embankment is composed of white marble. It has marble terraces and stone steps that touch the waters of the lake.
Also on the embankment of the lake are nine pavilions or 'nauchowki' (nine ghats),which were constructed by Maharana Raj Singh. These beautifully carved pavilions
are festooned with pictures of the sun, chariots, gods, birds and detailed carvings.
At sunset, the waters of the lake glitter with the startling light of the sun.</p>
</div>
<div id="dt" class="tabcontent">
<h3>Dudh Talai Lake</h3>
<img src="dudh.jpg">
<p>Doodh Talai is a small lake that adores the south-east direction of Pichola Lake. Located in the southern side of Shiv Niwas Palace, Dudh Talai contributes
to the waters of Lake Pichola. This stream adds to the picturesque triangle in the company of Pichola on one side, Doodh Talai on the second
and M.L. Verma Garden on the third. It is around 24 km away from
Udaipur Airport, and just 4 km from Udaipur City railway station and Udaipur City Bus Depot.</p>
</div>
<div id="bt" class="tabcontent">
<h3>Jiyan Sagar (Badi Ka Talab)</h3>
<img src="jiyan.jpg">
<p>Jiyan Sagar is another striking lake, located in the village of Badi. Built by Maharana Raj Singh, Jiyan Sagar was built to deal with the problem of famine in the area.
The lake was named after Jana Devi, mother of Raj Singh. Jiyan Sagar is also known as Badi Ka Talab. It sprawls in an area of 155 sq. km. and the embankment
of the lake extends to the length of 180 meters and width of 18 meters. Jiyan Sagar also adores three artistic kiosks (chattris). </p>
</div>
<div id="ss" class="tabcontent">
<h3>Swaroop Sagar Lake</h3>
<img src="ss.jpg">
<p>Swaroop Sagar is a small artificial lake that was created by Maharana Swaroop Singh. The lake was subsequently named after him. It is also known as
Kumharia Talab. Located behind the famous Jagdish Temple, Kumharia Talab is near Chand Pol adjoining Rangsagar. The lake was actually built to provide water to the people of Udaipur.
Kumharia Talab is connected with Lake Pichola and Fateh Sagar Lake. </p>
</div>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
document.getElementById("defaultOpen").click();
</script>
<footer>
<div class="container" >
<p style="float: left;" id="copyv">©Roam Udaipur</p>
<a style="float:right; text-decoration: underline;" id="copyv" href="disclaimer.html">Disclaimer</a>
<p id="copyv" style="text-align: center;">Made with <i class="fa fa-heart" aria-hidden="true"></i></p>
</div>
</footer>
</body>
</html>