Home
Prem..
Simple Card with Image

Simple Card with Image

Horizontal card

This tailwind example is contributed by Prem.., on 04-Sep-2022. Component is made with Tailwind CSS v3.

Card

<div class="flex flex-col max-w-md m-12">
  <div class="flex flex-col sm:flex-row border border-gray-700 py-1 px-1 w-full text-center sm:text-left">
    <div class="flex-shrink-0  m-4 w-16 h-16 rounded-full bg-gray-400 self-center"></div>
    <div class="flex flex-col py-2 pr-2">
      <h4 class="text-lg font-light">Hello World</h4>
      <p class="text-sm font-hairline">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed porro, mollitia soluta, dignissimos labore ab magni temporibus sequi maiores.</p>
    </div>
  </div>
  <br>
  <div class="flex flex-col rounded-full sm:flex-row border border-gray-700 py-1 px-1 w-full text-center sm:text-left">
    <div class="flex-shrink-0  m-4 w-16 h-16 rounded-full bg-gray-400 self-center"></div>
    <div class="flex flex-col py-2 pr-2">
      <h4 class="text-lg font-light">Hello World</h4>
      <p class="text-sm font-hairline">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sed porro, mollitia soluta, dignissimos labore ab magni temporibus sequi maiores.</p>
    </div>
  </div>
</div>

Related Examples

split bg

Author:
Anonymous

5 months ago

357
Card
Profile Card

Author:
Manuel Dala

6 months ago

777
card
card section. find it makecomponents.com

Author:
makecomponents

1 year ago

1.8k
Animated cards

Author:
Michael Andreuzza

1 year ago

6.6k
Product Details Card

Author:
ABDO-SY

8 months ago

1.9k
alert
html , css

Author:
Hacker Development

6 months ago

889
Dashboard Stats Widget
Here’s a sleek Stats Widget built with Tailwind CSS that you can sell on TailwindFlex. It includes animated hover effects, trend indicators, and responsive design.

Author:
dev-fab250

5 months ago

1.4k
Food Ordering Dashboard
A responsive user interface for selecting and ordering your favorite meals. The dashboard allows users to browse food categories, view dish details, and place orders with ease.

Author:
Muhammad Umair Arshad

5 months ago

952
Pricing card
basic pricing card with single price

Author:
Kaung Htet Min

2 weeks ago

43
Card grid section
Display article/blog grid

Author:
Mr Robot

2 years ago

28.7k
Card blog
Targeta para blog

Author:
Raul antonio de la cruz hernandez

3 days ago

16
Features cards section
Features cards section with dark theme

Author:
Sophia Baker

2 years ago

10.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components