Home
Samuel Abera
Thankyou Card

Thankyou Card

This tailwind example is contributed by Samuel Abera, on 28-May-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Card Banner Badge

Author Samuel Abera

4.1k

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

1 year ago

8.1k
cards
cards slices

Author:
Anonymous

1 year ago

5.8k
Clone of LinkedIn Questionnaire Card
Clone of LinkedIn Questionnaire Card

Author:
Samuel Abera

11 months ago

2.9k
Grid
Grid Grid-Cards

Author:
sardorazimov2901

10 months ago

1.5k
Battery and signal
Battery and signal bar component

Author:
ardianhu

3 months ago

358
Call to Action Box

Author:
Aitrik Saha

2 months ago

611
Food App Web design

Author:
Aitrik Saha

1 month ago

424
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

1 day ago

11
Info Badges
Badges for showing information about stuff

Author:
Mohit Prajapati

2 years ago

11.6k
Product card

Author:
Oliver Hansen

2 years ago

12.7k
Notifications
Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.

Author:
Abhiraj

3 months ago

431
Elevated feature card

Author:
magersa

1 year ago

3.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components