-
Notifications
You must be signed in to change notification settings - Fork 0
/
lakes.html
158 lines (118 loc) · 7.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mysuru Tourism | Lakes</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&family=Ubuntu&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/47524898bf.js" crossorigin="anonymous"></script>
<!-- Bootstrap Stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Bootstrap Scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="img/favicon.ico">
</head>
<body>
<!-------------------- NavBar -------------------->
<div class="bg-img">
<nav class="navbar navbar-expand-lg navbar-dark">
<img src="img/favicon-bus.ico" class="navbar-brand navbar-icon d-none d-sm-block">
<a class="navbar-brand" href="index.html">Mysuru Tourism</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="hotels.html">Hotels</a>
</li>
<li class="nav-item">
<a class="nav-link" href="restaurants.html">Restaurants</a>
</li>
<li class="nav-item">
<a class="nav-link" href="events.html">Events</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Tourist Attractions</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="destinations.html">All Destinations</a>
<a class="dropdown-item" href="yoga.html">Yoga Centres</a>
<a class="dropdown-item" href="heritage-sites.html">Heritage Sites</a>
<a class="dropdown-item" href="museums.html">Museums</a>
<a class="dropdown-item" href="lakes.html"</a>
<a class="dropdown-item" href="waterfalls.html">Waterfalls</a>
<a class="dropdown-item" href="lakes.html">Lakes</a>
<a class="dropdown-item" href="zoos.html">Zoos and Aquariums</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<!-------------------- NavBar End -------------------->
<!-------------------- SearchBar -------------------->
<div class="container h-100 d-none d-md-block">
<div class="d-flex justify-content-center h-100">
<div class="searchbar">
<input class="search_input" type="text" name="" placeholder="Search">
<a href="lakes.html" class="search_icon"><i class="fas fa-search"></i></a>
</div>
</div>
</div>
<!-------------------- SearchBar End -------------------->
<!-------------------- Jumbotron -------------------->
<div class="jumbotron d-none d-md-block"></div>
<!-------------------- Jumbotron End -------------------->
<!-------------------- Lakes -------------------->
<h2 class="destinations-headline">Lakes</h2>
<div class="row destinations">
<div class="col-lg-6 col-md-6 destinations-col">
<h3 class="destinations-name">Melukote Lake</h3>
<img class="destinations-images" src="img/destinations/lakes/melukote-lake.jpg">
<button class="btn btn-lg btn-block btn-dark destinations-btn"><a class="destinations-btn-name" href="https://goo.gl/maps/AEZCKP2ugDFqEhAx6" target="_blank">See in Map</a></button>
</div>
<div class="col-lg-6 col-md-6 destinations-col">
<h3 class="destinations-name">Hebbal Lake</h3>
<img class="destinations-images" src="img/destinations/lakes/hebbal-lake.jpg">
<button class="btn btn-lg btn-block btn-dark destinations-btn"><a class="destinations-btn-name" href="https://goo.gl/maps/hEKyVSNaAHfmxQRu7" target="_blank">See in Map</a></button>
</div>
<div class="col-lg-6 col-md-6 destinations-col">
<h3 class="destinations-name">Karanji Lake</h3>
<img class="destinations-images" src="img/destinations/lakes/karanjilake.jpg">
<button class="btn btn-lg btn-block btn-dark destinations-btn"><a class="destinations-btn-name" href="https://goo.gl/maps/dhEyjq9eSiszTBNZ8" target="_blank">See in Map</a></button>
</div>
<div class="col-lg-6 col-md-6 destinations-col">
<h3 class="destinations-name">Lingambudhi Lake</h3>
<img class="destinations-images" src="img/destinations/lakes/lingambudhi-lake.jpeg">
<button class="btn btn-lg btn-block btn-dark destinations-btn"><a class="destinations-btn-name" href="https://goo.gl/maps/GZgU5FkqJYM88Dy7A" target="_blank">See in Map</a></button>
</div>
<div class="col-lg-6 col-md-6 destinations-col">
<h3 class="destinations-name">Kukkarahalli Lake</h3>
<img class="destinations-images" src="img/destinations/lakes/kukkarahalli-lake.jpg">
<button class="btn btn-lg btn-block btn-dark destinations-btn"><a class="destinations-btn-name" href="https://goo.gl/maps/S2R45T1pnzm9kWv88" target="_blank">See in Map</a></button>
</div>
<div class="col-lg-6 col-md-6 destinations-col">
<h3 class="destinations-name">Infosys Lake</h3>
<img class="destinations-images" src="img/destinations/lakes/infosys-lake.jpg">
<button class="btn btn-lg btn-block btn-dark destinations-btn"><a class="destinations-btn-name" href="https://goo.gl/maps/7nHy5QWD6XNuVPFo8" target="_blank">See in Map</a></button>
</div>
</div>
<!-------------------- Lakes End -------------------->
<!-------------------- Footer -------------------->
<div class="bottom-container">
<p class="copyright">© 2020 Mysuru Tourism All Rights Reserved</p>
<p class="copyright">Made with ❤ by IECians</p>
</div>
<!-------------------- Footer End -------------------->
</body>
</html>