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

13.7k

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

22.8k
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

13k
Responsive card with image

Author:
Simon Scheffer

2 years ago

10.6k
Service/Product card
Tour trip booking showcase card

Author:
JaxStone

2 years ago

12.4k
Info Card
info card with description

Author:
Prashant

2 years ago

12.2k
Minimal Profile card

Author:
Abhijit Sen

2 years ago

10.7k
Image card with overlay text overlay

Author:
Santos78

2 years ago

30.1k
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

61.3k
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

49.8k
Beautiful card design with image

Author:
Brandon D

2 years ago

12.8k
Card with link
This example can be used to show a CTA as a link instead of a button inside the card.

Author:
Md. Tofayel islam

1 year ago

2k
Feature Showcase + Cards
Responsive section with cards aligned using grid layout.

Author:
ABDO-SY

4 months ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components