-
Notifications
You must be signed in to change notification settings - Fork 0
/
dhanteras.html
301 lines (259 loc) · 20.1 KB
/
dhanteras.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
<!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 style="background-image: linear-gradient(to bottom,rgb(248, 188, 76),rgb(235, 181, 181)); ">
<!-- <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 Dhanteras!!!</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="dhanteras/IMG20201111175658.jpg" style="max-width: 100%; max-height: 379px;" class="d-block w-100" alt="..." style="width: 100%; ">
</div>
<div class="carousel-item">
<img src="dhanteras/IMG20201112190912.jpg" style="max-width: 100%; max-height: 379px;" class="d-block w-100" alt="..." style="width: 100%; ">
</div>
<div class="carousel-item">
<img src="dhanteras/IMG20201112190727.jpg" style="max-width: 100%; max-height: 379px;" 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>
<div class="row dh_col" style="max-width: 100%; ">
<div class="col-sm-8 " style="padding: 0px;">
<div class="container-fluid " style="display: flex; flex-direction: row; margin: 0px;">
<div class="card mb-3 my-4 " style=" margin-left: 20px; ">
<img src="https://rgyan.com/public/uploads/2018-09/dhanteras.jpg " class="card-img-top " alt="... " 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(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). In the word Dhanteras, "Dhan " stands for wealth. On Dhanteras Goddess Laxmi is worshiped to provide prosperity and well being. Hence Dhan Teras holds a lot more significance for the business community.
</p>
<!-- sub head 1 -->
<div class="card-body ">
<h5 class="card-title " style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 19px; color: rgb(235, 79, 17);">Dhanteras Legends</h5>
<p class=" card-text " style="font-family: Georgia, 'Times New Roman', Times, serif; "> A very interesting story about Dhanteras Festival says that once the sixteen year old son of King Hima. was doomed to die by a snake-bite on the fourth day of his marriage as per his horoscope. On that particular fourth day
of his marriage his young wife did not allow him to sleep. She laid all the ornaments and lots of gold and silver coins in a big heap at the entrance of her husband's boudoir and lighted innumerable lamps all over the place.
And she went on telling stories and singing songs.</p>
</div>
<!-- sub head 2 -->
<div class="card-body ">
<p class=" card-text " style="font-family: Georgia, 'Times New Roman', Times, serif; ">When Yama, the god of Death arrived there in the guise of a Serpent his eyes got blinded by that dazzle of those brilliant lights and he could not enter the Prince's chamber. So he climbed on top of the heap of the ornaments
and coins and sat there whole night listening to the melodious songs. In the morning he quietly went away. Thus the young wife saved her husband from the clutches of death. Since then this day of Dhanteras came to be known
as the day of "Yamadeepdaan" and lamps are kept burning throughout the night in reverential adoration to Yam, the god of Death.</p>
<p class=" card-text " style="font-family: Georgia, 'Times New Roman', Times, serif; ">According to another popular legend, when the gods and demons churned the ocean for Amrit or nectar, Dhanavantri (the physician of the gods and an incarnation of Vishnu) emerged carrying a jar of the elixir on the day of Dhanteras.
</p>
</div>
<!-- sub head 3 -->
<div class="card-body ">
<h5 class="card-title " style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 19px; color: rgb(235, 79, 17);">Dhanteras Preparation</h5>
<p class=" card-text " style="font-family: Georgia, 'Times New Roman', Times, serif; "> To mark the auspicious day, houses and business premises are renovated and decorated. Entrances are made colorful with lovely traditional motifs of Rangoli designs to welcome the Goddess of Wealth and Prosperity. To indicate
her long-awaited arrival, small footprints are drawn with rice flour and vermilion powder all over the houses. Lamps are kept burning all through the nights.</p>
</div>
<!-- sub head 4 -->
<div class="card-body ">
<h5 class="card-title " style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 19px; color: rgb(235, 79, 17);">Dhanteras Traditions</h5>
<p class=" card-text " style="font-family: Georgia, 'Times New Roman', Times, serif; "> On Dhanteras Hindus consider it auspicious to purchase gold or silver articles or at least one or two new utensils. It is believed that new “Dhan” or some form of precious metal is a sign of good luck. "Laxmi-Puja" is performed
in the evenings when tiny Diyas of clay are lighted to drive away the shadows of evil spirits. "Bhajans"-devotional songs- in praise of Goddess Laxmi are also sung.</p>
</div>
<!-- sub head 5 -->
<div class="card-body ">
<h5 class="card-title " style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 19px; color: rgb(235, 79, 17);">Dhanteras Celebrations </h5>
<p class=" card-text " style="font-family: Georgia, 'Times New Roman', Times, serif; ">Dhanteras is celebrated with gusto and enthusiasm. "Lakshmi-Puja" is performed in the evenings when tiny diyas of clay are lighted to drive away the shadows of evil spirits. Bhajans ir devotional songs- in praise of Goddess
Laxmi are sung and "Naivedya" of traditional sweets is offered to the Goddess. There is a peculiar custom in Maharashtra to lightly pound dry coriander seeds with jaggery and offer as Naivedya. In villages cattle are adorned
and worshiped by farmers as they form the main source of their income. In south cows are offered special veneration as they are supposed to be the incarnation of Goddess Lakshmi and therefore they are adorned and worshiped
on this day. </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 my-4" style="padding:15px;width: 100%;">
<div class="card mb-4" style="background-image: linear-gradient(white);">
<div class="card-body" style="padding: 5px;">
<img src="dhanteras/IMG20201112165905.jpg" class="card-img-top" alt="...">
<h5 class="card-title ani_title" style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px;">Plate Full Of Rangoli</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;">Rangoli is an art form, originating in the Indian subcontinent, in which patterns are created on the floor or the ground using materials such as coloured rice, coloured sand, quartz powder or flower petals. </p>
<div class="card bg-danger">
<div class="card-body" style="padding: 5px;">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/BbXpWxg_5-I?autoplay=1&loop=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h5 class="card-title" style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px;">Time-Lapse</h5>
</div>
</div>
<div class="card bg-danger my-4">
<div class="card-body" style="padding: 5px;">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/FiRxC-rz_Hk?autoplay=1&loop=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h5 class="card-title" style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px;">Terrace Light View</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-columns my-4">
<div class="card bg-danger">
<div class="card-body" style="padding: 5px;">
<img src="dhanteras/IMG20201112190731.jpg" class="card-img-top" alt="...">
<h5 class="card-title" style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px;">Rangoli</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
</div>
<div class="card bg-success">
<div class="card-body" style="padding: 5px;">
<img src="dhanteras/IMG20201112190831.jpg" class="card-img-top" alt="...">
<h5 class="card-title" style="color: rgb(0, 0, 0);font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px;">DoorSTep Rangoli</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
</div>
<div class="card bg-info">
<div class="card-body" style="padding: 5px;">
<img src="dhanteras/IMG20201112191025.jpg" style="max-height: 300px;" class="card-img-top" alt="...">
<h5 class="card-title" style="color: rgb(0, 0, 0);font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 29px;">Entrance</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
</div>
<div class="card bg-success">
<div class="card-body" style="padding: 5px;">
<img src="dhanteras/IMG20201112164546.jpg" style="border: 2px solid rgb(27, 27, 27);" class="card-img-top" alt="...">
<h5 class="card-title" style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 25px;">Cleaniness</h5>
<p class="card-text" style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
</div>
<div class="card text-center bg-warning">
<div class="card-body" style="padding: 5px;">
<img src="dhanteras/IMG20201112081826.jpg" style="border: 2px solid rgb(27, 27, 27);" class=" card-img-top " alt="... ">
<h5 class="card-title " style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 25px;">Day-Light Photo</h5>
<p class="card-text " style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
</div>
<div class="card text-center " style="background-image: linear-gradient(rgb(155, 155, 235),rgb(192, 192, 229)); ">
<div class="card-body " style="padding: 5px; ">
<img src="dhanteras/IMG20201112190912.jpg " class="card-img-top " alt="... ">
<h5 class="card-title " style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 25px;">Eye Of Lamp</h5>
<p class="card-text " style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</div>
</div>
<div class="card text-center bg-warning ">
<div class="card-body " style="padding: 5px; ">
<img src="dhanteras/IMG20201112174855.jpg " class="card-img-top " alt="... ">
<h5 class="card-title " style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 25px;">Lighting Of House</h5>
<p class="card-text " style="font-family: Georgia, 'Times New Roman', Times, serif;">.</p>
</div>
</div>
<div class="card bg-danger ">
<div class="card-body " style="padding: 5px; ">
<img src="dhanteras/IMG20201112173502.jpg " class="card-img-top " alt="... ">
<h5 class="card-title " style="color: black;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 25px;">Night Photo</h5>
<p class="card-text " style="font-family: Georgia, 'Times New Roman', Times, serif;"></p>
</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>