Home
$@(\/)(\/)¥
Thankyou Card

Thankyou Card

This tailwind example is contributed by $@(\/)(\/)¥, on 28-May-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Card Banner Badge

$$@(\/)(\/)¥ profile image$

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

5.5k

Fork Fullscreen

<div class="h-screen w-full bg-black dark:bg-gray-100">
    <div class="h-full lg:w-[60%] sm:w-[80%] xs:w-[90%] mx-auto flex gap-8 items-center">
        <div
            class="flex flex-col gap-4 text-white dark:text-black p-4 rounded-lg border border-green-300 shadow-xl shadow-green-400/30">
            <h5 class="text-sm text-green-500 font-semibold">Samuel Abera</h5>
            <div class="w-full flex gap-2 items-center justify-around">
                <div class="text-5xl font-semibold uppercase font-serif">Thank You</div>
                <hr class="w-[50%] h-1 rounded-full border-t-green-500 bg-green-500" />
            </div>

<p class="text-sm">Thank you sincerely for the immense support you've provided. Your unwavering
                encouragement and assistance have been invaluable. I am deeply grateful for your presence and the
                positive impact you've had on my journey. Your contributions have truly made a significant
                difference.
            </p>

<div class="flex gap-4 justify-center">
                <button class="w-full px-4 py-1 border-2 border-green-500 rounded-sm">Show More</button>
                <button class="w-full text-black px-4 py-1 bg-green-500 rounded-sm">Contact me</button>
            </div>
        </div>
    </div>
</div>

Related Examples

IMDB score and votes box

Author:
Darius G

2 years ago

8.5k
cards
cards slices

Author:
Anonymous

1 year ago

6.5k
Clone of LinkedIn Questionnaire Card
Clone of LinkedIn Questionnaire Card

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

1 year ago

3.7k
Grid
Grid Grid-Cards

Author:
sardorazimov2901

1 year ago

2k
Battery and signal
Battery and signal bar component

Author:
ardianhu

10 months ago

835
Call to Action Box

Author:
Aitrik Saha

9 months ago

1.4k
Food App Web design

Author:
Aitrik Saha

8 months ago

1.4k
E-Learning Course Card with Badge and Level Indicator
An HTML and Tailwind CSS component mockup for displaying course information. Features include a placeholder image area with an overlaid certificate badge, a distinct level indicator banner below the image, category text, a course title, key details (like duration and learner count placeholders), and primary/secondary action buttons. Designed for e-learning platforms or course listings.

Author:
Hamza Atig

6 months ago

795
Tailwind css banner offer
Bold neobrutalist design with thick borders, vibrant colors, and strong shadows - perfect for promotions.

Author:
saim-t8

2 months ago

331
Code Editor UI
Simple code editor prototype made with HTML and TailwindCSS. A lightweight template to explore and customize.

Author:
Indra

2 months ago

131
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

1 week ago

165
Card Item Financieros
Item Financiero

Author:
Ameth Galarcio

1 year ago

1.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components