-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdistrict10.html
130 lines (122 loc) · 6 KB
/
district10.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/districtcom.css">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="bootsrap.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
<title>Kerala Tourism</title>
</head>
<body>
<div class="navcont">
<nav class="navbar navbar-expand-lg navbar-light bg-dark bg-gradient" style=" background-clip: padding-box;">
<div class="container-fluid">
<header><img src="images/logosmall.png" alt="logo" ></header>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div style="padding-left: 39%;">
<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" tabindex="-1">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="district.html" tabindex="-1">District</a>
</li>
<li class="nav-item">
<a class="nav-link " href="signup.html" tabindex="-1" aria-disabled="false">Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link " href="signin.html" tabindex="-1" aria-disabled="false">Login</a>
</li>
</ul>
</div>
<form class="d-flex" style="padding-left: 3em;">
<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>
<c><header style="margin-left: 40%;"><u><h1>KOTTAYAM</h1></u></header></c>
<br>
<br>
<div class="sidebar">
<div class="p-box">
<h3>Kottaykkakam</h3>
<br>
<p>Kottayam is a city in the Indian state of Kerala. Kottayam literally means
the interior of a fort "Kotta" meaning fort and "Akam" meaning inside.
Flanked by the Western Ghats on the east and the Vembanad Lake and paddy
fields of Kuttanad on the west,
Kottayam is a place that is known for extraordinary qualities.
Kottayam is located in the basin of the Meenachil River at an average elevation of 3 metres (9.8 ft) above sea level, and has a moderate climate.
It is located 150 kilometres north of the state capital Thiruvananthapuram.</p>
<a href="https://en.wikipedia.org/wiki/Kottayam">Read more..</a>
</div>
<div class="sideimg">
<img src="images/kt1.jpg" alt="">
</div>
</div>
<br>
<div class="container">
<br>
<br>
<br>
<h2>Don't miss out!!</h2>
<div class="places">
<div class="row gy-4" >
<div class="col">
<div class="card" style="width: 30rem;height:20rem;">
<img src="images/kt2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">ILLIKKAL KALLU</p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 30rem;height:26rem;">
<img src="images/kt3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">BAY ISLAND DRIFTWOOD MUSEUM</p>
</div>
</div>
</div>
</div>
<div class="row gy-4" >
<div class="col">
<div class="card" style="width: 30rem; height: 33.2rem;">
<img src="images/kt4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">VEMBANAD LAKE</p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 30rem;height:24.1rem;">
<img src="images/kt5.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">ELAVEEZHAPOONCHIRA</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="but">
<a class="btn btn-outline-dark btn-lg" href="district9.html" role="button">Previous</a>
<a class="btn btn-outline-dark btn-lg" href="district.html" role="button">Districts</a>
<a class="btn btn-outline-dark btn-lg" href="district11.html" role="button" style="padding-right: 30px;padding-left: 30px;"> Next</a>
</div>
<!-- footer -->
<footer style="background: linear-gradient( rgb(33, 216, 33),rgb(93, 93, 165)); opacity: 1;margin-top: 10%;">
<marquee behavior="0" direction="right"><c><h6 style="color: cornsilk;padding-top: 2px;"> Copyright©2021 Kerala Tourism All rights reserved.</h6></c></marquee>
</footer>
<!-- /footer -->
</body>
</html>