-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
153 lines (149 loc) · 7.41 KB
/
index1.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
<!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>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<h1>DISTRICTS IN KERALA</h1>
<div class="container text-center">
<div class="row">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="thiru.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Thiruvananthapuram</h5>
<p class="card-text">Thiruvananthapuram is the capital of the Indian state of Kerala. </p>
<a href="#" class="btn btn-primary">more</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="kollam.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">KOLLAM</h5>
<p class="card-text">Kollam is the fourth largest city in Kerala and is known for cashew processing and coir manufacturing.</p>
<a href="#" class="btn btn-primary">more</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="kotta.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Kottayam</h5>
<p class="card-text">Kottayam, IPA: is a city in the Indian state of Kerala. Flanked by the Western Ghats on the east and the Vembanad Lake and paddy fields of Kuttanad on the west. </p>
<a href="#" class="btn btn-primary">more</a>
</div>
</div>
</div>
</div>
</div>
<div class="container text-center">
<div class="row">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="alap.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Alappuzha</h5>
<p class="card-text">Alappuzha (or Alleppey) is a city on the Laccadive Sea in the southern Indian state of Kerala. It's best known for houseboat cruises along the rustic Kerala backwaters, a network of tranquil canals and lagoons. </p>
<a href="#" class="btn btn-primary">more</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="thiru.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Thrissur</h5>
<p class="card-text">Thrissur is a city in the south Indian state of Kerala. It's known for sacred sites and colorful festivals. In the center is Vadakkumnathan Temple, dedicated to Lord Shiva and adorned with murals. </p>
<a href="#" class="btn btn-primary">more</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="pala.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Palakkad</h5>
<p class="card-text">Palakkad, or Palghat, is a city in Kerala, a state in southwestern India. The 18th-century Palakkad Fort has sturdy battlements, a moat and a Hanuman temple on its grounds.</p>
<a href="#" class="btn btn-primary">more</a>
</div>
</div>
</div>
</div>
</div><div class="container text-center">
<div class="row">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
</div>
</div>
<div class="container text-center">
<div class="row">
<div class="col">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="col">
<div class="card" style="width: 18rem;">
<img src="..." class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>