Home
Amit Pachange
Horizontal card with image

Horizontal card with image

This tailwind example is contributed by Amit Pachange, on 16-Sep-2022. Component is made with Tailwind CSS v3. It is responsive.

Card

Author Amit Pachange

12.5k

Fork Fullscreen

<p class="text-xl font-bold">Post title</p>

<p class="text-gray-500">
                Description of your post/article,
                Description of your post/article,
            </p>

<span class="flex items-center justify-start text-gray-500">
                <svg class="w-4 h-4 mr-1 mt-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path>
                </svg>
                <a href="amitpachange.com" target="_blank">amitpachange.com</a>
            </span>

</div>

Related Examples

Card grid for blog Posts / Articles

Author:
Abhijit Sen

2 years ago

20.6k
Card with image full width
This component is a card designed for showcasing featured blog posts. It includes the post title, a captivating image, category links, and author details.

Author:
Mr Robot

2 years ago

12k
Responsive card with image

Author:
Simon Scheffer

2 years ago

9.9k
Service/Product card
Tour trip booking showcase card

Author:
JaxStone

2 years ago

11.8k
Info Card
info card with description

Author:
Prashant

2 years ago

11.2k
Minimal Profile card

Author:
Abhijit Sen

2 years ago

9.9k
Image card with overlay text overlay

Author:
Santos78

1 year ago

27.8k
User Profile Card
The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

Author:
Prashant

2 years ago

57.8k
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:
Amit Pachange

2 years ago

46.4k
Beautiful card design with image

Author:
Brandon D

2 years ago

11.5k
Trending Users
Tailwind Flex Trending Users Card Design

Author:
Samuel Abera

8 months ago

2.7k
Spinner with card
Use this animated loading indicator when content inside of a card is still loading.

Author:
Md. Tofayel islam

10 months ago

1.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components