Home
Anonymous
Basic footer

Basic footer

Simple footer with follow us section

This tailwind example is contributed by Anonymous, on 25-Jun-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Footer

Author Anonymous

2.2k

Fork Fullscreen

<footer class="bg-gray-800 text-white py-8">
    <div class="container mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            <div>
                <h4 class="text-lg font-bold mb-4">YourApp</h4>
                <p>YourApp is the all-in-one solution for productivity and team collaboration.</p>
            </div>
            <div>
                <h4 class="text-lg font-bold mb-4">Quick Links</h4>
                <ul class="space-y-2">
                    <li><a href="#" class="hover:text-gray-300">Features</a></li>
                    <li><a href="#" class="hover:text-gray-300">Pricing</a></li>
                    <li><a href="#" class="hover:text-gray-300">Blog</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-lg font-bold mb-4">Contact Us</h4>
                <ul class="space-y-2">
                    <li><a href="#" class="hover:text-gray-300">support@yourapp.com</a></li>
                    <li><a href="#" class="hover:text-gray-300">+1-555-123-4567</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-lg font-bold mb-4">Follow Us</h4>
                <div class="flex space-x-4">
                    <a href="#" class="hover:text-blue-400"><i class="fab fa-facebook fa-lg"></i></a>
                    <a href="#" class="hover:text-blue-400"><i class="fab fa-twitter fa-lg"></i></a>
                    <a href="#" class="hover:text-pink-500"><i class="fab fa-instagram fa-lg"></i></a>
                </div>
            </div>
        </div>
        <div class="text-center mt-8">
            <p>© 2023 YourApp. All rights reserved.</p>
        </div>
    </div>
</footer>

Related Examples

Simple footer

Author:
Piet Vriend

3 years ago

16.1k
Modern Website Header & Footer
I created a professional header and footer using HTML and Tailwind CSS with modern design elements, smooth animations, and interactive features.

Author:
Rathanak Phan

8 months ago

1.6k
Four columns with subscribe form
Use this example for four column footer with subscribe form, brand logo, sitemap links and social media accounts.

Author:
Pagedone

1 year ago

2.5k
Modern Dark Footer with Overlapping Gradient CTA
A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

Author:
Hamza Atig

10 months ago

1.1k
beautifull portfolio page
I create a portfolio page

Author:
Akram Khan

1 year ago

2.1k
Footer with App buttons
This example can be used if you want add your app buttons of store for download with brand logo, sitemap links and social media accounts.

Author:
Pagedone

1 year ago

2.7k
Footer
A simple footer with link adjustment for smartphones

Author:
Matti

1 year ago

1.4k
Call to Action (for app stores)
Download app section with Playstore and Appstore button

Author:
Ron Hicks

3 years ago

11.6k
Responsive footer
Standard footer format

Author:
Emre Yılmaz

2 years ago

3.3k
Footer (Tailwind UI)

Author:
Gopi Yadav

3 years ago

12.5k
Horizontal footer with dark version
Use this example for simple horizontal layout of footer in dark version with brand logo, sitemap links and social media accounts.

Author:
Pagedone

1 year ago

3.5k
Responsive eCommerce Footer Component with Tailwind CSS
A modern, fully responsive eCommerce footer component built with Tailwind CSS. It includes multiple sections like company info, account links, help center, categories, social media icons, payment methods, and app download buttons. Optimized for seamless mobile and desktop experiences, making it perfect for any online store or business website.

Author:
SHARIFUL ISLAM

1 year ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components