Home
Emdadul Islam
Modern responsive Newsletter form

Modern responsive Newsletter form

Responsive newsletter subscriber form

This tailwind example is contributed by Emdadul Islam, on 04-Jun-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are CTA,banner,Email campaign

Call to Action Form Newsletter

Author Emdadul Islam

938

Fork Fullscreen

<section>
  
  <div class="mx-auto w-full max-w-7xl px-5 py-16 md:px-10 md:py-24 lg:py-32">
    
    <div class="bg-blue-50 p-8 text-center sm:p-10 md:p-16">
      
      <h2 class="mb-4 text-3xl font-bold md:text-5xl">Join the TailwindFlex Community</h2>
      <p class="mx-auto mb-6 max-w-2xl text-[#647084] md:mb-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna</p>
      
      <form name="email-form" method="get" class="relative mx-auto mb-4 flex w-full max-w-2xl flex-col items-start justify-center sm:flex-row">
        <input type="email" class="mb-3 mr-6 block h-9 w-full bg-white px-6 py-7 text-sm text-[#333333] focus:border-[#3898ec]" placeholder="Enter your email" required="" />
        <input type="submit" value="Subscribe" class="inline-block w-full cursor-pointer bg-[#276ef1] px-6 py-3 text-center font-semibold text-white transition [box-shadow:rgb(171,_196,_245)_-8px_8px] hover:[box-shadow:rgb(171,_196,_245)_0px_0px] sm:w-28" />
      </form>
    </div>
  </div>
</section>

Related Examples

Sign up for newsletter form

Author:
Amit Pachange

1 year ago

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

Author:
TailwindFlex

1 year ago

6.8k
Domain For Sale Template
Domain For Sale Template

Author:
Geoffrey Callaghan

9 months ago

2.6k
Waitlist signup form

Author:
Anonymous

9 months ago

2.5k
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Author:
Ameth Galarcio

4 months ago

1k
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

Author:
Samuel Abera

7 months ago

5.7k
Minimalistic hero section

Author:
Sophia Baker

1 year ago

10.3k
Call to action

Author:
Piet Vriend

1 year ago

9.4k
Call to Action section
CTA with clear message and big button

Author:
Curtis Bickler

1 month ago

228
Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

Author:
R Thapa

1 year ago

13.6k
Simple login page template

Author:
Freja Jensen

1 year ago

10.9k
Profile Form
Stunning Profile and Cover Image Fields

Author:
Samuel Abera

7 months ago

2.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent