→ Anonymous
→ Footer

Footer

Footer de Bootstrap con enlaces rápidos, contacto y redes sociales, usando íconos para mejor navegación. Diseño limpio y responsivo. 🚀

This bootstrap css example is contributed by Anonymous, on 19-Feb-2025. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Footer

Author Anonymous

5.4k

v.4.6

Fork Fullscreen

<footer class="mt-auto bg-dark text-white pt-4 pb-4">
    <div class="container">
        <div class="row">
            
            <div class="col-md-3 mb-3">
                <h5>Sobre Nosotros</h5>
                <p>Somos un sitio dedicado a ofrecerte los mejores productos con envíos a todo el país.</p>
            </div>

<div class="col-md-3 mb-3">
                <h5>Enlaces Rápidos</h5>
                <ul class="list-unstyled">
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">
                            <i class="bi bi-house"></i> Inicio
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">
                            <i class="bi bi-info-circle"></i> Nosotros
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">
                            <i class="bi bi-envelope"></i> Contacto
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white"  href="#">
                            <i class="bi bi-shield-lock"></i> Políticas
                        </a>
                    </li>
                </ul>
            </div>

<div class="col-md-3 mb-3">
                <h5>Contacto</h5>
                <ul class="list-unstyled">
                    <li><i class="bi bi-geo-alt-fill"></i> Av. Siempre Viva 742, Springfield</li>
                    <li><i class="bi bi-telephone-fill"></i> +54 9 11 1234-5678</li>
                    <li><i class="bi bi-envelope-fill"></i> soporte@Ecommerce.com</li>
                </ul>
            </div>

<div class="col-md-3 mb-3">
                <h5>Síguenos</h5>
                <ul class="list-inline">
                    <li class="list-inline-item"><a href="https://www.facebook.com/tu_pagina" class="text-white"><i class="bi bi-facebook fs-4"></i></a></li>
                    <li class="list-inline-item"><a href="https://twitter.com/tu_cuenta" class="text-white"><i class="bi bi-twitter fs-4"></i></a></li>
                    <li class="list-inline-item"><a href="https://www.instagram.com/tu_cuenta" class="text-white"><i class="bi bi-instagram fs-4"></i></a></li>
                    <li class="list-inline-item"><a href="https://www.linkedin.com/company/tu_empresa" class="text-white"><i class="bi bi-linkedin fs-4"></i></a></li>
                </ul>
            </div>
        </div>

<div class="row">
            <div class="col-md-12 text-center">
                <p class="mb-0">&copy; 2025 Ecommerce. Todos los derechos reservados.</p>
            </div>
        </div>
    </div>
</footer>

More Examples

Elon Musk
nav and footer

Author:
RAHAT RAHMAN OFICIAL

1 day ago

29

v.4.6
Clean Modern Footer Design with Social Media
Elegant light-themed footer with interactive elements, newsletter signup, and social media integration built with Bootstrap 5.3.

Author:
Isaac Winslow

1 year ago

5.7k

v.5.3
3213
gg

Author:
L-1485

1 month ago

181

v.4.6
Bootstrap copyright footer

Author:
Anonymous

1 year ago

4.6k

v.5.3
Footer example made with Bootstrap 5.3
Dark theme

Author:
Arturo

1 year ago

9k

v.5.3
Footer with social media icons

Author:
Omar Khaled

1 year ago

8.1k

v.5.3
Footer
Simple footer with social icons

Author:
Anonymous

10 months ago

2.6k

v.5.3
Footer
Simple footer with social icons

Author:
Prajwal Hallale

2 years ago

16k

v.5.3
Bootstrap Footer example
dark footer

Author:
Anonymous

2 years ago

4.5k

v.3.4
Elegant Bootstrap Footer
with social media icons, newsletter forms, and other important links

Author:
Mateo Rojas

1 year ago

4.8k

v.5.3
footer
tui copy korle guru chor

Author:
rimon majumder

22 hours ago

18

v.4.6
Responsive footer using HTML and Bootstrap:
HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.

Author:
zobaidul kaziex

1 year ago

9.7k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent