footer.html

<!-- Footer Start -->
<div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5">
  <div class="container py-5">
    <div
      class="pb-4 mb-4"
      style="border-bottom: 1px solid rgba(226, 175, 24, 0.5)"
    >
      <div class="row g-4">
        <div class="col-lg-3">
          <a href="index.html">
            <h1 class="text-primary mb-0">E&J Minimarket</h1>
            <p class="text-secondary mb-0">Productos de calidad</p>
          </a>
        </div>
        <div class="col-lg-6">
          <div class="position-relative mx-auto">
            <input
              class="form-control border-0 w-100 py-3 px-4 rounded-pill"
              type="number"
              placeholder="Your Email"
            />
            <button
              type="submit"
              class="btn btn-primary border-0 border-secondary py-3 px-4 position-absolute rounded-pill text-white"
              style="top: 0; right: 0"
            >
              Subscribe Now
            </button>
          </div>
        </div>
        <div class="col-lg-3">
          <div class="d-flex justify-content-end pt-3">
            <a
              class="btn btn-outline-secondary me-2 btn-md-square rounded-circle"
              href=""
              ><i class="fab fa-twitter"></i
            ></a>
            <a
              class="btn btn-outline-secondary me-2 btn-md-square rounded-circle"
              href=""
              ><i class="fab fa-facebook-f"></i
            ></a>
            <a
              class="btn btn-outline-secondary me-2 btn-md-square rounded-circle"
              href=""
              ><i class="fab fa-youtube"></i
            ></a>
            <a
              class="btn btn-outline-secondary btn-md-square rounded-circle"
              href=""
              ><i class="fab fa-linkedin-in"></i
            ></a>
          </div>
        </div>
      </div>
    </div>
    <div class="row g-5">
      <div class="col-lg-3 col-md-6">
        <div class="footer-item">
          <h4 class="text-light mb-3">Por qué la gente nos prefiere?</h4>
          <p class="mb-4"></p>
          <a
            href="aboutus.html"
            class="btn border-secondary py-2 px-4 rounded-pill text-primary"
            >Leer más</a
          >
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="d-flex flex-column text-start footer-item">
          <h4 class="text-light mb-3">Información de Tienda</h4>
          <a class="btn-link" href="aboutus.html">Sobre Nosotros</a>
          <a class="btn-link" href="contact.html">Contactanos</a>
          <a class="btn-link" href="">Politicas de privacidad</a>
          <a class="btn-link" href="">Terminos y condiciones</a>
          <a class="btn-link" href="">Politica de rembolsos</a>
          <a class="btn-link" href="">FAQS y Ayuda</a>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="d-flex flex-column text-start footer-item">
          <h4 class="text-light mb-3">Cuenta</h4>
          <a class="btn-link" href="">Mi cuenta</a>
          <a class="btn-link" href="">Detalles de compra</a>
          <a class="btn-link" href="">Carrito de compras</a>
          <a class="btn-link" href="">Lista de deseos</a>
          <a class="btn-link" href="">Historial de ordenes</a>
          <a class="btn-link" href=""></a>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="footer-item">
          <h4 class="text-light mb-3">Contacto</h4>
          <p>Dirección: Jr. Huancayo 209</p>
          <p>Correo: info@tiendaeyj.com</p>
          <p>Teléfono: 923291773</p>
          <p>Formas de pago aceptadas:</p>
          <img src="img/payment.png" class="img-fluid" alt="" />
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Footer End -->