-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathKasaragod.html
222 lines (173 loc) · 12.2 KB
/
Kasaragod.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
<!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">Kasaragod</h2>
<p class="lead text-justify text-info">The northernmost district of Kerala, Kasaragod is renowned for its hills, forts and water bodies. The coir and handloom industry here are extremely famous around the world. The place is also popular for its ancient temples and rich biodiversity. It is an important border district as well that regulates trade with a lot of neighbouring States. </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/bekal20131031102643_259_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/bekal20131119173955_259_1.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/a_unique_bike_tour20200205071823_979_1.jpg" alt=""> -->
<div class="card-body">
<h4 class="card-title text-success">Bekal Fort</h4>
<p class="card-text text-info">Around 16 km to the south of northernmost district in Kerala, Kasaragod, lies the massive Bekal Fort. It is among the biggest forts in Kerala and has been impeccably maintained throughout the years. It rises to 130 feet above sea level and is situated on a headland spanning 35km. Much effort has been put to develop a beautiful beach here called the Bekal Fort Beach. People flock to these spots in great numbers. Situated comfortably on steep hills by the sea, the fort provides for an imposing view from the beach. Built using laterite slabs and with a polygonal shape, it is amongst the most visited sites in Kerala.
</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/chandragiri_fort_river20131031103019_165_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/chandragiri_fort_river20150530081830_165_1.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">Chandragiri Fort & River
</h4>
<p class="card-text text-info">Seeped in history, the Chandragiri Fort in Kasaragod lies at the confluence of the Payaswini River and the Arabian Sea. This 17th century fort was built by Sivappa Naik of Bedanore. Situated atop hill ruins. People come here to watch the sunset from the ancient Kizhur Siva Temple at Chandragiri. While the nearby Bekal Fort is a tourist hotbed, those visiting this more serene location will be rewarded with a panoramic view of the lush landscape on display below.
</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/padanna_backwaters_kasaragod20131031111928_420_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/padanna_backwaters_kasaragod20131107115546_420_1.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">Padanna Backwaters</h4>
<p class="card-text text-info">The long shores and starry skies of Padanna Backwaters have attracted odes from awestruck visitors who stumble across this secluded hamlet. Padanna is among Northern Kerala's finest backwater locations. This tranquil destination is renowned because Padanna works hardest to give you time away from urban life. Tourists here are guided to the famous Oyster Opera, run by the visionary Gul Mohammad. This establishment works on the principle of self-help and people of the area are the most involved in its functioning.
</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>