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

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

4 years ago

19.3k
Simple footer

Author:
Piet Vriend

3 years ago

16.5k
Footer with social media buttons

Author:
Sophia Baker

3 years ago

15k
Basic footer

Author:
Mr Robot

3 years ago

15.4k
Newsletter with address location
Use this example to first show brand logo card, then show address locations of your company, a newsletter sign-up form.

Author:
Pagedone

2 years ago

3.4k
Animated Website
Welcome to our animated and engaging website built with Tailwind CSS. We provide top-notch web design, development, SEO, and consulting services to help your business grow.

Author:
Nicole Shalom

1 year ago

1.7k
Standard footer
You can use this example for five column footer with social media accounts, sitemap links, copyright notice and brand logo.

Author:
Pagedone

2 years ago

3.5k
Footer with Member info
Use below footer tailwind template which show number of member who joins the community.

Author:
Pagedone

2 years ago

2.8k
Subscribe to our newsletter section

Author:
Conan Hilton

4 years ago

12k
Responsive Footer
This a full responsive footer made with tailwind

Author:
Pape Toulé Yade

2 years ago

2.7k
footer
Footer with contact info, navigation, account links, and social media icons.

Author:
Yasmin Rodrigues

2 years ago

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

Author:
Pagedone

2 years ago

2.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components