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

8.1k

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..

2 years ago

14.3k
Simple footer

Author:
Piet Vriend

1 year ago

13.3k
Footer with social media buttons

Author:
Sophia Baker

2 years ago

11.5k
Basic footer

Author:
Mr Robot

1 year ago

11.7k
Tailwind Footer with dark version
This example can be used if you are looking for four column footer in dark version with sitemap links, brand logo, and social media accounts.

Author:
Pagedone

6 months ago

1.2k
Responsive footer

Author:
Lukas Müller

1 year ago

9.8k
beautifull portfolio page
I create a portfolio page

Author:
Akram Khan

4 months ago

800
Small Footer

Author:
Abhijit Sen

1 year ago

9.9k
Simple footer

Author:
jdherron1

11 months ago

4.2k
Centered footer with CTA
Use this Tailwind CSS footer compoent for simple footer with center aligned everything and with CTA buttons.

Author:
Pagedone

6 months ago

680
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

6 months ago

1.3k
footer

Author:
isolde

11 months ago

5k

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent