<footer >
 
    <div class="row card-top gy-4">
      
      <!-- Logo & Description -->
      <div class="col-lg-4 col-md-6 footer" data-aos="fade-right">
       <a href="index.php">
  <img src="assets/images/footer-logo.svg" alt="Logo" style="max-width: 640px; cursor: pointer;">
</a>
        <p class="small">
          Shakedown Street is a living celebration of art, music, and family. 
          Rooted in the ethos of the Grateful Dead, we honor the spirit of kindness, freedom, 
          and creativity that turns strangers into family and gatherings into community.
        </p>
      </div>
      

      <!-- Quick Links -->
      <div class="col-lg-4 col-md-6  quick" data-aos="fade-up" data-aos-delay="200">
        <h5 >QUICK LINKS</h5>
        <ul class="list-unstyled ">
            <li><a href="about-us.php" class=" d-block py-1 ">About Us</a></li>
            <li><a href="music-hub.php" class=" d-block py-1 ">Music Hub</a></li>
          <li><a href="#" class=" d-block py-1 ">Privacy Policy</a></li>
          <li><a href="#" class=" d-block py-1">Terms of Use</a></li>
          <li><a href="#" class=" d-block py-1">Copyright</a></li>
          <li><a href="#" class=" d-block py-1">Disclaimer</a></li>
          <li><a href="#" class=" d-block py-1">Returns & Refunds</a></li>
          <li><a href="#" class=" d-block py-1">Shipping Information</a></li>
          <li><a href="#" class=" d-block py-1">Accessibility Statement</a></li>
          <li><a href="#" class=" d-block py-1">Contact Us</a></li>
           <li><a href="page-rules.php" class=" d-block py-1">Page Rules</a></li>
        </ul>
        
<div class="line-1"></div>
<div class="line-2"></div>
      </div>

      <!-- Image & Button -->
      <div class="col-lg-4 col-12  footer-img " data-aos="fade-left" data-aos-delay="400">
  <!-- Footer Image -->
  <img src="assets/images/footer-img.png" alt="" class="img-fluid mb-3" style="max-width: 400px;">

  <!-- Vendors Button -->
  <a href="vendor.php" class="btn btn-success  fw-bold footer-btn">
     VENDORS APPLICATION
  </a>

  <!-- Social Media Icons -->
  <div class="footer-icon-div mt-3">
    <a href="#" class="mx-2  footer-icon"><i class="bi bi-facebook"></i></a>
    <a href="#" class="mx-2  footer-icon"><i class="bi bi-instagram"></i></a>
    <a href="#" class="mx-2  footer-icon-x"><i class="fa-brands fa-x-twitter"></i></a>
    <a href="#" class="mx-2  footer-icon"><i class="bi bi-youtube"></i></a>
    <a href="#" class="mx-2  footer-icon"><i class="bi bi-tiktok"></i></a>
  </div>
</div>

    <!-- Footer Bottom -->
   
    <div class="text-left small text-white" >
  Powered by 
  <a href="https://webdesignsigma.com/" target="_blank" rel="noopener noreferrer" class="text-white" style="text-decoration: none;">
    Web Design Sigma
  </a>
</div>


</footer>
<script>
  function showFileName(input) {
    const fileName = input.files[0]?.name || "Upload Music";
    document.getElementById('uploadText').textContent = fileName;
  }
</script>
