Patient card

This tailwind example is contributed by Anonymous, on 12-Jul-2024. Component is made with Tailwind v3.4. It is responsive.

Card

Author Anonymous

Tailwind v3.4 2.7k 10

Fork Fullscreen

</div>
    <div class="">
        <div class="p-1.5 bg-black  w-44 rounded-tr-full rounded-br-full mt-2">
            <div class=" text-center">
                <p class="text-white text-sm font-medium tracking-wide"> Lindsay Walton</p>
            </div>
        </div>
        <div class="flex items-center justify-center gap-3 mt-4">
            <p class="text-slate-500 text-sm font-medium  tracking-wide ">Patient&nbsp;Visit :</p>
            <p class="text-black text-sm font-semibold text-center tracking-wide">Fever , Headache</p>
        </div>

</div>
    </div>
</div>

Related Examples

Card template

Raul antonio de la cruz hernandez

8 months ago

793
Pinterest-Style Masonry Gallery
A Pinterest-inspired masonry gallery featuring images of different heights in a seamless multi-column layout.

JUGENDRA GANGWAR

2 months ago

175
card profie
profile card

Aman kumar

2 years ago

4.8k
Responsive Cards
Responsive Cards

Chanuka Rukshan

8 months ago

709
Clean Architectural Blog & News Section Grid
A sleek, modern, and minimal blog section designed for architecture, portfolio, or agency websites. Features landscape card layouts, top-aligned post titles for consistent grid alignment, category badges, publication dates with icons, and a smooth outlined CTA button.

Alief Malik

1 month ago

77
Play Music - Reproductor
Multimedia music player, with its respective dark mode

Ameth Galarcio

2 years ago

3.1k
Weather info Card
Inspired from Mamba UI

Ron Hicks

4 years ago

12.7k
Simple product card

farid

1 year ago

1.9k
cards
cards with background animation

Anonymous

3 years ago

12.6k
Card kpi Chart
Targetas kpi con graficas

Raul antonio de la cruz hernandez

10 months ago

1.5k
Responsive Multi-Tier Pricing Table Component
flexible and responsive 3-tier pricing table component built with HTML and Tailwind CSS. Features distinct visual styles for different plans (e.g., highlighting a recommended option), adapts to various screen sizes, and supports both light and dark color schemes. Uses generic placeholders for easy adaptation to any product or service.

Hamza Atig

1 year ago

2k
beautifull Authentication Page
I create a Authentication page using cloude ai model.

Akram Khan

2 years ago

3.2k