Home
Leon Bachmann
Call to action section

Call to action section

This tailwind example is contributed by Leon Bachmann, on 19-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are CTA,banner

Call to Action

Author Leon Bachmann

6.3k

Fork Fullscreen

<div class="bg-gray-100 dark:bg-gray-800 mt-20">
    <div class="z-20 w-full px-4 py-12 mx-auto text-center sm:px-6 lg:py-16 lg:px-8">
        <h2 class="text-black dark:text-white sm:text-4xl">
            <span class="text-base font-semibold leading-6 text-indigo-500 uppercase">
                IT ONLY TAKES A FEW EASY STEPS
            </span>
            <span class="block mt-2 text-2xl font-extrabold leading-8 text-gray-900 dark:text-white sm:text-3xl sm:leading-9">
                Create your first API in minutes
            </span>
        </h2>

<div class="lg:mt-0 lg:flex-shrink-0">
            <div class="inline-flex mt-12 rounded-md shadow">
                <a href=""
                    class="w-full px-6 py-4 text-base font-semibold text-center text-white transition duration-200 ease-in bg-indigo-600 rounded-lg shadow-md hover:bg-indigo-700 focus:ring-indigo-500 focus:ring-offset-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 ">
                    Get Started Now - It's free
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

Travel Landing Page: Australia

Author:
Maxim

2 months ago

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

Author:
Amit Pachange

1 year ago

7.2k
Very simple hero

Author:
Laurits

2 years ago

8.4k
Domain For Sale Template
Domain For Sale Template

Author:
Geoffrey Callaghan

1 year ago

3.6k
YouTube subscription section

Author:
Leif99

2 years ago

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

Author:
Bunny

1 year ago

11.4k
an off line game of catching afox
an off line game of catching afox

Author:
Bonimater

3 days ago

13
Navbar with two CTA buttons

Author:
Juraj

3 months ago

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

Author:
TailwindFlex

1 year ago

7.5k
Clean & Responsive Footer Design with Tailwind CSS With CTA Button
modern and responsive footer built with Tailwind CSS to enhance website navigation, accessibility, and user experience. Featuring quick links, social media icons, copyright info, and a sleek layout, this SEO-friendly footer improves engagement and usability across all devices. Perfect for portfolios, business websites, and eCommerce stores!

Author:
Abdul Baset Bappy

2 months ago

171
Blog post card
Responsive blog post or article card. This card can also be used as a CTA

Author:
Anonymous

1 year ago

9.5k
Modern CTA section
CTA with background patterns

Author:
Nomthandazo Mhlongo

1 year ago

2.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components