-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathkasaragod.html
145 lines (115 loc) · 7.72 KB
/
kasaragod.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
<!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>Yatra</title>
<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>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--navbar-->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Yatra</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Destinations.html">Destinations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Activities.html">Activities</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Experience.html">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Explore.html">Explore</a>
</li>
</ul>
<span>
<button type="button" class="btn btn-outline-primary"><a class="text-decoration-none" href="sign-in.html">Sign-in</a></button>
<button type="button" class="btn btn-outline-primary"><a class="text-decoration-none" href="sign-up.html">Sign-up</a></button>
</span>
</div>
</div>
</nav>
</header>
<!--end of navbar-->
<!--kasaragod-->
<div class="container">
<div class="row">
<h1 class="display-4 text-center text-uppercase mt-4 mb-2">kasaragod</h1>
<!--carousel-->
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/kasaragod/ananthapura_lake_temple.jpg" class="d-block w-100" alt="ananthapura-lake-temple">
</div>
<div class="carousel-item">
<img src="images/kasaragod/bekal-view.jpg" class="d-block w-100" alt="fort">
</div>
<div class="carousel-item">
<img src="images/kasaragod/chandragiri fort.jpg" class="d-block w-100" alt="chandragiri fort">
</div>
<div class="carousel-item">
<img src="images/kasaragod/MALOM.jpg" class="d-block w-100" alt="Malom">
</div>
<div class="carousel-item">
<img src="images/kasaragod/Ranipuram.jpg" class="d-block w-100" alt="Ranipuram">
</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>
<!--end of carousel-->
<h1 class="display-6 text-center text-uppercase mt-4 mb-2">Top Attractions in Kasaragod</h1>
<ul class="list-group list-group-flush">
<li class="list-group-item">
<h3 class="display-6 text-center text-uppercase mt-4 mb-2">Bekal Fort</h3>
<p class="text-start fst-italic lh-base">It was an important military station for Tipu Sultan when he led a military expedition to capture Malabar. The coins and artefacts found in archaeological excavations at Bekal fort indicate the strong presence of Mysore Sultans. Tipu Sultan's death during the Fourth Anglo-Mysore War ended Mysorean control in 1799.</p>
</li>
<li class="list-group-item">
<h3 class="display-6 text-center text-uppercase mt-4 mb-2">Ranipuram</h3>
<p class="text-start fst-italic lh-base">Dubbed as the "Ooty of Kerala", Ranipuram hills is renowned for its cool climate, deep woods and enthralling trekking trails. The luxuriant grasslands, the dense evergreen forests, and the cold breeze make Ranipuram hills an instant favourite among the tourists.</p>
</li>
<li class="list-group-item">
<h3 class="display-6 text-center text-uppercase mt-4 mb-2">Ananthapura Lake Temple</h3>
<p class="text-start fst-italic lh-base">The temple is famous for the ornate wood carvings and brilliant paintings portraying various avatars of Lord Vishnu. The most interesting occupant of the temple lake complex is Babia, the vegetarian crocodile who is believed to be the temple guardian.</p>
</li>
<li class="list-group-item">
<h3 class="display-6 text-center text-uppercase mt-4 mb-2">Malom - "The coorg of Kerala"</h3>
<p class="text-start fst-italic lh-base">Known as the 'Coorg' of Kerala, it is blessed with Nature's bounty. The word 'Malom' comes from the Malayalam word Malakalude lokam (the world of hills). Malom can be developed into a bio-eco tourist centre given the fact that it offers possibilities for trekking, waterfalls, and adventure safari to the nearby hills.</p>
</li>
<li class="list-group-item">
<h3 class="display-6 text-center text-uppercase mt-4 mb-2">Chandragiri Fort</h3>
<p class="text-start fst-italic lh-base">Chandragiri was the fourth capital of Vijayanagar Empire and is most famous for its historical fort built in the 11th century as well as the Raja and Rani Palaces found within it. It was in the year 1646 when the fort was won over by the Golkonda territory and then came under Mysore rule.</p>
</li>
</ul>
</div>
</div>
<!--end of kasaragod-->
<!--Footer-->
<div>
<div class="p-3 mt-5 bg-dark text-white text-center">All rights reserved © Yatra</div>
</div>
<!--end of footer-->
</body>
</html>