footer.php

<!-- Footer -->
<footer class="text-center text-lg-start bg-light text-muted">
  <!-- Sección: Redes Sociales -->
  <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">
    <!-- Redes sociales a la izquierda -->
    <div class="me-5 d-none d-lg-block">
      <span>Conéctate con nosotros en las redes sociales:</span>
    </div>
    <!-- Redes sociales a la derecha -->
    <div>
      <a href="#" class="me-4 text-reset">
        <i class="bi bi-facebook"></i>
      </a>
      <a href="#" class="me-4 text-reset">
        <i class="bi bi-twitter"></i>
      </a>
      <a href="#" class="me-4 text-reset">
        <i class="bi bi-google"></i>
      </a>
      <a href="#" class="me-4 text-reset">
        <i class="bi bi-instagram"></i>
      </a>
      <a href="#" class="me-4 text-reset">
        <i class="bi bi-linkedin"></i>
      </a>
      <a href="#" class="me-4 text-reset">
        <i class="bi bi-github"></i>
      </a>
    </div>
  </section>
  <!-- Sección: Links  -->
  <section class="">
    <div class="container text-center text-md-start mt-5">
      <div class="row mt-3">
        <!-- Columna 1 -->
        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
          <!-- Contenido del footer -->
          <h6 class="text-uppercase fw-bold mb-4">
            <i class="bi bi-gem me-3"></i>Frutería del Barrio
          </h6>
          <p>
            Las mejores frutas frescas directo de los agricultores de Valencia a tu mesa.
          </p>
        </div>
        <!-- Columna 2 -->
        <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
          <!-- Links -->
          <h6 class="text-uppercase fw-bold mb-4">
            Productos
          </h6>
          <p>
            <a href="#" class="text-reset">Frutas</a>
          </p>
          <p>
            <a href="#" class="text-reset">Verduras</a>
          </p>
          <p>
            <a href="#" class="text-reset">Ofertas</a>
          </p>
        </div>
        <!-- Columna 3 -->
        <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
          <!-- Links -->
          <h6 class="text-uppercase fw-bold mb-4">
            Enlaces Útiles
          </h6>
          <p>
            <a href="/4profile/main_profile.php" class="text-reset">Tu cuenta</a>
          </p>
          <p>
            <a href="#" class="text-reset">Afíliate</a>
          </p>
          <p>
            <a href="#" class="text-reset">Tarifas de envío</a>
          </p>
          <p>
            <a href="#" class="text-reset">Ayuda</a>
          </p>
        </div>
        <!-- Columna 4 -->
        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
          <!-- Información de contacto -->
          <h6 class="text-uppercase fw-bold mb-4">
            Contacto
          </h6>
          <p><i class="bi bi-house-door me-3"></i> Valencia, España</p>
          <p>
            <i class="bi bi-envelope me-3"></i>
            info@fruteriadelbarrio.com
          </p>
          <p><i class="bi bi-phone me-3"></i> +34 123 456 789</p>
        </div>
      </div>
    </div>
  </section>
  <!-- Derechos de autor -->
  <div class="text-center p-4">
    © 2024 Copyright:
    <a class="text-reset fw-bold" href="https://indianala.com">indianala.com</a>
  </div>
</footer>
<!-- Fin del footer -->