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

14.9k

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

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

13.5k
Responsive card with image

Author:
Simon Scheffer

2 years ago

11.1k
Service/Product card
Tour trip booking showcase card

Author:
JaxStone

2 years ago

12.9k
Info Card
info card with description

Author:
Prashant

3 years ago

12.9k
Minimal Profile card

Author:
Abhijit Sen

2 years ago

11.5k
Image card with overlay text overlay

Author:
Santos78

2 years ago

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

3 years ago

63.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

3 years ago

51.8k
Beautiful card design with image

Author:
Brandon D

3 years ago

13.2k
home
html , css

Author:
Hacker Development

7 months ago

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

7 months ago

815

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components