-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmalappuram.html
118 lines (84 loc) · 4.9 KB
/
malappuram.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/malp.jpg')">
</div>
<div class="columns content">
<div class="content-container">
<h5>MALAPPURAM</h5>
<p>
Malappuram (also Malapuram) (Malayalam: (About this soundlisten) is a city in the Indian state of Kerala, spread over an area of 58.20 km2 (22.47 sq mi). The first municipality in the district formed in 1970, Malappuram serves as the administrative headquarters of Malappuram district. Divided into 40 electoral wards, the city has a population density of 1,742 per square kilometre (4,510 per square mile). According to the 2011 census, Malappuram metropolitan area is the fourth largest urban agglomeration in Kerala after Kochi, Calicut, and Thrissur urban areas and the 26th largest in India with a total population of 1.7 million. It is the fastest growing city in the world with a 44.1% urban growth between 2015 and 2020 as per the survey conducted by Economist Intelligence Unit (EIU) based on the urban area growth during January 2020. Malappuram is situated 54 km southeast of Calicut and 90 km northwest of Palakkad. It is the first Indian municipal body to provide free Wi-Fi connectivity to its entire residents. Malappuram is also the first Indian municipal body to achieve the International Organization for Standardization certificate.[14] It is also the first complaint-free municipality in the state.
</p>
<p>
Malappuram was a military headquarters from ancient times through the ancient history of the city is hardly seen recorded. However, there are some pre-historic relics, particularly Rock-cut caves found in some parts of the city like Oorakam, Melmuri, Ponmala, Vengara etc. manifesting the inhabitancy. Locality named like Valiyangadi, Kootilangadi, Pallipuram etc.
</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/kodikuthi mala.jpg" alt="Lights" style="width:100%">
<div class="caption">
<p>Kodikuthi Mala</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/mini ooty.jpeg" alt="Nature" style="width:100%">
<div class="caption">
<p>Mini Ooty</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/nilambur.jpg" alt="Fjords" style="width:100%">
<div class="caption">
<p>Nilambur</p>
</div>
</div>
</div>
</div>
</header>
</body>
</html>