Home
Sophia Baker
Call to action

Call to action

This tailwind example is contributed by Sophia Baker, on 12-Dec-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner

Call to Action

Author Sophia Baker

10.8k

Fork Fullscreen

<div class="py-8 px-4 mx-auto sm:py-16 lg:px-6 bg-green-50 mt-40">
    <div class="mx-auto max-w-screen-sm text-center">
        <h2 class="mb-4 text-3xl tracking-tight font-bold leading-tight text-green-800">Start your
            free trial today</h2>
        <p class="mb-6 text-green-700 md:text-lg">Try now. 30-day money-back guarantee</p>

<a href="#"
            class="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-500 ">
            Get started
            <svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
                    clip-rule="evenodd"></path>
            </svg>
        </a>
    </div>
</div>

Related Examples

Call to action section with image

Author:
Emily Tan

3 years ago

12k
Hero Section
Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.

Author:
KULDEEP

7 months ago

1.5k
Promotion Block
It features a large, centered title, a brief description, and a prominent CTA button, all centered within a visually appealing layout.

Author:
Computer guy

2 years ago

7.8k
Call to action (CTA) section
Modern and clean CTA section

Author:
Bunny

2 years ago

11.9k
Sign In Form
Clean and modern Sign In form with email, password, and "Forgot password" link. Fully responsive and styled with Tailwind CSS, perfect for SaaS platforms.

Author:
Lekhraj Ghimire

7 months ago

694
Call to action
CTA

Author:
inbarajan P

1 year ago

1.9k
REGISTER - CTA - SECTION animation

Author:
ABDO-SY

10 months ago

680
Hero section with button

Author:
Samuel Dawson

3 years ago

12.8k
Animated Call-to-Action Section
Enhance your website with this , animated CTA section. Includes a gradient text animations, and a stylish avatar group. Easily customizable and designed to improve user engagement. Get the source code now.

Author:
Homayoun

4 months ago

334
Highlighted Important section with button

Author:
Amit Pachange

3 years ago

9.9k
Component-[callToAction]

Author:
Matti

1 year ago

983
CTA Search Section
CTA search form

Author:
EliteAI Tools

1 year ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components