Home
Abdul Baset Bappy
Call to Action

Call to Action

This tailwind example is contributed by Abdul Baset Bappy, on 19-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner,Email campaign

Call to Action Newsletter

Author Abdul Baset Bappy

391

Fork Fullscreen

<section class="py-10 bg-gray-100 sm:py-16 lg:py-24">
    <div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
        <div class="text-center">
            <h2 class="text-3xl font-bold leading-tight text-black sm:text-4xl lg:text-5xl">Get full access to Celebration</h2>
            <p class="mt-4 text-2xl font-medium">130+ Hand Crafted Coded Blocks</p>

<a href="#" title="" class="inline-flex items-center justify-center w-full px-8 py-4 text-base font-semibold text-black transition-all duration-200 bg-transparent border border-black rounded-md sm:w-auto hover:bg-black hover:text-white focus:bg-black focus:text-white" role="button">
                    <svg class="w-5 h-5 mr-2 -ml-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
                    </svg>
                    Contact Sales
                </a>
            </div>

<p class="mt-6 text-base text-black">Already have an account? <a href="#" title="" class="text-blue-600 transition-all duration-200 hover:text-blue-700 focus:text-blue-700 hover:underline">Log in</a></p>
        </div>
    </div>
</section>

Related Examples

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

Author:
TailwindFlex

2 years ago

7.7k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

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

5 months ago

628
Simple Footer 3

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

10 months ago

1.6k
Simple Btn animation

Author:
Ranit Saha

8 months ago

1.5k
Landing page hero section UI
Modern Hero Section Design

Author:
UI-Templates

12 hours ago

16
Sign up for newsletter form

Author:
Amit Pachange

2 years ago

11.8k
E-Commerce Delivery Truck Animation
This responsive CSS animation showcases a delivery bus transporting a package to its destination, created entirely with Tailwind CSS and pure HTML. The animation features

Author:
Bonimater

4 months ago

715
Join Our Community Banner
Encourage users to become members of a community.

Author:
Diego Chavez

2 years ago

8.3k
Simple call to action

Author:
Laurits

2 years ago

9.5k
gaming profile.
gaming profile.

Author:
Bonimater

1 month ago

269
Newsletter
This template ensures your newsletter stands out with smooth animations, professional design, and a responsive layout.

Author:
ishimwe shadad

4 months ago

309

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components