-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathKollam.html
220 lines (172 loc) · 12.5 KB
/
Kollam.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
<!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">Kollam </h2>
<p class="lead text-justify text-info">One of the premier trade capitals of the Old World, Kollam is the centre of the country’s cashew trading and processing industry. Extolled by Marco Polo and Ibn Batuta in glowing terms, this was once a famous port of international spice trade. This historic town is home to the celebrated Ashtamudi Lake, making it a gateway to the breath-taking backwaters of Kerala. The eight-hour boat trip between Kollam and Alappuzha is the longest and most enchanting experience on the backwaters of Kerala. The momentous decision to introduce a new Malayalam era was convened at Kollam and hence the Malayalam calendar came to be known as kollavarsham.</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/backwater_stretches_of_ashtamudi20131031102450_426_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2018/04/Ashtamudi-Lake-kollam-kb6592.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">Ashtamudi Lake</h4>
<p class="card-text text-info">The 8 arms or channels of the Ashtamudi Lake are what gave it its name. It is the entrance to the famous backwaters of Kerala and the houseboat rides here are extremely famous. The Kollam to Alappuzha route is considered among the best in the backwaters. Cruises here give you a deeper look at the heart and spirit of the backwaters. Let the local oarsmen take you on a special journey to rediscover your soul. The lush greenery and exotic biodiversity shall enchant you forever.
</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/thenmala_eco_tourism20131031121405_41_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/thenmala_eco_tourism20131105171151_41_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">Thenmala Ecotourism</h4>
<p class="card-text text-info">Thenmala, which lies at the conjunction of the Kollam-Shencottah road and the Trivandrum-Shencottah Road, boasts of India's first planned Ecotourism destination. It has 10 Ecotourism spots that cover the great hill ranges of Thiruvananthapuram, Pathanamthitta and Kollam districts. ‘Thenmala’ translates to 'Honey Hill' and so it is no surprise that high quality honey is exported from this area. The surrounding dense forest is also known for the timber that is in much demand across the country. Its terrain is dotted by forests, rubber and tree plantations and was selected by the World Tourism Organisation as one of the premier eco-friendly projects in the world.
</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/jatayu_adventure_centre20180919110817_262_1.jpg" alt="">
</div>
<div class="swiper-slide" >
<img class="card-img-top" src="https://www.keralatourism.org/images/destination/large/jatayu_adventure_centre20180919110336_262_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">Jatayu Adventure Center</h4>
<p class="card-text text-info">The Jatayu Adventure Center (Jatayu Earth's Center), at Chadayamangalam, 50 km from Thiruvananthapuram, is a unique combination of artistry, mythology, technology, culture, adventure, leisure, and wellness. The virtual reality museum and the theatrical magic that renders the story of Jatayu add to the magic of the destination.
A creation of Mr. Rajiv Anchal, this destination is sure to leave each visitor awestruck. The state of the art ropeway offers one a bird’s eye view of God’s Own Country just as the helicopter rides do as well.</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>