forked from kunjur-shreesha/WebD-Internship
-
Notifications
You must be signed in to change notification settings - Fork 0
/
south.html
259 lines (238 loc) · 13 KB
/
south.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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!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">
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<title>DivineBharat</title>
</head>
<body>
<section class="jumbotron-fluid go3karuna">
<div class="" style="margin:auto;margin-top:0;">
<nav class="navbar navbar-expand-lg flex-column navbar-dark">
<a class="navbar-brand" href="index.html">
<img src="logo/mota.png" width=150 height=150
class="d-inline-block align-top align-middle" alt=""><br>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-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">
<ul class="navbar-nav mr-auto">
<li class="nav-item ">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="north.html">North India</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="south.html">South India <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
<div class="container" style="margin-top: 15vh;color: whitesmoke;text-align: center; font-size: 20px;">
<h1>GEMS OF SOUTH INDIA !!!</h1><br><br>
<h5>Region Where The Ocean Rules, Known For Its Vast Culture, Tradition And Monumental Beauties</h5><br><br>
</div>
</div>
</section>
<br><br><br>
<div class="container">
<h2 style="text-align: center;"></h2>
<hr><br>
<div class="row">
<div class="col-lg-6">
<h3>Mysore</h3>
<p>Mysore is one of the major cities in the South Indian state of Karnataka.
Noted for its heritage structures,palaces and for the festivities that take place during the Dasara festival.Mysore Palace is an incredible man-made edifice.
The city is famous for its silk and is also a thriving sandalwood and incense center.</p>
<h5>Must Visit:</h5>
<p><li>Mysuru Palace</li>
<li>Sri Chamundeshwari Temple</li>
<li>Sri Chamarajendra Zoological Gardens</li>
<li>Somnathpur Temple</li>
<li>Devaraja Market</li>
<li>Namdroling Monastery</li>
<li>Venugopala Swamy Temple</li>
<li>Brindavan Garden</li>
<li>Melkote</li>
<li>Sri Nandi Temple</li></p>
</div>
<div class="col-lg-3 mx-auto mb-4" id="imgg">
<img src="images/i47.jpg" class="m1234" width="500px" height="450px" alt="">
</div>
</div><br><br>
<div class="row">
<div class="col-lg-6 mx-auto mb-4" id="imgg">
<img src="images/i48.jpg" class="m1234" width="500px" height="450px" alt="">
</div>
<div class="col-lg-6">
<h3>Coorg</h3>
<p>Coorg, also known as Kodagu, is a beautiful hill station in the Indian state of Karnataka.
It is famous for its coffee plantations, steep hills, countless streams, rich flora & fauna, lush forests and breathtaking views.
The best way to experience the coffee plantations is to stay at one of the many homestays and resorts that are situated on coffee estates.
</p>
<h5>Must Visit:</h5>
<p><li>Tadiandamol Peak</li>
<li>Iruppu Falls</li>
<li>Dubare Elephant Camp</li>
<li>Raja's Seat</li>
<li>Abbey Falls</li>
<li>Mercara Gold Estate Coffee Plantation</li>
<li>Cauvery River</li>
<li>Tibetian Monastery</li>
<li>Brahmagiri Hill</li>
<li>Pushpagiri Wildlife Sanctuary</li></p>
</div>
</div><br><br>
<div class="row">
<div class="col-lg-6">
<h3>Goa</h3>
<p>
Goa, also known as the 'Pearl of the Orient', is located on the western coast of India in the coastal belt known as Konkan.
Goa is one of the most favorite destination among Indian tourists due to its pristine beaches.
From shopping at the various markets, to eating the local cuisine and water sports galore, Goa is well-known for a lot of unique offerings.
</p>
<h5>Must Visit:</h5>
<p><li>Baga Beach</li>
<li>Palolem Beach</li>
<li>Mangeshi Temple</li>
<li>Fontainhas</li>
<li>Calangute Beach</li>
<li>Reis Magos Fort</li>
<li>St. Alex Church</li>
<li>Candolim Beach</li>
<li>The Saturday Night Market</li>
<li>Church of Our Lady Of Hope</li></p>
</div>
<div class="col-lg-3 mx-auto mb-4" id="imgg">
<img src="images/i49.jpg" class="m1234" width="500px" height="450px" alt="">
</div>
</div><br><br>
<div class="row">
<div class="col-lg-6 mx-auto mb-4" id="imgg">
<img src="images/i50.jpg" class="m1234" width="500px" height="450px" alt="">
</div>
<div class="col-lg-6">
<h3>Munnar</h3>
<p>Munnar the exotic hill station in Kerala is blessed generously by the nature.It has a pleasant and favourable climate throughout the year.
Unending expanse of tea plantations pristine valleys and mountains exotic species of flora and fauna in its wild sanctuaries and forests aroma of spice scented cool air,just name it the place is like a slice of heaven.
</p>
<h5>Must Visit:</h5>
<p><li>Tea Gardens</li>
<li>Top Station</li>
<li>Rajamalai (Eravikulam) National Park</li>
<li>Kalari Kshethra</li>
<li>Anamudi Peak</li>
<li>Mattupetty Dam</li>
<li>Chinar Wildlife Sanctuary</li>
<li>Thoovanam Falls</li>
<li>Kundala Dam Lake</li>
<li>Attukal Waterfalls</li></p>
</div>
</div><br><br>
<div class="row">
<div class="col-lg-6" >
<h3>Ooty</h3>
<p>Ooty deservedly earns its reputation as the 'Queen of Hill Stations' for its extensive tea plantations,lakes and other natural splendours.Nature has been generous with this region,by far the most beautiful in the state.
Connoisseurs will find plenty to choose from: dust and leaf;black,green,black and white varieties;and flavours such as masala,jasmine,cardamom and even chocolate.</p>
<h5>Must Visit:</h5>
<p><li>Nilgiri Mountain Railway</li>
<li>Pykara Falls</li>
<li>Upper Bhavani Lake</li>
<li>Doddabetta Peak</li>
<li>Avalanche Lake</li>
<li>Mudumalai National Park</li>
<li>Emerald Lake</li>
<li>Tea Museum</li>
<li>Ooty Lake</li>
<li>Elk Hill Murugan Temple</li></p>
</div>
<div class="col-lg-3 mx-auto mb-4" id="imgg">
<img src="images/i51.jpg" class="m1234" width="500px" height="450px" alt="">
</div>
</div><br>
</div>
<br><br><br><br><br>
<!-- footer begin -->
<footer class="page-footer bg-dark1">
<section class="gokaruna-v3">
<div class="container text-center text-md-left mt-1">
<div class="row">
<div class="col-md-3 mx-auto mb-3"><br><br>
<img src="logo/mota.png" width=150 height=150 class="d-inline-block align-top mb-0"
alt="">
<br>
<p class="text-light" class="font-weight-bolder" class="mt-2">“India is the One land that all men
desire to see, and having seen once,
by even a glimpse, would not give that glimpse for all the shows of all the rest of the globe
combined.”</p>
<br>
<h5 class="text-light">#<em> INCREDIBLE INDIA</em></h5>
</div>
<div class="col-md-2 mx-auto mb-4"><br><br><br><br>
<h6 class="text-uppercase font-weight-bold">Contact Us</h6>
<hr class="bg-warning mb-4 mt-0 d-inline-block mx-auto" style="width: 95px; height: 2px">
<ul class="list-unstyled">
<li class="my-2"><a href="#" target="_blank"><i class="bi bi-instagram"></i> Instagram</a></li>
<li class="my-2"><a href="#" target="_blank"><i class="bi bi-facebook"></i> Facebook </a></li>
<li class="my-2"><a href="#" target="_blank"><i class="bi bi-twitter"></i> Twitter</a></li>
<li class="my-2"><a href="#" target="_blank"><i class="bi bi-envelope"></i> GMail</a></li>
</ul>
</div>
<div class="col-md-2 mx-auto mb-4"><br><br><br><br>
<h6 class="text-uppercase font-weight-bold">Recent Posts</h6>
<hr class="bg-warning mb-4 mt-0 d-inline-block mx-auto" style="width: 115px; height: 2px">
<ul class="list-unstyled">
<li class="my-2"><a href="i3%20(1).jpg" target="_blank">Ganga Arti(Varanasi)</a></li>
<li class="my-2"><a href="i3%20(2).jpg" target="_blank">Varkala Beach(Kerala)</a></li>
<li class="my-2"><a href="i3%20(3).jpg" target="_blank">Murudeshwara Temple(Karnataka)</a></li>
<li class="my-2"><a href="i3%20(4).jpg" target="_blank">Indus River(Leh)</a></li>
<li class="my-2"><a href="i3%20(5).jpg" target="_blank">Dzukou(Nagaland)</a></li>
</ul>
</div>
<div class="col-md-4 mx-auto mb-4"><br><br><br><br>
<h6 class="text-uppercase font-weight-bold">Gallery</h6>
<hr class="bg-warning mb-4 mt-0 d-inline-block mx-auto" style="width: 70px; height: 2px">
<div class="row1">
<div class="column1">
<a href="com/2.jpg" target="_blank"><img class="img-thumbnail" src="com/2.jpg" class="" alt="" ></a>
<a href="com/8.jpg" target="_blank"><img class="img-thumbnail" src="com/8.jpg" class="" alt="" ></a>
</div>
<br>
<div class="column1">
<a href="com/4.jpg" target="_blank"><img class="img-thumbnail" src="com/4.jpg" class="" alt="" ></a>
<a href="com/3.jpg" target="_blank"><img class="img-thumbnail" src="com/3.jpg" class="" alt="" ></a>
</div>
<br>
<div class="column1">
<a href="com/6.jpg" target="_blank"><img class="img-thumbnail" src="com/6.jpg" class="" alt="" ></a>
<a href="com/5.jpg" target="_blank"><img class="img-thumbnail" src="com/5.jpg" class="" alt="" ></a>
</div>
<br>
<div class="column1">
<a href="com/1.jpg" target="_blank"><img class="img-thumbnail" src="com/1.jpg" class="" alt="" ></a>
<a href="com/7.jpg" target="_blank"><img class="img-thumbnail" src="com/7.jpg" class="" alt="" ></a>
</div>
<br>
</div>
</div>
</div>
<div class="footer-copyright text-center py-3">
<p> © Copyright | 2021 DivineBharat | All Rights Reserved</p>
</div>
</section>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"
integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF"
crossorigin="anonymous"></script>
</body>
</html>