Event notification card

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

Card

Author Odessa Young

Tailwind v3.4 9.9k 13

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

Fancy blog post card

Mr Robot

3 years ago

13.5k
About us card

Sienna

3 years ago

12.3k
alert
html , css

Hacker Development

1 year ago

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

shrenik khule

8 months ago

759
Card
Jobs recommended for you LinkedIn Clone

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

1.4k
Profit Card
Profit card with deatils

dongol heart

1 year ago

3k
Simple product card

farid

2 years ago

1.9k
Card
Simple Card

Ashraf ali

1 year ago

2.4k
Premium High-Performance Web Gaming Hub
Experience the future of browser-based gaming. I’ve developed a premium arcade hub designed for speed, clarity, and zero-latency gameplay. Built with modern web technologies, Ayyamperumal Games brings AAA-inspired visuals and high-octane mechanics directly to your browser—no downloads, no lag, just pure performance. Explore a curated library of titles ranging from minimalist logic puzzles like Sudoku Elite to fast-paced action in Neon Drift. This is where clean code meets high-level entertainment.

Ayyamperumal S

9 months ago

1k
Card responsive and dark mode grid

Cristian

1 year ago

2.4k
Payment Cards

Shammi Nethupul

2 years ago

3k
Labs card
Lab item list card

Sedat Kumcu

1 year ago

2.7k