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

Product / Service Card
Example of a card that can be used as a blog, product, or service card with reviews.

Author:
Noob

3 years ago

17.4k
Call to action card with image
Responsive card with image

Author:
Noah Schmidt

2 years ago

16k
Info card

Author:
Laurits

2 years ago

10.7k
Card
Card Layout in Tailwind as React Compoment

Author:
Deepak Sharma

9 months ago

950
google ui cards
google ui cards

Author:
Anonymous

2 years ago

9.7k
Profile Card

Author:
Crimson

9 months ago

1.3k
Kids E-learning Platform Card
Kids E-learning Platform Card Clone

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

11 months ago

1.5k
Profile Card
Responsive modern profile card

Author:
Rajesh Maheshwari

8 months ago

759
Responsive Testimonial Card with stars ratings

Author:
Quentin Rivers

1 year ago

1.9k
404 Error card
Error card at the center

Author:
Shakti

2 years ago

9.4k
Dashboard Stats Widget
Here’s a sleek Stats Widget built with Tailwind CSS that you can sell on TailwindFlex. It includes animated hover effects, trend indicators, and responsive design.

Author:
dev-fab250

5 months ago

1.3k
beautifull project Item

Author:
Akram Khan

1 year ago

2.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components