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

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

Profile1

Author:
pablitodgb

8 months ago

361
Swipe card fully animative
@sufyandevs #sufyandevs #sufyandev #shanwebdev

Author:
Sufyan jutt

3 months ago

642
Login Form
A modern Tailwind CSS animated login form featuring smooth transitions, premium UI styling, responsive layout, and interactive input effects. Designed for admin panels, SaaS dashboards, and secure web applications, this login template delivers a clean light-theme interface with professional animations and a high-end user experience.

Author:
shrenik khule

2 weeks ago

37
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Author:
Hamza Atig

10 months ago

967
Issue card
card designed to display the details of a technical issue

Author:
ABDO-SY

1 year ago

2.2k
GitHub For you Feed
GitHub For you Feed Clone

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

1 year ago

2.4k
3d card
the Best 3D card with tailwind css

Author:
irahoza daniel

9 months ago

628
Fancy blog post card

Author:
Mr Robot

3 years ago

12.7k
pile carde scroll
pile carde scroll

Author:
Omer fils ELENGA

1 month ago

33
User profile card with Cover Image

Author:
Noob

3 years ago

32.6k
Floating capsule

Author:
Amazing Engineer

9 months ago

739
Product features cards

Author:
Henrik R.

1 year ago

4.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components