Home
Odessa Young
Event notification card

Event notification card

This tailwind example is contributed by Odessa Young, on 02-Feb-2023. Component is made with Tailwind CSS v3. It is responsive.

Card

Author Odessa Young

9.4k

Fork Fullscreen

<div class="bg-white rounded-3xl mx-4 md:mx-auto max-w-screen-md border-2 border-gray-800 mt-16">
    <div class="px-8 py-6 md:p-10">
        <h1 class="text-4xl md:text-5xl font-medium leading-tight text-gray-800 mb-6">Let's go, it's Google I/O</h1>
        <p class="text-base md:text-lg font-normal leading-normal text-gray-800 mb-6">Join us online on May 10, 2023</p>
        <div class="flex justify-center">
            <a href="" target="_blank" rel="noopener"
                class="bg-yellow-400 rounded-lg text-gray-800 font-medium text-base md:text-lg py-3 px-8 md:px-12 hover:bg-yellow-500 transition-all duration-150 ease-in-out">Register
                now
            </a>
        </div>
        <p class="text-base md:text-lg font-normal leading-normal text-gray-800 mt-6">Hi Young,</p>
        <p class="text-sm md:text-base font-normal leading-normal text-gray-800 mt-2">Google I/O 2023 is around the
            corner! Tune in to watch the livestreamed keynotes at 10am PT, then dive into 100+ technical sessions,
            codelabs, and more, on demand. Learn about...
        </p>
    </div>
</div>

Related Examples

split bg

Author:
Anonymous

4 months ago

291
Video card
Video card component for tailwind css

Author:
Rajesh kulkarni

2 years ago

17.1k
Card Cartier Product
Card Based View of Cartier

Author:
Ameth Galarcio

7 months ago

659
Amazing E-commerce card 2
An amazing e-commerce card with stunning hover effect 2

Author:
Ragnar lodbrok

10 months ago

1.4k
Responsive Working Process Section
This modern and responsive "Our Working Process" section adapts seamlessly to all screen sizes, ensuring a smooth user experience. The design follows a structured step-by-step layout with clear typography, bold colors, and interactive elements, making it perfect for showcasing business processes or workflows.

Author:
ABDO-SY

6 months ago

776
Futuristic 3D Tilt Card
Hover to see the 3D effect

Author:
Anonymous

7 months ago

947
Info Card with image
An info card with an image, a short title, and a short description.

Author:
Arya

2 years ago

12.7k
card
card

Author:
5upreme505

11 months ago

1.3k
Clickable and Responsive Card Grid
It is designed to showcase and link to various topics or content categories.

Author:
R Thapa

2 years ago

10.5k
Brand Grid with Hover Effect

Author:
ariaw

6 months ago

930
Product Card

Author:
Maxim

6 months ago

1.2k
GitHub For you Feed
GitHub For you Feed Clone

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

10 months ago

2.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components