-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdistrict1.html
128 lines (121 loc) · 6.08 KB
/
district1.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
<!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>KASARGOD<h1></u></header></c>
<br>
<br>
<div class="sidebar">
<div class="p-box">
<h3>Kaasrodu</h3>
<br>
<p>Kasaragod or Kaasrodu is located at the northern part
of Kerala state in India. Situated in the rich biodiversity of Western Ghats,
it is known for the Chandragiri and Bekal Forts, Chandragiri River, historic Kolathiri Rajas,
natural environment of Ranipuram and Kottancheri Hills, historical and religious sites like the Madiyan Kulom temple,
Madhur Temple, Ananthapuram Lake Temple and Malik Deenar Mosque.
It is located 50 km south of the major port city & a commercial hub Mangalore and
578 km north of state capital Thiruvananthapuram. </p>
<a href="https://en.wikipedia.org/wiki/Kasaragod">Read more..</a>
</div>
<div class="sideimg">
<img src="images/k1.jpg" alt="">
</div>
</div>
<br>
<div class="container">
<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/k2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">BEKAL FORT</p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 30rem;height:24rem;">
<img src="images/k3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">VALIYAPARAMBA </p>
</div>
</div>
</div>
</div>
<div class="row gy-4" >
<div class="col">
<div class="card" style="width: 30rem; height: 24rem;">
<img src="images/k4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">MALOM WILDLIFE</p>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 30rem;height:19rem;">
<img src="images/k5.jpg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">RANIPURAM</p>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<div class="but">
<a class="btn btn-outline-dark btn-lg" href="district14.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="district2.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>