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

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

cards
cards with background animation

Author:
Anonymous

1 year ago

2.3k
multiple pricing cards
basic pricing card with single price

Author:
Amit Pachange

1 year ago

12.1k
Product card
sleek and modern product card

Author:
OmKar Mehta

1 year ago

5.4k
Authentication form
Use this example to authenticate users with a login form using a phone number instead of an email address.

Author:
Md. Tofayel islam

1 year ago

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

Author:
Quentin Rivers

8 months ago

1.9k
Get Started ,Membership section - responsive - darkMode

Author:
ABDO-SY

3 months ago

328
Products cards w/ hover effect
Example of product card grid with product image, pricing and a hover effect FORKED FROM: https://tailwindflex.com/noob_dev/products-card-grid

Author:
threehymns

1 year ago

17.2k
Otp-code template
This is an OTP code template that contains the one-time password, which can be sent to the user's email either when they are signing up for the first time or for multi-factor authentication (MFA) during the login process.

Author:
anandu ap

8 months ago

1.2k
Pricing card
basic pricing card with single price

Author:
Amit Pachange

1 year ago

10.2k
Travel Landing Page: Australia

Author:
Maxim

3 months ago

955
Brand Grid with Hover Effect

Author:
ᴀʀ!ᴀ

3 months ago

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

Author:
Noob

2 years ago

16.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components