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

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

2 years ago

11.6k
Get the app section
Play store and App store buttons

Author:
Sophia Baker

2 years ago

9.5k
Clean CTA

Author:
Kofi Osei

2 years ago

11.4k
CTA banner
With fading bg gradient

Author:
Lautaro Gómez

1 year ago

1.1k
Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

269
Call to action section with image

Author:
Steven Kuhn

2 years ago

9.6k
Responsive CTA

Author:
Lukas Müller

2 years ago

9.8k
Call to action section

Author:
Odessa Young

2 years ago

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

Author:
TailwindFlex

1 year ago

7.6k
Basic CTA
Simple and straightforward call to action section

Author:
Dipti narayan

2 years ago

7.4k
Product hunt showcase section

Author:
Leon Bachmann

2 years ago

10k
Footer
A footer is a critical part of any professional website. A footer ensures your website is complete, professional, user-friendly, and legally compliant. It's where users go for answers when they're done scrolling.

Author:
KULDEEP

2 months ago

646

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components