Home
Md. Tofayel islam
Profile card

Profile card

tailwind Profile Card

This tailwind example is contributed by Md. Tofayel islam, on 15-Mar-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Card

Author Md. Tofayel islam

1.4k

Fork Fullscreen

<div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
    <a href="#">
        <img class="rounded-t-lg" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHwxfHxwZXJzb258ZW58MHwwfHx8MTcxMDUxNjkwM3ww&ixlib=rb-4.0.3&q=80&w=1080" alt="" />
    </a>
    <div class="p-5">
        <a href="#">
            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
        </a>
        <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
        <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
            Read more
             <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
            </svg>
        </a>
    </div>
</div>

Related Examples

Border gradient

Author:
Samuel Dawson

1 year ago

12k
Tailwind CSS Book

Author:
Michael Andreuzza

7 months ago

1.5k
Confirmation model

Author:
Mr Robot

2 years ago

12.1k
Info Card

Author:
Prem..

2 years ago

16.9k
beautifull Authentication Page
I create a Authentication page using cloude ai model.

Author:
Akram Khan

5 months ago

791
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
kzsamir849

6 months ago

842
Futuristic 3D Tilt Card
Hover to see the 3D effect

Author:
Quentin Rivers

2 months ago

852
Features

Author:
Michael Andreuzza

7 months ago

2.8k
Profit Card
Profit card with deatils

Author:
dongol heart

3 weeks ago

291
Labs card
Lab item list card

Author:
Sedat Kumcu

1 month ago

463
E-commerce cards
E-commerce responsive cards with dark mode

Author:
Robert Chunga

5 months ago

1.1k
Watch Card
Watch Cards

Author:
Anonymous

2 months ago

633

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components