-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (100 loc) · 4.39 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
<!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="./css/index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Diwali 2022</title>
</head>
<body>
<nav>
<a class="alinksLogo" href="index.html"><img class="myLogo" src="./img/diwali1.png" alt="diwaliLogo"></a>
<img class="hamburger" src="./img/Hamburger2.png" alt="hamburger">
<ul class="navLinks">
<li class="links"><a class="alinks" href="about.html">About</a></li>
<li class="links"><a class="alinks" href="#">Programs</a></li>
<li class="links"><a class="alinks" href="#">Join</a></li>
<li class="links"><a class="alinks" href="#">Sponsor</a></li>
<li class="links"><a class="alinks" href="#">News</a></li>
<li class="links"><a class="alinks borderLink" href="#">CC Campaign</a></li>
</ul>
<div class="mobMenu hide">
<ul>
<li class="cross"><img src="img/cross.png" alt="cross"></li>
<li class="mobLinks"><a href="index.html">Home</a></li>
<li class="mobLinks"><a href="about.html">About</a></li>
<li class="mobLinks"><a href="#">Programs</a></li>
<li class="mobLinks"><a href="#">Join</a></li>
<li class="mobLinks"><a href="#">Sponsor</a></li>
<li class="mobLinks"><a href="#">News</a></li>
<li class="mobLinks"><a href="#">CC Campaign</a></li>
</ul>
</div>
</nav>
<header>
<h2 class="headerTitle">"Hello! Namaste"</h2>
<h1 class="subHeader">DIWALI - The Lighting Global Festival 2022</h1>
<p class="headerParagraph">Diwali, or Dipawali, is India's biggest and most important holiday of the year. The festival gets its name from the row (avali) of clay lamps (deepa) that Indians light outside their homes to symbolize the inner light that protects from spiritual darkness.</p>
<p class="headerDate">2022.10.23 ~ 24</p>
<p class="headerLocation">@ Delhi, INDIA</p>
</header>
<section class="main">
<h2>Main Program</h2>
<p class="line"></p>
<div class="mainDiv">
<div>
<i class="bi bi-flower1 icon"></i>
<span>Flower</span>
<p>Diwali is celebrated by decorating colourful Rangoli in houses and putting up flowers in homes.</p>
</div>
<div>
<i class="bi bi-arrow-through-heart-fill icon"></i>
<span>Love</span>
<p>A day to exchange heartening smiles and little special gifts with friends, family, lovers, and even strangers.</p>
</div>
<div>
<i class="bi bi-bicycle icon"></i>
<span>Trip</span>
<p>If you are looking for a more local Diwali experience in Delhi, then there's no better way than staying with an Indian family.</p>
</div>
<div>
<i class="bi bi-chat-heart-fill icon"></i>
<span>Message</span>
<p>May This Divine Festival Color The Pages of Your Life With Peace, Joy And Happiness.</p>
</div>
<div>
<i class="bi bi-moon-stars-fill icon"></i>
<span>Worship</span>
<p>Diwali, is one of Hinduism's most important festivals, dedicated to the worship of the Hindu goddess of wealth Lakshmi.</p>
</div>
</div>
<button class="mainButton">Join Diwali 2022</button>
<p class="mainP">SEE THE WHOLE PROGRAM</p>
</section>
<!-- Implement the section "Featured speakers" with dynamic HTML. -->
<section id="speakers" class="speakers">
</section>
<section class="sponsor">
<h2>Partner</h2>
<div class="line"></div>
<div class="sponDiv">
<img class="sponPic" src="./img/mozilla.png" alt="mozilla">
<img class="sponPic" src="./img/google.png" alt="google">
<img class="sponPic" src="./img/naver.svg" alt="naver">
<img class="sponPic" src="./img/daumkakao.png" alt="daumkakao">
<img class="sponPic" src="./img/airbnb.png" alt="airbnb">
</div>
</section>
<section class="footer">
<img class="footImg" src="./img/diwali1.png" alt="diwali">
<div>
<p>2022 Diwali India.</p>
<p>Some Rights Reserved.</p>
</div>
</section>
<script src="./js/hamburger.js"></script>
<script src="./js/index.js"></script>
</body>
</html>