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

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

11.6k
cards
html , css ,

Author:
Hacker Development

1 month ago

176
Responsive Form
This modern, fully responsive account creation form is designed using HTML and Tailwind CSS, ensuring a clean, professional, and accessible user experience. It features a card-based layout with smooth spacing, a subtle shadow effect, and a structured grid system for optimal responsiveness across all devices.

Author:
Rajesh Maheshwari

3 months ago

602
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

1.9k
Simple Footer 2

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

7 months ago

1.4k
Newsletter example

Author:
Task Master

2 years ago

9k
Newsletter Signup Form

Author:
R Thapa

1 year ago

8.1k
Simple Footer 3

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

7 months ago

1.4k
Email newsletter section

Author:
Samuel Dawson

2 years ago

8.8k
Newsletter Signup Form
It features a clean and modern design with a background illustration, making it visually appealing.

Author:
TailwindFlex

1 year ago

7.5k
newsletter
Subscribe to our newsletter for latest updates and offers.

Author:
ORGIN_DREAMS

4 weeks ago

146
Subscribe to our newsletter section

Author:
Bunny

2 years ago

9.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components