Merge pull request #29 from Rajat-Soni1058/featfooterRajat

feat: added footer

Author: MD-IRFAN-RAJ

bihar-culture-landing/image.png

@@ -117,13 +117,27 @@ <h2>Contribute to Bihar Culture</h2>
             </div>
         </section>
     </main>
-
+<!-- adding the footer-->
     <footer>
-        <div class="footer-content">
-            <p>&copy; 2025 Bihar Culture Landing. Celebrating the heritage of Bihar.</p>
-            <p>Made with ❤️ for preserving Bihar's cultural legacy</p>
-        </div>
-    </footer>
+  <div class="footer-section">
+    <h3>Top Tourist Destinations</h3>
+    <ul class="footer-links">
+        
+      <li><a href="tourism.html#bodh-gaya"><h4>Bodh Gaya</h4></a></li>
+      <li><a href="tourism.html#nalanda"><h4>Nalanda University</h4></a></li>
+      <li><a href="tourism.html#rajgir"><h4>Rajgir</h4></a></li>
+      <li><a href="tourism.html#vaishali"><h4>Vaishali</h4></a></li>
+      <li><a href="tourism.html#valmiki-tiger-reserve"><h4>Valmiki Tiger Reserve</h4></a></li>
+      <li><a href="tourism.html#patna"><h4>Patna</h4></a></li>
+    
+    </ul>
+  </div>
+
+  <div class="footer-info">
+    <p>&copy; 2025 Bihar Culture & Tourism. Promoting the heritage and beauty of Bihar.</p>
+    <p>Made with ❤️ to celebrate Bihar’s culture and tourism</p>
+  </div>
+</footer>
 
     <!-- Back to Top Button -->
     <button id="backToTopBtn" title="Back to Top">↑ Back to Top</button>

bihar-culture-landing/index.html

@@ -4,6 +4,37 @@
   padding: 0;
   box-sizing: border-box;
 }
+.footer-links li a:hover {
+  color: #e8541f;              /* Orange hover matches theme */
+}
+.footer-section {
+  background-color: rgb(240, 242, 227);
+  text-align: center;
+  color: #e8541f;
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: var(--shadow);
+}
+.footer-links li a {
+  text-decoration: none;
+  color: #007bff;
+  font-weight: 600;
+  font-size: 1.1rem;
+  transition: color 0.3s ease;
+}
+
+
+.footer-links {
+  
+  display: flex;
+  justify-content: center;     
+  align-items: center;
+  flex-wrap: wrap;             
+  gap: 25px;               
+  list-style: none;            
+  padding: 0;
+  margin: 15px 0;
+}
 
 /* CSS Custom Properties for consistent theming */
 :root {

bihar-culture-landing/style.css

@@ -104,7 +104,7 @@ <h2>Explore Bihar on the Map</h2>
   </main>
 
   <!-- Footer -->
-  <footer>
+   <footer>
     <p>Contributors can add more tourist spots!</p>
     <p>&copy; 2025 Bihar Tourism. All rights reserved.</p>
   </footer>