→ zobaidul kaziex
→ Responsive footer using HTML and Bootstr...

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.

This bootstrap css example is contributed by zobaidul kaziex, on 05-Sep-2024. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Footer

Author zobaidul kaziex

10.6k

v.4.6

Fork Fullscreen

<body>
    
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p>&copy; 2024 Your Company. All Rights Reserved.</p>
                </div>
                <div class="col-md-6">
                    <div class="social-icons">
                        <a href="#" class="fab fa-facebook-f" title="Facebook"></a>
                        <a href="#" class="fab fa-twitter" title="Twitter"></a>
                        <a href="#" class="fab fa-linkedin-in" title="LinkedIn"></a>
                        <a href="#" class="fab fa-instagram" title="Instagram"></a>
                    </div>
                    <div class="footer-links">
                        <a href="#">Privacy Policy</a>
                        <a href="#">Terms of Service</a>
                        <a href="#">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>
    </footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/js/all.min.js"></script>
</body>

More Examples

portfolio

Author:
lamiajahan

2 months ago

151

v.4.6
Footer

Author:
DOLA AKTER

4 months ago

345

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

Author:
Mateo Rojas

1 year ago

5.5k

v.5.3
Footer Template with NewsletterForm
Professional footer component with newsletter signup, social media integration, and responsive design built with Bootstrap 5.3.

Author:
Isaac Winslow

1 year ago

7.4k

v.5.3
footer with js

Author:
Huryra

2 months ago

167

v.4.6
Service section

Author:
Md. Hasibur Rahman

2 months ago

178

v.4.6
E-com Cart Page

Author:
Creative Araf

2 months ago

106

v.5.3
Gradient Footer Component
A modern, responsive footer component with a smooth gradient background, social icons, quick links, and newsletter subscription - perfect for contemporary web applications.

Author:
Alaric Sloane

1 year ago

4.5k

v.5.3
Personal Portfolio --Portfolio Section

Author:
Creative Araf

2 months ago

295

v.5.3
Contact_All_Contanet

Author:
Sahin Miah

4 months ago

372

v.4.6
E-Commerce Cart Section

Author:
Creative Araf

2 months ago

266

v.5.3
footer(date-time)
footer(date-time)

Author:
Mustaq hussin

2 months ago

359

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent