<footer class="container-fluid bg-footer mt-5">
  <div class="container pt-3 poppins">
    <div class="row">
      <div class="col-lg-8">
        <h4 class="fw-bold">Redapple</h4>
        <div class="d-flex text-secondary my-2 flex-wrap">
          <a href="#" class="mx-3 text-decoration-none text-secondary fw-semibold my-2">Delivery Hours</a>
          <a href="#" class="mx-3 text-decoration-none text-secondary fw-semibold my-2">Delivery Locations</a>
          <a href="#" class="mx-3 text-decoration-none text-secondary fw-semibold my-2">Store Timings</a>
          <a href="#" class="mx-3 text-decoration-none text-secondary fw-semibold my-2">About Us</a>
          <a href="#" class="mx-3 text-decoration-none text-secondary fw-semibold my-2">My Profile</a>
        </div>

        <div class="row mt-3">
          <div class="col-lg-6">
            <h6>Contact Us</h6>
            <div class="d-flex my-3">
              <button class="btn btn-light shadow-lg rounded-pill mx-2 d-small-none">
                <i class="fa-brands fa-whatsapp text-danger mx-2"></i>
                <span class="poppins">Chat</span>
              </button>
              <button class="btn btn-light shadow-lg rounded-pill mx-2 d-small-none">
                <i class="fa-solid fa-phone text-danger mx-2"></i>
                <span class="poppins">021-111-222-333</span>
              </button>
            </div>
          </div>
          <div class="col-lg-6">
            <h6>Address</h6>
            <p class="fw-bold" style="font-size:12px;">
              FLAT NO. 8, PLOT NO. D-12, AL-JAFFER APPARTMENTS, BLOCK-05, KEHKASHAN
            </p>
          </div>
        </div>
      </div>

      <div class="col-lg-4">
        <h6>Download the app</h6>
        <div class="d-flex align-items-center mb-3">
          <img src="./Media/pngegg.png" alt="Apple Store" width="150" />
          <img src="./Media/pngwing.com.png" alt="Google Play" width="150" />
        </div>
        <h6>Accepted Payments</h6>
        <div class="d-flex align-items-center">
          <img src="./Media/money.png" alt="Card" width="50" />
          <img src="./Media/visa.png" alt="Visa" width="50" />
        </div>
      </div>
    </div>

    <div class="container my-2" style="border-top:1px solid gray; border-bottom:1px solid gray;">
      <div class="d-flex justify-content-between py-1 flex-wrap">
        <div class="d-flex text-secondary">
          <a href="#" class="mx-3 text-decoration-none text-secondary my-2">
            <i class="fa-brands fa-whatsapp fs-5"></i>
          </a>
          <a href="#" class="mx-3 text-decoration-none text-secondary my-2">
            <i class="fa-brands fa-facebook fs-5"></i>
          </a>
        </div>

        <div class="d-flex text-secondary">
          <a href="#" class="mx-2 text-decoration-none text-secondary my-2" style="font-size:11px;">Terms of Services</a>
          <a href="#" class="mx-2 text-decoration-none text-secondary my-2" style="font-size:11px;">Privacy Policy</a>
          <a href="#" class="mx-2 text-decoration-none text-secondary my-2" style="font-size:11px;">Returns & Refunds</a>
        </div>
      </div>
    </div>

    <div class="container my-2">
      <div class="d-flex justify-content-between py-1 flex-wrap">
        <p class="text-secondary fw-semibold mb-0">
          2024 - Redapple by NOMAN LODHI. All Rights Reserved
        </p>
        <p class="text-secondary fw-semibold mb-0">
          Shop powered by 
          <a class="text-warning pacifico" href="https://plutexx.com.pk/" target="_blank">
            Plutexx
          </a>
        </p>
      </div>
    </div>
  </div>
</footer>

  </body>
  <script src="./js/main.js"></script>
  <script src="./js/index.js"></script>
</html>