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

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

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

Author:
Quentin Rivers

11 months ago

2.4k
Material 3 Cards [Light]
Cards that conform to Google's Material 3 design guidelines and themes

Author:
Nick Girga

3 months ago

464
Card Item Financieros
Item Financiero

Author:
Ameth Galarcio

1 year ago

1.4k
3D Modern Pricing Card
Here's a modern, reusable Pricing Card component that's highly popular on platforms like TailwindFlex. It's clean, responsive, and designed for conversions.

Author:
dev-fab250

3 months ago

390
beautifull project Item

Author:
Akram Khan

1 year ago

2.5k
avtarCard3

Author:
pablitodgb

2 months ago

507
Info card

Author:
Samuel Dawson

2 years ago

9.9k
Tour package card
This card could be used for featuring a product, service, or blog post:

Author:
Henrik R.

1 year ago

2.1k
Responsive card grid
responsive card grid for articles

Author:
Mr Robot

2 years ago

15.2k
Responsive cards with hover

Author:
Robert Chunga

1 year ago

2.6k
Product card

Author:
Simon Scheffer

2 years ago

29.9k
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSS
nhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.

Author:
Abdul Baset Bappy

5 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components