-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
220 lines (201 loc) · 13 KB
/
index.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
<!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 gokaruna">
<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 active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="north.html">North India</a>
</li>
<li class="nav-item">
<a class="nav-link" href="south.html">South India</a>
</li>
</ul>
</div>
</nav>
<div class="container" style="margin-top: 15vh;color: whitesmoke;text-align: center; font-size: 20px;">
<h1>EXPLORE THE INCREDIBLE INDIA !!!</h1><br>
<h5>India is the one land that all men desire to see, and having seen once, by even a glimpse, </h5>
<h5>would not give that glimpse for all the shows of all the rest of the globe combined.</h5><br>
<div class="row">
<div class="col-lg-6 mb-3">
<a href="north.html"><button type="button" class="btn btn-xyz btn-block">Divine</button></a>
</div>
<div class="col-lg-6 mb-3">
<a href="south.html"><button type="button" class="btn btn-outline-abc btn-block" >Bharat</button></a>
</div>
</div>
<br>
<br>
</div>
</div>
</section>
<div class="container">
<!-- <div class="card" id="box">
<div class="container text-center">
<h3 class="text-light"><i>Heaven On Earth : INDIA</i></h3><hr class="bg-white">
<h5 class="text-light">“If I were asked under what sky the human mind has most fully developed some of its choicest gifts, has most deeply pondered on the greatest problems of life, and has found solutions, I should point to India.”</h5>
<p class="text-light" class="text-center">-Max Muller</p>
</div>
</div> --><div class="row justify-content-center">
<div class=" col-sm-11 col-md-9 col-lg-8 col-xl-7">
<div class="card">
<p class="post"> <span><img class="quote-img" src="images/i06xx2I.png"></span> <h3 class="text-light text-center"><i>Heaven On Earth : INDIA</i></h3>
<hr class="bg-white">
<span class="post-txt">If I were asked under what sky the human mind has most fully developed some of its choicest gifts, has most deeply
pondered on the greatest problems of life, and has found solutions, I should point to India.</span> <span><img class="quote-img2" src="images/i06xx2I11.png"></span></p>
</div>
<div class="arrow-down mx-auto"></div>
<div class="row d-flex justify-content-center">
<div class=""> <img class="profile-pic rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/a/a6/Friedrich_Max_M%C3%BCller_by_Bassano_1883.jpg"> </div><br>
<br><p class="profile-name "><i>-Max Muller</i></p>
</div>
</div>
</div><br><br><br>
</div><br><br><br>
<div class="container">
<h1 class="text-center"><u>THE TWO GEMS OF INDIA</u></h1><br><br>
<div class="row">
<div class="col-lg-6 mb-4">
<div class="text-center">
<img class="img-fluid rounded-pill mb-4"
style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
src="images/north1.jpg" width="350" height="100" alt="">
<h3 >NORTH INDIA </h3><hr class="bg-warning">
<p class="font-weight-bold"" class="mx-5">Region With The Himalayas As Its Crown And A Variety Of Natural And Monumental Beauties.</p>
<hr class="bg-warning">
<a class="btn btn-danger " href="north.html" role="button" >Click To Take A Tour Of Divine North</a>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="text-center">
<img class="img-fluid rounded-pill mb-4"
style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
src="images/south1.jpg" width="350" height="100" alt="">
<h3 >SOUTH INDIA</h3><hr class="bg-warning">
<p class="font-weight-bold" class="mx-5">Region Where The Ocean Rules, Known For Its Vast Culture, Tradition And Monumental Beauties.</p>
<hr class="bg-warning">
<a class="btn btn-danger " href="south.html" role="button" >Click To Take A Tour Of Divine South</a>
</div>
</div>
</div>
</div>
<br><br><br><br>
<section class="gokaruna-v2">
</section>
<br><br><br><br><br>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<h1>Come Fall In Love With India</h1><hr class="bg-dark mb-4 mt-0 d-inline-block mx-auto" style="width: 350px; height: 2px">
<p>India is a land full of surprises and diversity. It is a country of extremes and this has been well experienced and documented by travellers and explorers of the yore as well as of the current times.
While one can get absolutely mesmerized by the stunning landscapes of the Himalayan foothills, plains, coastal region, deserts and forests, the vibrant culture of the country is equally intriguing.</p>
<p> India is an exhilarating country where on every corner is bursting full of colour and character.
Ancient mosques, the Taj Mahal, rich spices and cosmopolitan cities will very quickly win you over with their charm.</p>
<p>India is, the cradle of the human race, the birthplace of human speech, the mother of history, the grandmother of legend, and the great grandmother of tradition.
Our most valuable and most instructive materials in the history of man are treasured up in India only.</p></div>
<div class="col-lg-8 col-md-6 col-sm-12">
<div id="slide">
<div class="column" id="imgg">
<img class="mb-4" src="com\i2__5_.jpg" alt="" width="300px" height="225px">
<img class="mb-4" src="com\i2__3_.jpg" alt="" width="300px" height="367px">
</div>
<div class="column" id="imgg">
<img class="mb-4" src="com\i2.jpg" alt="" width="300px" height="367px">
<img class="mb-4" src="com\i2__4_.jpg" alt="" width="300px" height="217px">
</div>
</div>
</div>
</div>
</div>
<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="images/i3%20(1).jpg" target="_blank">Ganga Arti(Varanasi)</a></li>
<li class="my-2"><a href="images/i3%20(2).jpg" target="_blank">Varkala Beach(Kerala)</a></li>
<li class="my-2"><a href="images/i3%20(3).jpg" target="_blank">Murudeshwara Temple(Karnataka)</a></li>
<li class="my-2"><a href="images/i3%20(4).jpg" target="_blank">Indus River(Leh)</a></li>
<li class="my-2"><a href="images/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>