call-to-action button

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

Call to Action

Author Elijah Davis

Tailwind v3.4 9.7k 15

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

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!

Vikas Kushwah

1 year ago

1.4k
CTA - Htmlwind
Screenshot on dark background

Htmlwind

1 year ago

1.9k
YouTube subscription section

Leif99

3 years ago

14.9k
Call-to-Action Card
Early Access Signup Card

Santiago Hernandez

2 years ago

2.5k
Call to action

Sophia Baker

3 years ago

11.5k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Emdadul Islam

2 years ago

3.5k
Sign In Form
Clean and modern Sign In form with email, password, and "Forgot password" link. Fully responsive and styled with Tailwind CSS, perfect for SaaS platforms.

Lekhraj Ghimire

1 year ago

1.3k
animated nav
animated nav

Bonimater

1 year ago

864
Beautiful CTA w/ large buttons
This CTA card also has a features list

Carla Hoffman

2 years ago

3.2k
Call to Action Box

Aitrik Saha

1 year ago

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

KULDEEP

1 year ago

2.5k
Clean CTA

Kofi Osei

3 years ago

12.1k