Home
Bunny
Subscribe to our newsletter section

Subscribe to our newsletter section

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

Newsletter

Author Bunny

9.5k

Fork Fullscreen

<div class="max-w-screen-xl mx-auto px-4 py-12 sm:px-6 lg:py-16 lg:px-8">
    <div class="px-6 py-6 rounded-lg md:py-12 md:px-12 lg:py-16 lg:px-16 xl:flex xl:items-center"
        style="background-color: #483786">
        <div class="xl:w-0 xl:flex-1">
            <h2 class="text-2xl leading-8 font-extrabold tracking-tight text-white sm:text-3xl sm:leading-9">
                Get the latest updates!
            </h2>
            <p class="mt-3 max-w-3xl text-lg leading-6 text-indigo-200">
                Subscribe to our newsletter and stay updated on the latest developments.
            </p>
        </div>
        <div class="mt-8 sm:w-full sm:max-w-md xl:mt-0 xl:ml-8">
            <div id="mc_embed_signup">
                <form class="sm:flex">
                    <input class="required rounded-md w-full px-4 py-2 email" id="mce-EMAIL"placeholder="Enter your email" required="" type="email" value="" aria-required="true">
                    <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
                        <button class="w-full flex items-center justify-center px-5 py-3 text-base leading-6
                            font-medium rounded-md text-white bg-indigo-500 focus:ring
                            hover:bg-indigo-400 focus:outline-none focus:bg-indigo-400
                            transition duration-150 ease-in-out"  type="submit">
                                Subscribe
                            </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

Related Examples

Newsletter subscription form
with radial gradient background

Author:
Eamon Carter

1 year ago

10.5k
Sign up for newsletter form

Author:
Amit Pachange

2 years ago

11.6k
Subscription
Subscription list

Author:
Abhiraj

4 months ago

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

Author:
ORGIN_DREAMS

4 weeks ago

146
Newsletter form

Author:
Leon Bachmann

2 years ago

9.7k
cards
html , css ,

Author:
Hacker Development

1 month ago

176
Beta Program Signup Section
Collect user emails for your app

Author:
yousef

1 year ago

1.7k
Clean newsletter

Author:
Lucas Martinez

2 years ago

11k
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
Responsive newsletter

Author:
Piet Vriend

2 years ago

9.3k
Newsletter Subscription Form

Author:
Moriba Traore

2 years ago

10.9k
Subscribe to newsletter section

Author:
Sophia Baker

2 years ago

10.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components