-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
318 lines (268 loc) · 17.9 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
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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diwali
</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="jqueryui/jquery-ui.css" rel="stylesheet">
<link href="jqueryui/jquery-ui.structure.css" rel="stylesheet">
<link href="jqueryui/jquery-ui.theme.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- <img src="https://source.unsplash.com/1600x150/?festival,diwali"> -->
<div class="container-fluid diwali">
<div class="container">
<div class="row">
<div class="col">
<img class="image" src="https://cdn141.picsart.com/309538261099211.png?type=webp&to=min&r=480" alt="" style="max-width: 50%;">
</div>
<div class="col-6">
<h1 class="heading" style="text-align: center;">Happy Diwali !!!</h1>
<center>
<div class="sub">The Festival Of Lights...</div>
</center>
</div>
<div class="col">
<img class="image" src="https://cdn141.picsart.com/309538261099211.png?type=webp&to=min&r=480" alt="" style="max-width: 50%;">
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg bg-danger">
<a class="navbar-brand nav_menu" href="index.html">Home</a>
<button class="navbar-toggler" style="background-color: rgb(221, 188, 188);" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="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 nav_menu" href="diwalihistory.html">Diwali In History <span class="sr-only">(current)</span></a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">Culture</a>
</li> -->
<li class="nav-item">
<a class="nav-link nav_menu" href="tradition.html">Traditions</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">Celebration</a>
</li> -->
<li class="nav-item">
<a class="nav-link nav_menu" href="regional.html">Regional Significance</a>
</li>
</ul>
</div>
</nav>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://cdn.shopify.com/s/files/1/0256/3404/6026/collections/diwali_tile_2048x.jpg?v=1601449970" class="d-block w-100" alt="..." style="width: 100%; ">
</div>
<div class="carousel-item">
<img src="https://www.rvbmarket.in/slider/data1/images/3.jpg" class="d-block w-100" alt="..." style="width: 100%; ">
</div>
<div class="carousel-item">
<img src="https://www.rvbmarket.in/slider/data1/images/1.jpg" class="d-block w-100" alt="..." style="width: 100%;">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- card -->
<div class="row " style="max-width:100%">
<div class="col-sm-8 p-md-0">
<div class="container-fluid my-4 ">
<div class="card-deck">
<div class="card">
<a href="dhanteras.html"><img src="dhanteras/dhanteras.jpg" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title" style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; color: rgb(235, 79, 17);">Dhanteras</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;">Dhanteras marks the first day of five-days-long Diwali Festival. Dhanteras Festival, also known as Dhantrayodashi or Dhanwantari Triodasi, falls on the auspicious thirteenth lunar day of Krishna Paksha in the Hindu month of
Kartik (October/November).</p>
</div>
</div>
<div class="card">
<a href="chotidiwali.html"><img src="dhanteras/chotidiwali.jpg" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title" style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; color: rgb(214, 107, 7);">Choti Diwali</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;">The day before Diwali is celebrated as Chhoti Diwali / Narak Chaturdasi or 'small Diwali'. It is Diwali on a smaller scale, with fewer lights lit and fewer crackers burst.</p>
</div>
</div>
<div class="card">
<a href="diwali.html"><img src="dhanteras/lakshmi.jpg" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title" style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; color: rgb(235, 79, 17);">Lakshmi Puja</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;">The third day of Diwali festival is the most important one for Lakshmi-puja and is entirely devoted to the propitiation of Goddess Lakshmi. On this very day sun enters his second course and passes Libra which is represented
by the balance or scale.</p>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 my-2 mx-lg-4">
<div class="col mb-4">
<div class="card">
<a href="govardhan.html"><img src="govardhan/1.jpeg" class="card-img-top" alt="..." style="max-width: 812px; max-height: 200px;"></a>
<div class="card-body">
<h5 class="card-title" style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; color: rgb(235, 79, 17);">Govardhan Puja</h5>
<p class="card-text font ">Govardhan Puja as it is also known, as a Nature worship Hindu festival in which devotees Workship Mountains like Govardhan parvat and prepare and offer a large variety of vegetarian food to Bhagwan (God) Shri Krishna as
a mark of gratitude.</p>
</div>
</div>
</div>
<div class="col mb-4 ">
<div class="card ">
<a href="bhai.html"> <img src="bhai dooj/1.jpeg " class="card-img-top " alt="... " style="max-width: 812px; max-height: 200px; "></a>
<div class=" card-body ">
<h5 class="card-title" style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; color: rgb(235, 79, 17);">Bhai Dooj</h5>
<p class="card-text font ">Bhai Dooj, Bhaubeej, Bhai Tika, Bhai Phonta is a festival celebrated by Hindus on the second lunar day of Shukla Paksha (bright fortnight) in the Vikram Samvat Hindu calendar or of Shalivahan Shaka calendar month of Kartika.
It is celebrated during the Diwali or Tihar festival and Holi festival. </p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid ">
<div class="card mb-4 ">
<img src="https://www.oyorooms.com/travel-guide/wp-content/uploads/2019/10/diwaliposterimage-1.jpg " class="bd-placeholder-img card-img-top " width="100% " style="max-height: 300px; ">
<div class="card-body ">
<h5 class="card-title " style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; color: rgb(214, 107, 7); ">Diwali</h5>
<p class="card-text font ">
Diwali, the festival of lights is indeed the most awaited and the most celebrated festivals of India. People in every nook and cranny of the country welcome the festival with enthusiastic gestures. This wonderful festival is the celebration of five days.
On the third day of the celebratory occasion, the key rituals of the Diwali festival take place. Lighting of Diyas and candles all around the house, worshipping the Laxmi Ganesha to summon health and wealth and bursting crackers
are the chief rituals of the festival. In addition to that, the exchange of heartfelt gifts during Diwali these days have become a mandatory part of the celebration. Friends, families, and colleagues share with each other Diwali
gifts as a gesture of showing love and affection. Also, special and grand feast with delicious food that mandatorily includes different varieties of sweets is the special attraction of the occasion.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-4 my-4 " style="max-width: 100%; ">
<div class="card mb-4 p-md-0 ">
<a href="diwalihistory.html "> <img src="https://www.diwalifestival.org/assets/images/images/diwali-in-history.jpg " class="bd-placeholder-img card-img-top " width="100% " height="180 "></a>
<title>Placeholder</title>
<div class="card-body ">
<h5 class="card-title ">History</h5>
<p class="card-text " style="font-family: Verdana, Geneva, Tahoma, sans-serif; "> The history of Diwali is replete with legends and these legends are moored to the stories of Hindu religious scriptures, mostly the Puranas. Though the central theme of all legends points out to the classic truth of the victory of
the good over the evils, the mode of their presentation and the characters differ.</p>
</div>
</div>
<div class="card text-white bg-primary mb-3 cus " style="max-width: 25rem; ">
<div class="card-header " style="color: black; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px; ">Festival Fun</div>
<div class="card-body ">
<a href="https://in.pinterest.com/snehruh/rangoli/ ">
<p class="card-text ">Diwali Rangoli</p>
</a>
</div>
<div class="card text-white bg-secondary mb-3 " style="max-width: 25rem; ">
<div class="card-body ">
<a href="https://timesofindia.indiatimes.com/life-style/events/happy-diwali-2018-wishes-messages-sms-quotes-facebook-whatsapp-status-happy-diwali-images-greetings-card-photo-wallpaper-pictures-pics/articleshow/66475318.cms ">
<p class="card-text ">Diwali Whatsapp Messages/Status
</p>
</a>
</div>
</div>
<!-- 2 -->
<div class="card text-white bg-success mb-3 " style="max-width: 25rem; ">
<div class="card-body ">
<a href="https://www.mansworldindia.com/culture/pop-culture/play-cards-diwali-find/ ">
<p class="card-text "> Deep in Diwali Tradition of Playing Cards
</p>
</a>
</div>
</div>
<!-- 3 -->
<div class="card text-white bg-danger mb-3 " style="max-width: 25rem; ">
<div class="card-body ">
<a href="https://in.pinterest.com/hamsavardhinis/pooja-thali/ ">
<p class="card-text ">Pooja Thali Decorations Making Diwali Cards
</p>
</a>
</div>
</div>
<!-- 4 -->
<div class="card text-white bg-warning mb-3 " style="max-width: 25rem; ">
<div class="card-body ">
<a href="https://www.pinterest.com/pin/413909021989811845/ ">
<p class="card-text ">Diwali Essay Diwali Poems
</p>
</a>
</div>
</div>
<!-- 5 -->
<div class="card text-white bg-info mb-3 " style="max-width: 25rem; ">
<div class="card-body ">
<a href="https://www.ndtv.com/india-news/happy-diwali-2020-deepavali-songs-that-may-resonate-with-you-2325067 ">
<p class="card-text ">Diwali Songs
</p>
</a>
</div>
</div>
<!-- 6 -->
<div class="card text-white bg-primary mb-3 " style="max-width: 25rem; ">
<div class="card-body " style=" padding: 2px; ">
<div class="card-body " style=" margin: 0px; padding: 2px; ">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/9-fXZKKSHgE?autoplay=1&loop=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="foot ">
<footer class="text-gray-700 body-font ">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col ">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900 ">
<img src="https://www.dailynews.lk/sites/default/files/news/2019/10/28/diwali-255a.jpg " fill="none " stroke="currentColor " stroke-linecap="round " stroke-linejoin="round " stroke-width="2 " class="w-10 h-10 text-white bg-indigo-500
rounded-full " viewBox="0 0 24 24 ">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5 "></path>
<span class="ml-3 text-xl ">Diwali</span>
</a>
<p class="text-sm text-black-500 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4 ">© 2020 Diwali —
<a href="https://www.instagram.com/kheer_sagar_/" class="text-black-600 ml-1 " rel="noopener noreferrer " target="_blank ">@Kheersagar</a>
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start ">
<a class="text-gray-500 ">
<svg fill="currentColor " stroke-linecap="round " stroke-linejoin="round " stroke-width="2 " class="w-5 h-5 " viewBox="0 0 24 24 ">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z "></path>
</svg>
</a>
<a class="ml-3 text-gray-500 ">
<svg fill="currentColor " stroke-linecap="round " stroke-linejoin="round " stroke-width="2 " class="w-5 h-5 " viewBox="0 0 24 24 ">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z "></path>
</svg>
</a>
<a class="ml-3 text-gray-500 ">
<svg fill="none " stroke="currentColor " stroke-linecap="round " stroke-linejoin="round " stroke-width="2 " class="w-5 h-5 " viewBox="0 0 24 24 ">
<rect width="20 " height="20 " x="2 " y="2 " rx="5 " ry="5 "></rect>
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01 "></path>
</svg>
</a>
<a class="ml-3 text-gray-500 ">
<svg fill="currentColor " stroke="currentColor " stroke-linecap="round " stroke-linejoin="round " stroke-width="0 " class="w-5 h-5 " viewBox="0 0 24 24 ">
<path stroke="none " d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z "></path>
<circle cx="4 " cy="4 " r="2 " stroke="none "></circle>
</svg>
</a>
</span>
</div>
</footer>
</div>
</body>
<script src="jquery/jquery.js "></script>
<script src="bootstrap/js/bootstrap.js "></script>
<script src="jqueryui/jquery-ui.js "></script>
</html>