-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathidukki.html
120 lines (84 loc) · 4.89 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
<!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/idukkki.jpg')">
</div>
<div class="columns content">
<div class="content-container">
<h5>IDUKKI</h5>
<p>
Idukki (ഇടുക്കി), is a district in the Indian state of Kerala.It was constituted on 26 January 1972, by splitting the district of Kottayam into two parts. Its division was previously headquartered at Kottayam city, but moved to Kuyilimala near Painavu and Cheruthoni in June 1976. Idukki district lies amid the Cardamom Hills of Western Ghats in Kerala.
Though it is the second-largest district in the region in terms of area, it has the lowest population density among the districts of Kerala. The urban population is higher than the rural population. Idukki is rich in forests and thus is also known as the "Spice Garden of Kerala".
Until 1998, when Kuttampuzha was added to Ernakulam district, Idukki was the largest district in Kerala.
</p>
<p>The Idukki district forms a high altitude plateau with rugged mountainous terrain, several river valleys and deep gorges.The entire northern part of the district forms a sub plateua higher than the rest of the district, this region includes the tallest peaks like Anamudi and includes the areas around Munnar, Pallivasal, Kanthalloor, Vattavada and Mankulam. The Pambar river valley (Marayoor, Keezhanthoor) forms an eastern sloping rain shadow region of the Western Ghats. The eastern frontier of the district (Kumily, Kattapana, Nedumkandam, Rajakumari and Ramakkalmedu) constitutes the Cardamon hills. The western part of the district is covered by forests and hills bordering the eastern regions of Ernakulam and Kottayam district like Neriyamangalam, Vannapuram, Thommankuthu, Moolamattom, Vagamon and Kuttikanam. </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/dam.jpg" alt="Lights" style="width:100%">
<div class="caption">
<p>Idukki Arch Dam</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/munnar.jpg" alt="Nature" style="width:100%">
<div class="caption">
<p>Munnar</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/THEKKADY.jpg" alt="Fjords" style="width:100%">
<div class="caption">
<p>Thekkady</p>
</div>
</div>
</div>
</div>
</header>
</body>
</html>