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

11.3k

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

2 years ago

12k
Newsletter subscription form
with radial gradient background

Author:
Eamon Carter

2 years ago

11.2k
Subscribe to our newsletter section

Author:
Bunny

3 years ago

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

9 months ago

1.1k
Newsletter
Newsletter section

Author:
Alok

3 years ago

10.9k
Beta Program Signup Section
Collect user emails for your app

Author:
yousef

1 year ago

2.6k
Basic newsletter section

Author:
Dipti narayan

2 years ago

7.4k
Newsletter form with SVG gradient background

Author:
Erik Hyatt

2 years ago

12.1k
Subscribe to Newsletter
Subscribe to Newsletter section with minimal design and black and white colors

Author:
Leon Bachmann

3 years ago

11.5k
Subscription
Subscription list

Author:
Abhiraj

11 months ago

849
newsletter
Subscribe to our newsletter for latest updates and offers.

Author:
ORGIN_DREAMS

8 months ago

768
Newsletter section

Author:
Anonymous

2 years ago

8.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components