-
Notifications
You must be signed in to change notification settings - Fork 0
/
trivandrum.html
241 lines (195 loc) · 11.4 KB
/
trivandrum.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kerala Tourism Guide</title>
<link rel="stylesheet" href="./css/style.css">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</head>
<body class="body">
<!-- nav bar starts -->
<div >
<nav class="navbar navbar-expand-lg navbar-light bg-info">
<div class="container">
<img src="./pictures/1.png" alt="" width="20%" height="20%">
</div>
<div class="container ">
<h1 class="text-start text-uppercase fw-bolder fs-1 nav-tab text-white">Kerala Tourism</h1>
</div>
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarTogglerDemo01">
<!-- <p class="navbar-brand fs-1 fw-bolder text-uppercase " >Kerala Tourism</p> -->
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item ">
<a class="nav-link fs-5 active text-white" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5 text-white" href="district.html">Districts</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5 text-white" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5 text-white" href="register.html">SignUp</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</div>
<!-- navbar ends -->
<!-- content text start -->
<div class="card card-text">
<h1 class="text-center fs-1 fw-bolder myMargin card bg-secondary text-white text-uppercase">Thiruvananthapuram
<div class="card-body fs-4">
"Evergreen City of India God's Own Capital"
</div>
</h1>
</div>
</div>
</div>
<!-- content text end -->
<!-- crousel start -->
<div class=" col-lg-12">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./pictures/tvm1.jpg" class="d-block w-100 " alt="..." height="700vh" >
</div>
<div class="carousel-item">
<img src="./pictures/tvm3.jpg" class="d-block w-100 " alt="..." height="700vh">
</div>
<div class="carousel-item">
<img src="./pictures/tvm4.jpg" class="d-block w-100 " alt="..." height="700vh">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- carousel end -->
<!-- content text start -->
<div class="container card">
<div class="myMargin card bg-light text-primary">
<p class="card-text text-align">
Called the ‘Evergreen city of India’, Thiruvananthapuram is the capital of the state of Kerala. The city comprises beautiful beaches, long stretches of palm fringed shorelines, windy backwaters and historical structures. Along with its natural and historical significance, the city is also popular for its ancient temples that are renowned for their architecture making Thiruvananthapuram one of the most visited pilgrim centers of India.
</p>
<p class="card-text text-align">
In the late 17th century, the city was the capital of the Travancore kingdom that was ruled by the Varma dynasty. After forming the Travancore kingdom, Maharaja Marthanada Varma dedicated it to Lord Padmanabha, the presiding deity of Shri Padmanabhaswamy temple and named the city ‘Thiruvananthapuram’.
</p>
<p class="card-text text-align">
The word ‘Thiruvananthapuram’ is derived from the Malayalam word thiru- anantha-puram, which means ‘City of Lord Ananta’. Ananta is the serpent Shesha on whom Lord Padmanabha (another form of Lord Vishnu) reclines. During the British era, the name of the city was anglicized to Trivandrum and it was the official name of the city, until 1991, when the government renamed the city to Thiruvananthapuram.
</p>
<p class="card-text text-align">
The Sri Padmanabhaswamy temple is one of the prominent attractions of the city. Devotees in large numbers visit the temple every year. It’s popular for its architectural splendor and historical and religious significance.
</p>
<p class="card-text text-align">
Thiruvananthapuram is also a paradise for beach lovers. Beaches situated outside the city like the Shankhumugham and Kovalam beaches are world famous.
</p>
<p class="card-text text-align">
Now the IT hub of Kerala, Thiruvananthapuram is also a major academic hub; it houses several educational and scientific institutions like Vikram Sarabhai Space Centre (VSSC) and the Indian Institute of Space Science and Technology (IIST).
</p>
</div>
</div>
</div>
<!-- content text end -->
<!-- content text start -->
<div class="container card card-text myMargin">
<h1 class="text-center fs-1 fw-bolder myMargin card bg-danger text-white"> "5 Hot Tourist spots in Thiruvananthapuram"</h1>
</div>
</div>
<!-- content text end -->
<!--card start -->
<div class="myMargin ">
<div class="card-group">
<div class="card">
<img src="./pictures/tvm3.jpg" class="card-img-top" alt="..." height="400vh">
<div class="card-body">
<h5 class="card-title">Sree Padmanabhaswamy Temple</h5>
<p class="card-text text-align">A Vishnu temple with a massive fort gateway.It is one of the leading attractions for Hindu tourists who wish to witness the majestic five-hooded serpent in the form of an idol, Anantha. This temple has a rich Dravidian architecture that is evident on its intricate carvings and sculptures that add beauty to it.</p>
</div>
<div class="card-footer">
<small class="text-muted">Best tourist place to visit ...</small>
</div>
</div>
<div class="card">
<img src="./pictures/tvm4.jpg" class="card-img-top" alt="..." height="400vh">
<div class="card-body">
<h5 class="card-title">Kovalam Beach</h5>
<p class="card-text text-align">Kovalam has a beautiful beach surrounded by rows of green palm groves. It is one of the most picturesque beaches of India with a wide variety of water sports activities.Lighthouse beach, which lies to the South, the northernmost part is known as Samudra and Hawah which is located in the centre.</p>
</div>
<div class="card-footer">
<small class="text-muted">Best tourist place to visit ...</small>
</div>
</div>
<div class="card">
<img src="./pictures/tvm5.jpg" class="card-img-top" alt="..." height="400vh">
<div class="card-body">
<h5 class="card-title">Magic Planet</h5>
<p class="card-text text-align">The Magic Planet located in Thiruvananthapuram which claims to be the world’s first magic themed park is fast emerging as a major tourist spot in Kerala. Envisaged to showcase the wonders of magic and explore its endless possibilities, the doors to this castle of magic have been thrown open to the public.</p>
</div>
<div class="card-footer">
<small class="text-muted">Best tourist place to visit ...</small>
</div>
</div>
</div>
</div>
<!--card end -->
<!--card start -->
<div class="myMargin col-lg-8">
<div class="card-group">
<div class="card">
<img src="./pictures/tvm6.jpg " class="card-img-top" alt="..." height="400vh">
<div class="card-body">
<h5 class="card-title">Napier Museum and Zoo</h5>
<p class="card-text text-align">The Napier Museum is an art and natural history museum situated in Thiruvananthapuram, India. The Museum is grounds to the Trivandrum Zoo, one of the oldest zoological gardens in India.It also contains the Sree Chitra Art Gallery, a separate art gallery established in 1935.</p>
<p class="card-text text-align">Thiruvananthapuram Zoo is one of the oldest zoos in India. It is said to have been established in the year 1857 by Maharaja of Travancore. In a modernization project of 1995, this zoo got a makeover and its old enclosures were replaced with spacious naturalistic enclosures. The zoo is home to about 82 species of animals.</p>
</div>
<div class="card-footer">
<small class="text-muted">Best tourist place to visit ...</small>
</div>
</div>
<div class="card">
<img src="./pictures/tvm7.jpg" class="card-img-top" alt="..." height="400vh">
<div class="card-body">
<h5 class="card-title">Veli Tourist Village & Sanghumukham Beach</h5>
<p class="card-text text-align">The Veli Tourist Village which lies where the Veli Lake meets the Arabian Sea provides for unique boating and picnicking opportunities. Visitors can hire pedal boats or paddleboats as per their convenience. One can also roam the gardens and have a nice picnic or choose to employ the boats for the entire duration of the trip.</p>
<p class="card-text text-align">Shankumugham Beach is a beach in Thiruvananthapuram district of Kerala, south India. The vast stretch of white sand and the serene atmosphere, away from the crowd in the city, provide all the ingredients for relaxation and for spending an ideal evening.</p>
</div>
<div class="card-footer">
<small class="text-muted">Best tourist place to visit ...</small>
</div>
</div>
</div>
</div>
</div>
<!--card end -->
<!-- footer start -->
<footer class="bg-info text-center text-white">
<!-- Copyright -->
<div class="text-center p-3">
© 2021 Copyright:
<p> Kerala Tourism Website Design</p>
</div>
<!-- Copyright -->
</footer>
<!-- footer ends -->
</body>
</html>