-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (146 loc) · 5.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Day of the dead</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Limelight&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header>
<div class="navbar">
<div class="navitems">
<a href="">History</a>
<a href="">Sugar Skull</a>
<a href="">Traditions</a>
<a href="">Recipes</a>
<a href="">Mexican Culture</a>
<a href="">About</a>
</div>
</div>
</header>
<div class="herosec">
<div class="blank">
<img class="cloud1" src="cloud.png" alt="" />
<img class="cloud2" src="cloud.png" alt="" />
</div>
<div class="intro">
<span class="introtext">
<h1>DAY</h1>
<div class="div-img">
<img class="img" src="marigold1.png" alt="" />
<h2>OF THE</h2>
<img class="img" src="marigold2.png" alt="" />
</div>
<h1>DEAD</h1>
</span>
</div>
</div>
<div class="herosec2">
<p class="span1-herosec2">One time a year,</p>
<p class="span2-herosec2">our departed come back</p>
<p class="span3-herosec3">to celebrate with us</p>
<div class="dedication-to-the-deceased-img">
<img src="peopleAtCemetary.webp" alt="" />
<div class="dedication-to-the-deceased">
<h3 class="dedication-to-the-deceased-p1">
Dedication to the Deceased
</h3>
<p class="dedication-to-the-deceased-p2">
Day of the Dead (Dia De Los Muertos) is a two day holiday that
reunites the living and dead. Families create ofrendas (Offerings)
to honor their departed family members that have passed. These
altars are decorated with bright yellow marigold flowers, photos of
the departed, and the favorite foods and drinks of the one being
honored. The offerings are believed to encourage visits from the
land of the dead as the departed souls hear their prayers, smell
their foods and join in the celebrations!
</p>
<p class="dedication-to-the-deceased-p3">
Day of the Dead is a rare holiday for celebrating death and life. It
is unlike any holiday where mourning is exchanged for celebration.
</p>
</div>
</div>
<div class="dedication-to-the-deceased-img2">
<p>
“Day of the Dead is a holiday to remember loved ones by sharing a meal
with them as one would when they were alive.”
</p>
<img src="gravesite.webp" alt="" />
</div>
<div>
<img class="cloud3" src="cloud.png" alt="" />
</div>
</div>
<div class="herosec3">
<div class="herosec3-para">
<p class="p1">When is the</p>
<p class="p2">Day of the Dead?</p>
</div>
<div class="column">
<div class="column1">
<div class="column1-icon">
<i class="fa-solid fa-moon"></i>
</div>
<p class="column1-p1">Dia de los Angelitos</p>
<p class="column1-p2">Spirits of the children</p>
<p class="column1-p3">
Dia de los Angelitos (Day of the little angels) starts the holiday
at midnight on Nov 1st, where the spirits of all deceased children
are believed to be reunited with their families for 24 hours.
Families construct an altar, known as an ofrenda, with the departed
child's favorite snacks, candies, toys, and photographs to encourage
a visit from their departed children. The names of the departed
children will often be written on a sugar skull.
</p>
</div>
<div class="column2">
<div class="column2-icon">
<i class="fa-solid fa-star"></i>
</div>
<p class="column2-p1">Día de los Difuntos</p>
<p class="column2-p2">Spirits of the adults</p>
<p class="column2-p3">
At midnight of the following day (November 2nd), the celebrations
shift to honor the lives of the departed adults. The night is filled
with laughter and fun memories, much like the night before. However,
the Ofrendas take on a more adult-like theme with tequila, pan de
muerto, mezcal, pulque and jars of Atole. Families will also play
games together, reminisce about their loved ones, and dance while
the village band plays in their town.
</p>
</div>
<div class="column3">
<div class="column3-icon">
<i class="fa-solid fa-sun"></i>
</div>
<p class="column3-p1">Día de los Muertos</p>
<p class="column3-p2">Spirits of all the dead</p>
<p class="column3-p3">
The next day is the grand finale and public celebration of Dia de
Muertos. In more recent times, people come together in their cities,
dressed up with Calavera painted faces (Skeletons) and have parades
in the streets. Cemetery visits are also common on the last day as
families will go to decorate the grave sites with Marigold flowers,
gifts, and sugar skulls with the departed’s name on them. It’s
customary to clean the grave stone and restore the color.
</p>
</div>
</div>
</div>
</body>
</html>