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

9.2k

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

Call to Action
CTA with Dark and Shadow colors

Author:
KULDEEP

7 months ago

995
Content showing for Call to action

Author:
inbarajan P

1 year ago

2.1k
Bug Beach Day Heatwave
This playful animation brings sweltering summer insects to life with pure HTML and Tailwind CSS. Watch as: 🔥 Glowing Fireflies pulse with heat-radiant light, their wings shimmering in the desert sun 🐞 Overheated Ladybugs scuttle across cracked earth, their red shells reflecting the blazing heat ☀️ A Wobbling Sun dominates the sky, emitting pulsing heat waves across the animated landscape

Author:
Bonimater

8 months ago

976
Call to Action section
CTA with clear message and big button

Author:
magersa

1 year ago

4.6k
Hero section

Author:
Mohit Prajapati

3 years ago

12.4k
Hero section with a gradient background
With text overlay, and a call-to-action button

Author:
Anonymous

2 years ago

20.2k
Call to action
CTA

Author:
inbarajan P

1 year ago

1.9k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2.8k
Centered footer with CTA
Use this Tailwind CSS footer compoent for simple footer with center aligned everything and with CTA buttons.

Author:
Pagedone

1 year ago

2.1k
Survey CTA

Author:
JaxStone

2 years ago

14.1k
The Future of Web Development
love my product

Author:
Code Master(Mfuranziza Dusabe Hamza)

8 months ago

842
CTA section with floating icos as background

Author:
EliteAI Tools

1 year ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components