Skip to content

Commit 7c87c40

Browse files
MD-IRFAN-RAJMD-IRFAN-RAJ
authored
Merge pull request #20 from zencoder06/feat/festivaladded
feat: designed the Festivals of Bihar page
2 parents 0051e12 + 482a90f commit 7c87c40

File tree

6 files changed

+74
-22
lines changed

6 files changed

+74
-22
lines changed

‎bihar-culture-landing/assets/images/Sama_Chakeva.jpg‎

2.37 MB
Loading

‎bihar-culture-landing/assets/images/Shravani_Mela.jpg‎

238 KB
Loading

‎bihar-culture-landing/assets/images/Sonepur.jpg‎

647 KB
Loading

‎bihar-culture-landing/assets/images/chath.jpg‎

224 KB
Loading

‎bihar-culture-landing/festivals.html‎

Lines changed: 61 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,40 +4,80 @@
44
<meta charset="UTF-8">
55
<title>Bihar Festivals</title>
66
<link rel="stylesheet" href="style.css">
7+
78
</head>
89
<body>
10+
<!-- HEADING -->
11+
912
<header class="sub-hero">
10-
<h1>Festivals of Bihar</h1>
13+
<h1 style="font-family:cursive">
14+
Festivals of Bihar</h1>
15+
<h3>Rythm of Devotion, Soul of a State</h3>
16+
<p class="tagline">Checkout the seamless beauty of festivals of Bihar</p>
1117
</header>
1218

13-
<nav>
14-
<a href="index.html">Home</a>
15-
<a href="culture.html">Culture</a>
16-
<a href="history.html">History</a>
17-
<a href="festivals.html">Festivals</a>
18-
<a href="tourism.html">Tourism</a>
19-
<a href="modern.html">Modern Bihar</a>
19+
<!-- Navigation -->
20+
21+
<nav class="main-navigation">
22+
<div class="nav-container">
23+
<a href="index.html" class="nav-link">Home</a>
24+
<a href="culture.html" class="nav-link">Culture</a>
25+
<a href="history.html" class="nav-link">History</a>
26+
<a href="festivals.html" class="nav-link active">Festivals</a>
27+
<a href="tourism.html" class="nav-link">Tourism</a>
28+
<a href="modern.html" class="nav-link">Modern Bihar</a>
29+
</div>
2030
</nav>
2131

22-
<main>
23-
<section>
24-
<h2>Chhath Puja</h2>
25-
<p>Dedicated to the Sun God, celebrated with deep devotion.</p>
26-
</section>
32+
<!-- MAIN CONTENT -->
2733

28-
<section>
29-
<h2>Sonepur Mela</h2>
30-
<p>The largest cattle fair in Asia, full of tradition and trade.</p>
31-
</section>
34+
<main class="main-content">
3235

33-
<section>
34-
<h2>Sama-Chakeva</h2>
35-
<p>A folk festival in Mithila region celebrating sibling bonds.</p>
36+
<section class="hero-section">
37+
<h2>Discover Bihar's Festivals </h2>
38+
<p>There are many festivals in Bihar that are celebrated with great enthusiasm and are also celebrated all over India in some way or the other.</p>
3639
</section>
40+
41+
<!-- DIFFERENT FESTIVALS -->
42+
43+
<div class="festival-grid">
44+
<div class="feature-card">
45+
<img src="assets/images/chath.jpg" alt="Chath Puja" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
46+
<h3>Chhath Puja</h3>
47+
<p>Dedicated to the Sun God, celebrated with deep devotion.</p>
48+
<a href="#" class="explore-link">Explore More →</a>
49+
</div>
50+
51+
<div class="feature-card">
52+
<img src="assets/images/Sonepur.jpg" alt="Sonepur Mela" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
53+
<h3>Sonepur Mela</h3>
54+
<p>The largest cattle fair in Asia, full of tradition and trade.</p>
55+
<a href="#" class="explore-link">Explore More →</a>
56+
</div>
57+
58+
<div class="feature-card">
59+
<img src="assets/images/Sama_Chakeva.jpg" alt="Sama Chakeva" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
60+
<h3>Sama Chakeva</h3>
61+
<p>A folk festival in Mithila region celebrating sibling bonds.</p>
62+
<a href="#" class="explore-link">Explore More →</a>
63+
</div>
64+
65+
<div class="feature-card">
66+
<img src="assets/images/Shravani_Mela.jpg" alt="Shravani Mela" style="width:70%; height:60%; border-radius:12px; margin-bottom:1rem;">
67+
<h3>Shravani Mela</h3>
68+
<p>A religious fair held during the month of Shravan.</p>
69+
<a href="#" class="explore-link">Explore More →</a>
70+
</div>
71+
72+
</div>
73+
3774
</main>
3875

76+
<!-- FOOTER -->
3977
<footer>
40-
<p>Add more festivals of Bihar here!</p>
78+
<p>© 2025 Bihar Culture | Designed with 💖 By Ankit <br>
79+
Bihar's rich heritage reflected in it's festivals</p>
80+
<br>
4181
</footer>
4282
</body>
4383
</html>

‎bihar-culture-landing/style.css‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,9 @@ header::before {
8989
.header-content h1 {
9090
font-size: clamp(2.5rem, 6vw, 4.5rem);
9191
font-weight: 700;
92-
margin-bottom: 0.5rem;
92+
margin: 0 auto;
93+
94+
/*margin-bottom: 0.5rem;*/
9395
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
9496
}
9597

@@ -200,6 +202,7 @@ header::before {
200202
overflow: hidden;
201203
}
202204

205+
203206
.feature-card::before {
204207
content: '';
205208
position: absolute;
@@ -211,6 +214,7 @@ header::before {
211214
transition: var(--transition);
212215
}
213216

217+
214218
.feature-card:hover::before {
215219
left: 100%;
216220
}
@@ -708,3 +712,11 @@ body.dark-mode .theme-toggle-btn .moon {
708712
z-index: 1 !important;
709713
position: relative;
710714
}
715+
716+
.festival-grid{
717+
display: grid;
718+
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
719+
gap: 2rem;
720+
margin-bottom: 4rem;
721+
}
722+

0 commit comments

Comments
 (0)