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

15.1k

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

3 years ago

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

3 years ago

13.8k
Responsive card with image

Author:
Simon Scheffer

3 years ago

11.2k
Service/Product card
Tour trip booking showcase card

Author:
JaxStone

3 years ago

13k
Info Card
info card with description

Author:
Prashant

3 years ago

13k
Minimal Profile card

Author:
Abhijit Sen

3 years ago

11.7k
Image card with overlay text overlay

Author:
Santos78

3 years ago

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

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

52.1k
Beautiful card design with image

Author:
Brandon D

3 years ago

13.3k
Drinkware landing page

Author:
Maxim

10 months ago

1.4k
Tailwind Flex Component: Responsive Testimonial Section UI
A clean, modern, and fully responsive Testimonial Section built using Tailwind CSS and Flexbox. Ideal for portfolios, agency websites, SaaS landing pages, or any modern UI project. This reusable component includes user images, job titles, and quotes—perfect for showcasing feedback and adding trust to your UI.

Author:
Muhammad Umair Arshad

8 months ago

976

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components