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

11.9k
CTA Call To Action
CTA stands for "Call to Action." It is a marketing term that refers to prompts that encourage users to take a specific action. CTAs are typically found in websites, advertisements, emails, and various marketing materials. The goal of a CTA is to guide users toward a desired action that supports business objectives, such as: 1. Encouraging Engagement: A CTA may prompt users to sign up for a newsletter, follow on social media, or download a resource. 2. Driving Conversion: It can lead users to make a purchase, book a service, or start a free trial. 3. Generating Leads: A CTA might encourage users to fill out a form, requesting more information or a consultation.

Author:
KULDEEP

7 months ago

708
Responsive CTA
Tailwind CTA card

Author:
Dika Rahman

1 year ago

2.4k
Call to action
CTA

Author:
inbarajan P

1 year ago

1.9k
Call to Action
CTA with Dark and Shadow colors

Author:
KULDEEP

7 months ago

995
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.3k
Responsive About Section with Tailwind CSS
Built a sleek and fully responsive About Section for my portfolio using Tailwind CSS! 🚀 Designed for smooth adaptability across all screen sizes with a modern and minimal aesthetic. Perfect for showcasing skills, experience, and a personal touch!

Author:
Abdul Baset Bappy

10 months ago

1.5k
Call to action section

Author:
Leon Bachmann

3 years ago

6.8k
Greeting Card with CTA
card with two actions with greeting msg according to time

Author:
Amit Pachange

2 years ago

7.9k
ArtoGallery
Explore a curated selection of contemporary and classic artwork, connecting collectors and creators in an inspiring online space.

Author:
ORGIN_DREAMS

8 months ago

1.1k
Product Page
Showcase for the product.

Author:
muhamadrofii911

1 year ago

2.4k
Component-[callToAction]

Author:
Matti

1 year ago

961

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components