-
Notifications
You must be signed in to change notification settings - Fork 0
/
kollam.html
118 lines (83 loc) · 4.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerala Tourism</title>
<link href="calicut.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<header class="hd">
<nav class="navbar navbar-style">
<div class="cnt">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ic">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html"><img class="logo" src="./image/toplogo.png"></a>
</div>
<div class="collapse navbar-collapse" id="ic">
<ul class=" nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="dest.html">Districts</a></li>
<li><a href="">About</a></li>
</ul>
</div>
</div>
</nav>
<div class="section-container">
<div class="columns image" style="background-image:url('./image/kolllam.jpg')">
</div>
<div class="columns content">
<div class="content-container">
<h5>KOLLAM</h5>
<p>Kollam district (formerly Quilon) is one of 14 districts of the state of Kerala, India. The district has a cross-section of Kerala's natural attributes; it is endowed with a long coastline, a major Laccadive Sea seaport and an inland lake (Ashtamudi Lake). The district has many water bodies. Kallada River is one among them, and the east side land of river is East Kallada and the west side land is West Kallada.
</p>
<p>Kollam's temperature is almost steady throughout the year. The average temperature ranges from 25 to 32 degrees Celsius. Summer usually runs from March until May; the monsoon begins by June and ends by September. Kollam receives an annual average rainfall of around 2,700 millimetres (110 in).
It receives both southwest and northeast monsoons. Winter is from November to February; the temperature is moderately cool, ranging from 18 to 25 degrees Celsius.
</p>
</div>
</div>
</div>
<br>
<br>
<div class="container">
<h2 class="text-center">TOURIST SPOTS</h2>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/Thangassery Light House.jpg" alt="Lights" style="width:100%">
<div class="caption">
<p>Thangassery Light House</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/kollam-beach.jpg" alt="Nature" style="width:100%">
<div class="caption">
<p>kollam Beach</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/Ashtamudi Villas.jpg" alt="Fjords" style="width:100%">
<div class="caption">
<p>Ashtamudi Villas</p>
</div>
</div>
</div>
</div>
</header>
</body>
</html>