Highlighted Important section with button

This tailwind example is contributed by Amit Pachange, on 21-Jan-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are CTA,banner

Call to Action

Author Amit Pachange

Tailwind v3.4 10.2k 14

Fork Fullscreen

<div class="bg-gray-100 pb-6">
    <div
        class="text-center lg:text-left max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
        <h3 class="text-3xl leading-9 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-tight">
            Ready to monitor some websites?<br>
            <span class="text-blue-600">Get started for free.</span>
        </h3>
        <div class="justify-center lg:justify-left mt-8 flex lg:flex-shrink-0 lg:mt-0">
            <div class="inline-flex">
                <a href="" target="_blank"
                    class="inline-flex items-center justify-center px-5 py-3 text-base leading-6 font-medium text-blue-600 hover:text-blue-500 focus:outline-none transition duration-150 ease-in-out">
                    See in action
                </a>
            </div>
            <div class="ml-3 inline-flex rounded-md shadow">
                <a href=""
                    class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-blue-600 hover:bg-blue-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
                    Get started
                </a>
            </div>
        </div>
    </div>
</div>

Related Examples

GamingOnline
used to pray game online

INGRIDE MUZIRANENGE

11 months ago

1.7k
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

Bonimater

1 year ago

1.7k
Call to action banner

isolde

2 years ago

6.2k
Modern CTA section
CTA with background patterns

Nomthandazo Mhlongo

2 years ago

3k
Geaux Code CTA Section
CTA with background patterns

Andrew Weisbeck

2 years ago

2.7k
CTA block

Samuel Dawson

3 years ago

12.7k
CTA banner
With fading bg gradient

Lautaro Gómez

2 years ago

1.8k
Product Page
Showcase for the product.

muhamadrofii911

2 years ago

3.1k
Simple call to action

Laurits

3 years ago

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

Anonymous

3 years ago

21.2k
Call to Action
CTA with Dark and Shadow colors

KULDEEP

1 year ago

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

Sophia Baker

3 years ago

10.2k