-
Notifications
You must be signed in to change notification settings - Fork 0
/
idukki.html
165 lines (143 loc) · 6.5 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
<!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>Idukki</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
<style>
* {
box-sizing: border-box;
}
/* Style the body */
body {
font-family: Arial;
margin: 0;
}
/* Header/logo Title */
.header {
height:100vh;
}
/* Style the top navigation bar */
.navbar {
display: flex;
background-color: rgb(3, 44, 121);
margin-top:-14.5%;
}
/* Style the navigation bar links */
.navbar a {
color: white;
padding: 14px 20px;
text-decoration: none;
text-align: center;
}
/* Change color on hover */
.navbar a:hover {
background-color: #ddd;
color: black;
}
/* Column container */
.row {
display: flex;
flex-wrap: wrap;
}
/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
flex: 35%;
background-color: #f1f1f1;
padding: 35px;
line-height:30px;
}
/* Main column */
.main {
flex: 60%;
background-color: white;
padding: 50px;
line-height:25px;
}
.main h2{
margin-top:-2%;
background-color: rgb(255, 153, 0);
text-align: center;
padding:3px;
}
.main h3{
text-align: center;
}
/* Fake image, just for this example */
.fakeimg {
background-color:transparent;
width: 100%;
padding: 15px;
text-align: center;
}
.footer{
width:100%;
background-color: rgb(3, 44, 121);
color:white;
padding-right: 3%;
padding-top: 15px;
padding-bottom: 15px;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.row, .navbar {
flex-direction: column;
}
.navbar{
margin-top:-40%;
}
.footer{
width: 100%;
margin-bottom:15%;
}
}
</style>
</head>
<body>
<!-- Header -->
<div class="header">
<img src="image\idukki.jpg"alt="idukki" width="100%" height="70%">
</div>
<!-- Navigation Bar -->
<div class="navbar">
<a href="index.html">HOME</a>
<a href="district.html">VISITING SPOTS</a>
</div>
<!-- The flexible grid (content) -->
<div class="row">
<div class="side">
<center><h1>IDUKKI</h1></center>
<div class="fakeimg" style="height:200px;"><img src="image\idukkimap.jpeg" width="300" height="200"></div>
<br>
<p> Idukki is one of the 14 districts of Kerala state, India, created on 26 January 1972. This beautiful High range district of Kerala is geographically known for its Mountainous Hills and Dense Forests. For the people of Kerala, Idukki is always associated with Power Generation. About 66% of the State’s Power needs come from the Hydroelectric Power Projects in Idukki.
Idukki which lies in the Western Ghats of Kerala is the second largest district in area but has the lowest population density. Idukki has a vast forest reserve area; more than a half of the district is covered by forests. The urban areas are densely populated whereas villages are sparsely populated. Idukki is also known as the spice garden of Kerala.</p>
<p>A landlocked district, Idukki is one of the most nature rich areas of Kerala. High ranges and wooded valleys are girded by three main rivers – Periyar, Thalayar and Thodupuzhayar – and their tributaries. The River Pamba also has its origin here. As a tourist destination, Idukki offers diverse attractions like Wildlife sancturies, Hill stations, Dams, Spece plantation tours, Mountain treks, Elephant rides etc.</p>
</div>
<div class="main">
<h2>TOP DESTINATIONS</h2>
<h3>PERIYAR TIGER RESERVE </h3>
<div class="fakeimg" style="height:200px;"><img src="image\periyar.jpg" width="300" height="200"></div>
<br>
<p>The very sound of the word Thekkady conjures up images of elephants, unending chains of hills and spice scented plantations. The Periyar forests of Thekkady is one of the finest wildlife reserves in India. Spreads across the entire district are the picturesque plantations and hill towns that nestle beautiful trails for treks and mountain walks.</p>
<h3>MUNNAR </h3>
<div class="fakeimg" style="height:200px;"><img src="image\munnar1.jpeg" width="300" height="200"></div>
<br>
<p>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. Sprawling tea plantations, picturesque towns, winding lanes and holiday facilities make this a popular resort town. Among the exotic flora found in the forests and grasslands here is the Neelakurinji. This flower which bathes the hills in blue once in every twelve years, will bloom next in 2018. Munnar also has the highest peak in South India, Anamudi, which towers over 2,695 m. Anamudi is an ideal spot for trekking.</p>
<h3>IDUKKI ARC DAM</h3>
<div class="fakeimg" style="height:200px;"><img src="image\arc-dam1.jpeg" width="300" height="200"></div>
<br>
<p>The Idukki Dam, located in Kerala, India, is a 168.91 m (554 ft) tall arch dam. The dam stands between the two mountains – Kuravanmala (839)m and Kurathimala (925)m. It was constructed and is owned by the Kerala State Electricity Board. It supports a 780 MW hydroelectric power station.It is built on the Periyar River, in the ravine between the Kuravan and Kurathi Hills in Kerala, India. At 167.68 metres, it is one of the highest arch dams in Asia and third tallest arch dam. It started generating power on 4 October 1975.[1] Technically, the dam type is a concrete double curvature parabolic, thin arc dam.</p>
<br>
</div>
</div>
<!-- Footer -->
<div class="footer" align="right">
<footer>website designed | ANEESHA M S</footer>
</div>
</body>
</html>