Home
Mr Robot
Basic footer

Basic footer

Basic footer with subscribe to the newsletter section

This tailwind example is contributed by Mr Robot, on 01-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Footer

Author Mr Robot

9.6k

Fork Fullscreen

<div class="bg-gray-100">
    <div class="max-w-screen-xl py-10 px-4 sm:px-6 text-gray-800 sm:flex justify-between mx-auto">
        <div class="p-5 sm:w-8/12">
            <h3 class="font-bold text-3xl text-indigo-600 mb-4">Componentity</h3>

<div class="flex text-gray-500 uppercase text-sm">
                <a href="#" class="mr-2 hover:text-indigo-600">Home</a>
                <a href="#" class="mr-2 hover:text-indigo-600">About Us</a>
                <a href="#" class="mr-2 hover:text-indigo-600">Contact Us</a>
                <a href="#" class="mr-2 hover:text-indigo-600">Support Us</a>
            </div>

</div>
        <div class="p-5 sm:w-4/12">
            <h3 class="font-medium text-lg text-indigo-600 mb-4">Subscribe to our Newsletter</h3>
            <form class="mt-4">
                <input class="border rounded w-full px-4 py-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" type="email" placeholder="username@email.com">
            </form>
        </div>
    </div>
    <div class="flex py-5 m-auto text-gray-800 text-sm flex-col items-center border-t max-w-screen-xl">
        <p>© Copyright 2020. All Rights Reserved.</p>
    </div>
</div>

Related Examples

Footer for blog
https://github.com/tailwindow/component

Author:
Prem..

3 years ago

18.1k
Simple footer

Author:
Piet Vriend

2 years ago

15.9k
Footer with social media buttons

Author:
Sophia Baker

3 years ago

13.8k
Basic footer

Author:
Mr Robot

3 years ago

14.6k
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.1k
Footer

Author:
Abdul Baset Bappy

5 months ago

478
Footer version Ousmane
Ce footer est associer a un menu de navigation qui apparait sous le mobile donc avec sa plus besoin de gerer les menus sous le mobile.

Author:
Ousmane CISSE

1 month ago

38
Four columns with address location
You can use this Tailwind Footer example to first show address location of your company with brand logo next to sitemap links.

Author:
Pagedone

1 year ago

2.3k
Footer with 3 sections

Author:
Mr Robot

2 years ago

13k
footer

Author:
Raul antonio de la cruz hernandez

1 week ago

16
Responsive Light Mode Footer Component
This is a fully responsive and reusable light-mode footer component designed by ABNahid Agency. Built with a clean structure and optimized for modern web applications, this footer features essential sections, including About, Services, Contact, and Social Links. Ideal for personal portfolios, business websites, or startup platforms—plug and play in your React or HTML project.

Author:
Abdul Jabbar Al Nahid

4 months ago

460
Footer with images

Author:
Mr Robot

2 years ago

9.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components