Home
Sophia Baker
Subscribe to newsletter section

Subscribe to newsletter section

This tailwind example is contributed by Sophia Baker, on 19-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is Email campaign

Newsletter

Author Sophia Baker

10.6k

Fork Fullscreen

<div class="flex justify-center px-2 my-[20%] bg-gray-900">
    <div class="max-w-2xl px-3 py-5 rounded-2xl md:px-8 md:py-7">
        <h4 class="text-2xl font-semibold tracking-wide text-white lg:text-3xl">Want more UI goodness?</h4>
        <p class="max-w-xl mt-2 leading-relaxed text-blue-100 lg:text-lg">
            Sign up and get notified whenever new
            components get added to the collection.
        </p>
        <div class="my-4 sm:flex sm:flex-row sm:justify-evenly">
            <input class=" block w-full px-4 py-3 mt-3 text-gray-800 placeholder-gray-500 bg-white border border-gray-300 rounded-md appearance-none sm:max-w-xs focus:outline-none focus:ring focus:ring-blue-50 focus:border-blue-300" type="email" placeholder="Enter your email" value="">
            <button class="bg-blue-300 hover:bg-blue-200 block w-full py-3 mt-3 font-bold tracking-wide rounded shadow sm:ml-3 md:w-52 text-gray-900 focus">
                <span class="block ">Subscribe</span>
            </button>
        </div>
    </div>
</div>

Related Examples

Sign up for newsletter form

Author:
Amit Pachange

1 year ago

11.4k
Newsletter subscription form
with radial gradient background

Author:
Eamon Carter

1 year ago

10.2k
Tailwind Email Newsletter Form

Author:
Sameer Sultana

1 year ago

12.5k
Responsive newsletter

Author:
Simon Scheffer

2 years ago

8.8k
Simple Footer 3

Author:
Samuel Abera

5 months ago

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

2 days ago

15
Newsletter Subscription Form

Author:
Moriba Traore

1 year ago

10.8k
Newsletter Signup Form

Author:
R Thapa

1 year ago

7.9k
Basic newsletter section

Author:
Dipti narayan

1 year ago

6.9k
Newsletter subscription card

Author:
Samuel Dawson

2 years ago

9.5k
Newsletter
Newsletter section

Author:
Alok

2 years ago

10.2k
Clean newsletter

Author:
Lucas Martinez

2 years ago

10.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components