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

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

12.2k
Subscribe to our newsletter section

Author:
Bunny

3 years ago

10.3k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2.9k
Newsletter Signup Form

Author:
R Thapa

2 years ago

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

10 months ago

1.1k
Simple Footer 2

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

2k
Subscribe to newsletter section

Author:
Leon Bachmann

3 years ago

11.8k
Newsletter Subscription Card

Author:
Anonymous

1 year ago

1.4k
Clean newsletter

Author:
Lucas Martinez

3 years ago

11.6k
Responsive newsletter

Author:
Simon Scheffer

3 years ago

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

Author:
yousef

1 year ago

2.6k
Responsive newsletter

Author:
Piet Vriend

3 years ago

9.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components