-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (131 loc) · 8.28 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
<!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">
<title>Happy Durga Puja</title>
<link rel="stylesheet" href="./static/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/fontawesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/fontawesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<body style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url('static/durga1.jpg'); background-position: center; background-size: cover;">
<nav class="navbar navbar-expand-sm navbar-dark bg-black mb-2 md-20 ">
<a class="navbar-brand" href="static/pr1.jpg">Durga Puja</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 ml-auto mb-2 mb-lg-0">
<!--The Home Button-->
<li class="nav-item active">
<a class="nav-link" href="./index.html" style="--i:1">Home <span class="sr-only">(current)</span></a>
</li>
<!--The about us button-->
<li class="nav-item">
<a class="nav-link" href="./about.html" style="--i:2">About</a>
</li>
<!--The Achievement Dropdown toggle currently inactive-->
<!--<li class="nav-item">
<a class="nav-link" href="achieve.html">Achievement</a>
</li>-->
<li class="nav-item dropdown" style="--i:3">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Calendar
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item " href="./mahalaya.html">Mahalaya</a>
<a class="dropdown-item " href="./day1.html">Day 1</a>
<a class="dropdown-item" href="./Brahmacharini.html">Day 2</a>
<a class="dropdown-item" href="./day3.html">Day 3</a>
<a class="dropdown-item" href="./day4.html">Day 4</a>
<a class="dropdown-item" href="./panchami.html">Day 5/Panchami</a>
<a class="dropdown-item" href="./day6.html">Day 6/Shashthi</a>
<a class="dropdown-item" href="./day7.html">Day 7/Saptami</a>
<a class="dropdown-item" href="./day8.html">Day 8/Ashtami</a>
<a class="dropdown-item" href="./day9.html">Day 9/Navami</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="./day10.html">Dussehra</a>
</div>
</li>
<li class="nav-item dropdown" style="--i:4">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pandals
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item " href="./ck.html">Central Kolkata</a>
<a class="dropdown-item " href="./sk.html">South Kolkata</a>
</div>
</li>
<li class="nav-item1">
<a class="nav-link" href="./about.html" style="--i:2"></a>
</li>
<li class="nav-item1">
<a class="nav-link" href="./about.html" style="--i:2"></a>
</li>
<li class="nav-item1">
<a class="nav-link" href="./about.html" style="--i:2"></a>
</li>
<li class="nav-item1">
<a class="nav-link" href="./about.html" style="--i:2"></a>
</li>
</ul>
</div>
</nav>
<!---The display part-->
<div class="fire">
<section>
<img src="./static/abpng/home1.png" class="durga">
<div class="content">
<div class="textBox">
<h2>
<div class="one" style="--i:1"> Happy</div>
<div class="two" style="--i:2">Durga</div>
<div class="three" style="--i:3"> Puja</div>
</h2>
<p>Durga puja is a festival for Hindus.This festival is celebrated traditionally to worship Goddess Durga as a symbol of power.This festival is considered to celebrate the victory of good over evil, Goddess
Durga defeated the evil Mahishasura and free this earth from the demon. <br> Apart from Bengal, this festival is celebrated all over the world by the Hindus as Navaratri. The last four days, Saptami, Ashtami, Navami and Dashami are celebrated with tremendous zeal
.The festival connects the new generation with our traditions and culture.This festival is enjoyed enthusiastically by people of all religion, and a sort of communal harmony is created.</p>
<a href="./avatars.html">Avatars</a>
</div>
</div>
</section>
<!----The social media Connecting tags------>
<div class="social-icons">
<a href="https://github.com/ShouryaBrahmastra" class="github">
click to visit <i class="fab fa fa-github-square" aria-hidden="true"></i>
</a>
<a href="https://www.facebook.com/profile.php?id=100008282954303" class="facebook">
click to visit <i class="fab fa fa-facebook-square" aria-hidden="true"></i>
</a>
<!--<a href="#" class="telegram">
click here to visit <i class="fab fa fa-telegram" aria-hidden="true"></i>
</a>-->
<!--<a href="https://twitter.com/Shourya_Nishi" class="twitter" style="border-radius: 2%;">
click to visit <i class="fab fa fa-twitter-square" aria-hidden="true"></i>
</a>-->
<a href="https://www.instagram.com/gptshourya02/" class="instagram">
click to visit <i class="fab fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="./js/jquery.fireworks.js"></script>
<script>
$('').fireworks({
sound: false, // sound effect
opacity: 0.9,
width: '100%',
height: '100%'
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>