Home
Elijah Davis
call-to-action button

call-to-action button

This tailwind example is contributed by Elijah Davis, on 01-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner

Call to Action

Author Elijah Davis

8.8k

Fork Fullscreen

<div class="w-full items-center lg:px-24 max-w-7xl md:px-12 mx-auto px-8 py-12">
    <div class="relative items-center">
        <div class="w-full justify-between lg:inline-flex lg:items-center">
            <div class="max-w-xl">
                <span class="text-sm text-rose-500 font-semibold uppercase tracking-widest">Description</span>
                <p class="text-black font-extrabold mt-8 text-4xl tracking-tight">Get to know Our Brand
                    <span class="lg:block">and it's features.</span>
                </p>
            </div>
            <div class="flex flex-col lg:ml-auto mt-12 sm:flex-row"><a
                    class="w-full items-center inline-flex duration-200 focus:outline-none font-medium justify-center px-6 py-3 rounded-xl text-center focus-visible:outline-black lg:w-auto bg-rose-500 focus-visible:ring-black hover:bg-rose-100 hover:text-rose-500 text-white"
                    href="/signup">Get started now &nbsp;&nbsp;
                    <span class="font-bold text-2xl">
                            →
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

Hero section

Author:
Mohit Prajapati

2 years ago

11.8k
Very simple hero

Author:
Laurits

2 years ago

8.5k
Call to Action
CTA with Dark and Shadow colors

Author:
KULDEEP

3 weeks ago

22
Boost Your Business with a Stunning Website!
Take your online presence to the next level with a high-performing, visually captivating website. Let’s build something amazing together!

Author:
Vikas Kushwah

3 months ago

177
Responsive CTA
Tailwind CTA card

Author:
Dika Rahman

1 year ago

2k
Call to Action with Background image

Author:
Monica D.

1 year ago

1.7k
Call to Action section
CTA with clear message and big button

Author:
magersa

1 year ago

3.9k
CTA Search Section
CTA search form

Author:
EliteAI Tools

6 months ago

678
Floating Action Button
This component displays a fixed, floating contact button panel positioned at the bottom-right corner of the screen. It provides users with quick access to key communication channels including WhatsApp, Email, and Instagram. Each icon is styled with vibrant, platform-specific colors and includes subtle hover animations for an interactive user experience. Ideal for improving accessibility and encouraging user engagement, especially on mobile devices.

Author:
Arturo Lizana

3 months ago

696
Brutalist Hero

Author:
threehymns

7 months ago

1.8k
Call to action section

Author:
Odessa Young

2 years ago

11.7k
Simple Btn animation

Author:
Ranit Saha

6 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components