-
Notifications
You must be signed in to change notification settings - Fork 0
/
kochi.html
115 lines (81 loc) · 4.86 KB
/
kochi.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
<!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/kochhhi.jpg')">
</div>
<div class="columns content">
<div class="content-container">
<h5>ERANAKULAM</h5>
<p>Ernakulam is the central portion of the city of Kochi in Kerala, India and has lent its name to the Ernakulam district.[1] Many major establishments, including the Kerala High Court, the office of the Kochi Municipal Corporation are situated here. Ernakulam, which is where a huge part of the commercial activity in Kochi city happen, is known as the commercial capital of Kerala. The Ernakulam Junction is a major railway station of the Indian Railways, and the busiest railway station in Kochi city, the 2nd busiest in Thiruvananthapuram railway division and the 5th busiest in Southern Railways. Initially, Ernakulam was the headquarters of the Ernakulam District but was later shifted to Kakkanad, an eastern region in Kochi. Ernakulam was once the capital of the Kingdom of Cochin. It is located 220 kilometres (137 mi) north - west of the state capital Thiruvananthapuram. The city has served as an incubator for many Malayali entrepreneurs and is a major financial and commercial hub of Kerala. The Kochi Metro's first phase runs through Ernakulam region as well. The second phase aims to connect the CBD with the IT hub of Kakkanad. </p>
<p>The region can claim to have played a significant part in fostering the trade relations between Kerala and the outside world in the ancient and medieval period. The early political history of Ernakulam is interlinked with that of the Chera Dynasty of the Sangam age, who ruled over vast portions of Kerala and Tamil Nadu. After the Cheras, the place was later ruled by the Kingdom of Cochin (Perumpadapu Swaroopam).
</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/kerala-folklore-theatre.jpg" alt="Lights" style="width:100%">
<div class="caption">
<p>Folklore Theatre</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/wonderla-amusement-park.jpg" alt="Nature" style="width:100%">
<div class="caption">
<p>Wonderla Amusement Park</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<img src="./image/CHURCH.jpg" alt="Fjords" style="width:100%">
<div class="caption">
<p>Church Complex</p>
</div>
</div>
</div>
</div>
</header>
</body>
</html>