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

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.2k
Simple footer

Author:
Piet Vriend

2 years ago

15.9k
Footer with social media buttons

Author:
Sophia Baker

3 years ago

13.9k
Basic footer

Author:
Mr Robot

3 years ago

14.7k
Default Tailwind Footer
Use this example of a footer section divided in five columns with brand logo, desciption, sitemap links and social media accounts.

Author:
Pagedone

1 year ago

2.9k
Clean & Responsive Footer Design with Tailwind CSS With CTA Button
modern and responsive footer built with Tailwind CSS to enhance website navigation, accessibility, and user experience. Featuring quick links, social media icons, copyright info, and a sleek layout, this SEO-friendly footer improves engagement and usability across all devices. Perfect for portfolios, business websites, and eCommerce stores!

Author:
Abdul Baset Bappy

9 months ago

676
canvas fully covers
canvas fully covers

Author:
Balogun David Olajuwon

7 months ago

756
Footer with mobile accordion
A modern dark-themed footer component built with Tailwind CSS, featuring a responsive 5-column grid layout for desktop that transforms into an accordion menu on mobile devices. Perfect for beverage, e-commerce, or corporate websites, it includes organized navigation categories, hover effects on links, social media integration, and a clean copyright section - all styled with a professional stone-gray color scheme.

Author:
Maxim

11 months ago

1.3k
footer
footer

Author:
Anonymous

8 months ago

1.7k
Footer

Author:
Abdul Baset Bappy

6 months ago

486
beautifull web page
I create a web page using cloude ai its amazing.

Author:
Akram Khan

1 year ago

3k
portifolio
skills

Author:
ishimwe prince

7 months ago

748

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components