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

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.9k
Best chat prompt

Author:
ORGIN_DREAMS

5 months ago

408
cards
html , css ,

Author:
Hacker Development

6 months ago

603
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

6 months ago

744
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2.5k
Simple Footer 3

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

11 months ago

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

8 months ago

1.1k
Code Editor UI
Simple code editor prototype made with HTML and TailwindCSS. A lightweight template to explore and customize.

Author:
Indra

2 months ago

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

Author:
TailwindFlex

2 years ago

7.9k
Newsletter subscription card

Author:
Samuel Dawson

2 years ago

10k
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

2 weeks ago

312
Subscribe to newsletter section

Author:
Leon Bachmann

2 years ago

11.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components