-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIdukki.html
219 lines (172 loc) · 11.9 KB
/
Idukki.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- css for swiper -->
<link rel="stylesheet" href="swiper.css">
<link rel="stylesheet" href="customStyle.css">
<link rel="stylesheet" href="loginStyle.css">
<link rel="stylesheet" href="districtStyle.css">
<link rel="stylesheet" href="eachDistrictStyle.css">
<title>Kerala Tourism</title>
</head>
<body>
<nav id="mainnavbar" class="navbar navbar-fixed-top fixed-top navbar-expand-md font-weight-bold navbar-dark pb-2 pb-md-4" >
<div class="container paddingcorrection" >
<a href="" class="navbar-brand">
<div class="logo"><img src="https://www.keralatourism.org/images/kt/kerala-tourism-title.png?d=18122017" alt="Kerala Tourism"></div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navcontents">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse " id="navcontents">
<ul class="navbar-nav">
<li class="nav-item"><a href="index.html" class="nav-link">HOME</a></li>
<li class="nav-item"><a href="#" class="nav-link">ABOUT</a></li>
<li class="nav-item"><a href="districts.html" class="nav-link">DISTRICTS</a></li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="signup.html" class="nav-link"> <i class="fas fa-user-plus" aria-hidden="true"></i> Sign Up</a></li>
<li class="nav-item"><a href="login.html" class="nav-link"> <i class="fas fa-user" aria-hidden="true"></i> Log In</a></li>
</ul>
</div>
</div>
</nav>
<div class="container marginTop minHeight mb-5 " >
<div class="row justify-content-center ">
<div class="col-10" style="z-index: 100;">
<div class="jumbotron bg-white mt-3 ">
<div class="container">
<h2 class=" text-center mainheading">Idukki </h2>
<p class="lead text-justify text-info">Idukki is Kerala's second largest district and has been blessed with numerous natural wonders. The high valleys and hill ranges of this landlocked region are fed by three major rivers - Periyar, Thalayar and Thodupuzhayar and their tributaries. Its forest still hosts many tribes and over half of the terrain is still covered with forests. People love going to the gigantic arch dam for getting its mesmerising view. Blessed with a wide range of trekking trail, each of them offers a spectacular view of the valley below and ranges above of Idukki.</p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-10" style="z-index: 100;">
<div class="jumbotron bg-white ">
<div class="container">
<h2 class=" text-center mainheading">Top Destinations </h2>
</div>
<div class="card-deck mx-1">
<!-- <div class="col-md-4 mb-4"> -->
<div class="card border-success">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/periyar_tiger_reserve_thekkady20131106141847_192_4.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/periyar_tiger_reserve_thekkady20131106141847_192_2.jpg" alt="">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- <img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/periyar_tiger_reserve_thekkady20131106141847_192_4.jpg" alt=""> -->
<div class="card-body">
<h4 class="card-title text-success">PERIYAR TIGER RESERVE</h4>
<p class="card-text text-info">The best way to enjoy Periyar is from the edge of your seat on a boat. If you are a little more adventurous, then you can take a bamboo raft and row while the wild watches you. The Bamboo Rafting at Periyar is available in two slots – Full day and Half day. To know the rate of Bamboo Rafting</p>
<a href="" class="btn btn-outline-success btn-sm"> Explore</a>
</div>
</div>
<!-- </div> -->
<!-- <div class="col-md-4 mb-4"> -->
<div class="card border-success">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/munnar20180720141650_202_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/munnar20131031131946_202_4.jpg" alt="">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- <img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/periyar_tiger_reserve_thekkady20131106141847_192_4.jpg" alt=""> -->
<div class="card-body">
<h4 class="card-title text-success">Munnar
</h4>
<p class="card-text text-info">Munnar rises as three mountain streams merge - Mudrapuzha, Nallathanni and Kundala. 1,600 m above sea level, this hill station was once the summer resort of the erstwhile British Government in South India. One of the most sought after honeymoon destinations in Kerala, Munnar is replete with resorts and logding facilities that fit a wide rage of budgets. Sprawling tea plantations, picturesque towns, winding lanes and holiday facilities make this a popular resort town.
</p>
<a href="" class="btn btn-outline-success btn-sm"> Explore</a>
</div>
</div>
<!-- </div> -->
<!-- <div class="col-md-4 mb-4"> -->
<div class="card border-success">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/idukki_arch_dam20150530085042_187_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/idukki_arch_dam20150530085042_187_2.jpg" alt="">
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- <img class="card-img-top" src="https://www.keralatourism.org/images/enchanting_kerala/large/thusharagiri_a_trekker_s_delight20161019051950_613_1.jpg" alt=""> -->
<div class="card-body">
<h4 class="card-title text-success">Idukki Arch Dam</h4>
<p class="card-text text-info">A parabolic marvel, aloft at 550 ft and spread out over 650 ft, greets visitors at the Kuravan and Kurathi Hills in Idukki. You have now reached the Idukki Arch Dam, the second in the world and first of its kind in all of Asia. The sight itself is awe-inspiring, considering the sheer magnitude of the structure and the purpose it serves. Nearby lies the Idukki Wildlife Sanctuary where one can seek solace in nature.
</p>
<a href="" class="btn btn-outline-success btn-sm"> Explore</a>
</div>
</div>
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
<div id="particles-js">
</div>
<footer class="footer">
<p>copyright
<i class="fa fa-copyright" aria-hidden="true"></i>
Gov.Of.Kerala
</p>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></script>
// particle.js files
<script src="particles.js"></script>
<script src="app.js"></script>
//swiper
<script src="swiper.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
effect: 'cube',
grabCursor: true,
cubeEffect: {
shadow: true,
slideShadows: true,
shadowOffset: 20,
shadowScale: 0.94,
},
pagination: {
el: '.swiper-pagination',
},
autoplay: {
delay: 3000,
},
speed: 2000,
autoplayDisableOnInteraction: false,
});
</script>
<script src="pageanimation.js"></script>
</body>
</html>