Skip to content

Commit 74e618a

Browse files
MD-IRFAN-RAJMD-IRFAN-RAJ
authored
Merge pull request #18 from swastijain132005/bihar-culture-bug-fix
Bihar culture bug fix
2 parents 62ce70d + 2cf4c68 commit 74e618a

File tree

5 files changed

+101
-22
lines changed

5 files changed

+101
-22
lines changed

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

3.01 MB
Loading

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

6.86 MB
Loading

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

2.92 MB
Loading

‎bihar-culture-landing/culture.html‎

Lines changed: 86 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,43 +2,107 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<title>Bihar Culture</title>
5+
<title>Bihar Culture & Arts</title>
66
<link rel="stylesheet" href="style.css">
77
</head>
8+
89
<body>
9-
<header class="sub-hero">
10-
<h1>Culture & Arts</h1>
10+
11+
<!-- ===== HEADER ===== -->
12+
<header>
13+
<div class="header-content">
14+
<h1>Culture & Arts of Bihar</h1>
15+
<h2>Where Tradition Meets Timeless Beauty</h2>
16+
<p class="tagline">Explore the rich art, music, and heritage that define the soul of Bihar.</p>
17+
</div>
1118
</header>
1219

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>
20+
<!-- ===== NAVIGATION ===== -->
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 active">Culture</a>
25+
<a href="history.html" class="nav-link">History</a>
26+
<a href="festivals.html" class="nav-link">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>Madhubani Art</h2>
25-
<p>Famous traditional painting style originating from Mithila region.</p>
26-
<img src="assets/images/madhubani.jpg" alt="Madhubani Art">
32+
<!-- ===== MAIN CONTENT ===== -->
33+
<main class="main-content">
34+
35+
<!-- Hero Intro -->
36+
<section class="hero-section">
37+
<div class="hero-content">
38+
<h2>Experience Bihar’s Artistic Legacy</h2>
39+
<p>From Madhubani paintings to Bhagalpuri silk, Bihar’s cultural heritage blends creativity and tradition. These art forms are not just beautiful—they tell stories of devotion, nature, and everyday life.</p>
40+
</div>
2741
</section>
2842

29-
<section>
30-
<h2>Bhojpuri Folk Songs</h2>
31-
<p>Rich oral tradition of songs sung during festivals and weddings.</p>
43+
<!-- ===== FEATURED ART FORMS ===== -->
44+
<div class="features-grid">
45+
46+
<div class="feature-card">
47+
<img src="assets/images/madhubani.jpg" alt="Madhubani Art" style="width:100%; border-radius:12px; margin-bottom:1rem;">
48+
<h3>Madhubani Art</h3>
49+
<p>Famous traditional painting style originating from Mithila, known for its vibrant colors and mythological themes.</p>
50+
<a href="#" class="explore-link">Explore More →</a>
51+
</div>
52+
53+
<div class="feature-card">
54+
<img src="assets/images/folksong.jpg" alt="Bhojpuri Folk Songs" style="width:100%; border-radius:12px; margin-bottom:1rem;">
55+
<h3>Bhojpuri Folk Songs</h3>
56+
<p>Rich oral tradition of songs sung during weddings, harvests, and festivals, reflecting local joy and emotion.</p>
57+
<a href="#" class="explore-link">Listen Now →</a>
58+
</div>
59+
60+
<div class="feature-card">
61+
<img src="assets/images/silk.jpg" alt="Bhagalpuri Silk" style="width:100%; border-radius:12px; margin-bottom:1rem;">
62+
<h3>Bhagalpuri Silk</h3>
63+
<p>Known as ‘Tussar Silk’, handwoven in Bhagalpur, cherished worldwide for its texture and natural sheen.</p>
64+
<a href="#" class="explore-link">View Collection →</a>
65+
</div>
66+
67+
</div>
68+
69+
<!-- ===== CULTURE HIGHLIGHTS ===== -->
70+
<section class="highlights-section">
71+
<h2>Cultural Highlights</h2>
72+
<div class="highlights-grid">
73+
<div class="highlight-item">
74+
<h4>Classical Dance</h4>
75+
<p>Vibrant forms like Jat-Jatin and Bidesia bring Bihar’s folk energy to life.</p>
76+
</div>
77+
<div class="highlight-item">
78+
<h4>Traditional Attire</h4>
79+
<p>Women wear Madhubani-printed sarees, while men don Dhoti-Kurta during festivals.</p>
80+
</div>
81+
<div class="highlight-item">
82+
<h4>Cultural Fairs</h4>
83+
<p>Chhath Puja and Sonepur Mela are major events showcasing devotion and tradition.</p>
84+
</div>
85+
</div>
3286
</section>
3387

34-
<section>
35-
<h2>Bhagalpuri Silk</h2>
36-
<p>Known as ‘Tussar Silk’, handwoven in Bhagalpur, cherished worldwide.</p>
88+
<!-- ===== CALL TO ACTION ===== -->
89+
<section class="call-to-action">
90+
<div class="cta-content">
91+
<h2>Want to Contribute to Bihar’s Cultural Archive?</h2>
92+
<p>Help us preserve Bihar’s artistic legacy by sharing stories, pictures, and experiences from your region.</p>
93+
<a href="#" class="cta-button">Contribute Now</a>
94+
</div>
3795
</section>
96+
3897
</main>
3998

99+
<!-- ===== FOOTER ===== -->
40100
<footer>
41-
<p>Contribute more cultural content here!</p>
101+
<div class="footer-content">
102+
<p>© 2025 Bihar Culture | Designed with ❤️ by Swasti Jain</p>
103+
<p>Celebrating the spirit, art, and heritage of Bihar.</p>
104+
</div>
42105
</footer>
106+
43107
</body>
44108
</html>

‎bihar-culture-landing/style.css‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -494,3 +494,18 @@ footer {
494494
transform: translateY(0);
495495
}
496496
}
497+
498+
499+
.feature-card img {
500+
width: 100%;
501+
height: 220px; /* ✅ Fixed height for uniform cards */
502+
object-fit: cover; /* ✅ Keeps aspect ratio & crops neatly */
503+
border-radius: 12px;
504+
margin-bottom: 1rem;
505+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
506+
transition: transform 0.3s ease;
507+
}
508+
509+
.feature-card img:hover {
510+
transform: scale(1.03); /* ✅ Adds subtle hover zoom */
511+
}

0 commit comments

Comments
 (0)