diff --git a/bihar-culture-landing/assets/images/bodh.jpg b/bihar-culture-landing/assets/images/bodh.jpg new file mode 100644 index 0000000..1b53d2a Binary files /dev/null and b/bihar-culture-landing/assets/images/bodh.jpg differ diff --git a/bihar-culture-landing/assets/images/folksong.jpg b/bihar-culture-landing/assets/images/folksong.jpg new file mode 100644 index 0000000..0f43201 Binary files /dev/null and b/bihar-culture-landing/assets/images/folksong.jpg differ diff --git a/bihar-culture-landing/assets/images/madhubani.jpg b/bihar-culture-landing/assets/images/madhubani.jpg new file mode 100644 index 0000000..17af50b Binary files /dev/null and b/bihar-culture-landing/assets/images/madhubani.jpg differ diff --git a/bihar-culture-landing/assets/images/nalanda.jpg b/bihar-culture-landing/assets/images/nalanda.jpg new file mode 100644 index 0000000..e87df1b Binary files /dev/null and b/bihar-culture-landing/assets/images/nalanda.jpg differ diff --git a/bihar-culture-landing/assets/images/park.jpg.jpg b/bihar-culture-landing/assets/images/park.jpg.jpg new file mode 100644 index 0000000..830421e Binary files /dev/null and b/bihar-culture-landing/assets/images/park.jpg.jpg differ diff --git a/bihar-culture-landing/assets/images/patna.jpg b/bihar-culture-landing/assets/images/patna.jpg new file mode 100644 index 0000000..5d57d54 Binary files /dev/null and b/bihar-culture-landing/assets/images/patna.jpg differ diff --git a/bihar-culture-landing/assets/images/rajgir.jpg b/bihar-culture-landing/assets/images/rajgir.jpg new file mode 100644 index 0000000..3fbca9b Binary files /dev/null and b/bihar-culture-landing/assets/images/rajgir.jpg differ diff --git a/bihar-culture-landing/assets/images/silk.jpg b/bihar-culture-landing/assets/images/silk.jpg new file mode 100644 index 0000000..8b9bcf6 Binary files /dev/null and b/bihar-culture-landing/assets/images/silk.jpg differ diff --git a/bihar-culture-landing/assets/images/vaishali.jpg b/bihar-culture-landing/assets/images/vaishali.jpg new file mode 100644 index 0000000..505207b Binary files /dev/null and b/bihar-culture-landing/assets/images/vaishali.jpg differ diff --git a/bihar-culture-landing/culture.html b/bihar-culture-landing/culture.html index 0dd894a..8a8da57 100644 --- a/bihar-culture-landing/culture.html +++ b/bihar-culture-landing/culture.html @@ -2,43 +2,107 @@ - Bihar Culture + Bihar Culture & Arts + -
-

Culture & Arts

+ + +
+
+

Culture & Arts of Bihar

+

Where Tradition Meets Timeless Beauty

+

Explore the rich art, music, and heritage that define the soul of Bihar.

+
- @@ -70,6 +73,10 @@

Modern Bihar

Learn about contemporary developments, educational institutions, and the progressive face of modern Bihar.

Explore Modern Bihar → + + + +
diff --git a/bihar-culture-landing/style.css b/bihar-culture-landing/style.css index 5f43298..0c0fc30 100644 --- a/bihar-culture-landing/style.css +++ b/bihar-culture-landing/style.css @@ -494,3 +494,217 @@ footer { transform: translateY(0); } } + + +.feature-card img { + width: 100%; + height: 220px; /* ✅ Fixed height for uniform cards */ + object-fit: cover; /* ✅ Keeps aspect ratio & crops neatly */ + border-radius: 12px; + margin-bottom: 1rem; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); + transition: transform 0.3s ease; +} + +.feature-card img:hover { + transform: scale(1.03); /* ✅ Adds subtle hover zoom */ +} + + +/* Theme Toggle Button */ +.theme-toggle-wrapper { + display: flex; + align-items: center; +} + +.theme-toggle-btn { + background: var(--white); + border: 2px solid var(--primary-color); + border-radius: 50px; + padding: 0.5rem 1rem; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + font-size: 1.2rem; + transition: all 0.3s ease; + box-shadow: var(--shadow); +} + +.theme-toggle-btn:hover { + background: var(--primary-color); + color: var(--white); + transform: translateY(-2px); + box-shadow: var(--shadow-hover); +} + +.theme-toggle-btn .sun, +.theme-toggle-btn .moon { + display: inline-block; + transition: transform 0.3s ease; +} + +/* Optional: Animate icon swap */ +body.dark-mode .theme-toggle-btn .sun { + transform: rotate(180deg) scale(0); +} +body.dark-mode .theme-toggle-btn .moon { + transform: rotate(360deg) scale(1); +} + + +/* Locations Grid */ +.locations-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin: 3rem 0; +} + +.location-card { + background: var(--white); + border-radius: var(--border-radius); + box-shadow: var(--shadow); + padding: 1rem; + text-align: center; + transition: var(--transition); +} + +.location-card img { + width: 100%; + height: 180px; + object-fit: cover; + border-radius: var(--border-radius); + margin-bottom: 1rem; +} + +.location-card h3 { + color: var(--primary-color); + margin-bottom: 0.5rem; +} + +.location-card p { + color: var(--text-light); + font-size: 0.95rem; + margin-bottom: 1rem; +} + +.map-link { + display: inline-block; + color: var(--primary-color); + text-decoration: none; + font-weight: 600; +} + +.map-link i { + margin-right: 5px; +} + +.location-card:hover { + transform: translateY(-5px); + box-shadow: var(--shadow-hover); +} + +/* Quiz Section */ +.quiz-section { + background: var(--white); + padding: 2rem; + margin: 3rem 0; + border-radius: var(--border-radius); + box-shadow: var(--shadow); +} + +.quiz-section h2 { + color: var(--primary-color); + text-align: center; + margin-bottom: 1.5rem; +} + +.quiz-form { + display: flex; + flex-direction: column; + gap: 1rem; +} + +.quiz-actions { + display: flex; + justify-content: center; + gap: 1rem; + margin-top: 1rem; +} + +.quiz-btn { + padding: 0.7rem 1.5rem; + border: none; + border-radius: 50px; + background: var(--primary-color); + color: var(--white); + font-weight: 600; + cursor: pointer; + transition: var(--transition); +} + +.quiz-btn:hover { + background: var(--secondary-color); +} + +.reset-btn { + background: var(--light-color); + color: var(--text-dark); +} + +.quiz-result { + margin-top: 1rem; + text-align: center; + font-weight: 600; + font-size: 1.1rem; + color: var(--accent-color); +} + + +.locations-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 20px; + padding: 20px; +} + +.location-card { + background: #fff; + border-radius: 12px; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); + text-align: center; + overflow: hidden; + transition: transform 0.3s ease; +} + +.location-card:hover { + transform: scale(1.03); +} + +.location-card img { + width: 100%; + height: 180px; + object-fit: cover; +} + +.map-section h2 { + text-align: center; + margin-bottom: 10px; +} + + +/* Ensure navbar stays above everything */ +.main-navigation { + position: sticky; /* or fixed, if you want it always visible */ + top: 0; + z-index: 1000; /* higher than map */ + background: white; /* so map or content doesn’t show through */ +} + +/* Prevent map from overlapping navbar */ +#bihar-map { + z-index: 1 !important; + position: relative; +} diff --git a/bihar-culture-landing/tourism.html b/bihar-culture-landing/tourism.html index 3d4ffcd..30883b3 100644 --- a/bihar-culture-landing/tourism.html +++ b/bihar-culture-landing/tourism.html @@ -2,57 +2,155 @@ + Bihar Tourism + + + + +

Tourism in Bihar

+

Discover the heritage, nature, and vibrant culture of Bihar

-