Horizontal card with image

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

Card

Author Amit Pachange

Tailwind v3.4 15.8k 14

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

Abhijit Sen

3 years ago

25k
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.

Mr Robot

3 years ago

14.1k
Responsive card with image

Simon Scheffer

3 years ago

11.5k
Service/Product card
Tour trip booking showcase card

JaxStone

3 years ago

13.7k
Info Card
info card with description

Prashant

4 years ago

13.3k
Minimal Profile card

Abhijit Sen

3 years ago

12.3k
Image card with overlay text overlay

Santos78

3 years ago

33.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:

Prashant

4 years ago

65.6k
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.

Amit Pachange

4 years ago

53.8k
Beautiful card design with image

Brandon D

4 years ago

14.2k
Contact us form with map
Contact us form with map

Chithira Kumar M

2 years ago

13k
Game Character Cards
Simple game character cards selection

Diavox Jerome Soriano

1 year ago

1.8k