Home
Ron Hicks
Team section with cards

Team section with cards

This tailwind example is contributed by Ron Hicks, on 01-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Team

Author Ron Hicks

11.5k

Fork Fullscreen

<div class="max-w-sm w-full lg:max-w-full lg:flex mx-auto my-10">
            <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden"
                style="background-image: url('https://images.pexels.com/photos/3785084/pexels-photo-3785084.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=1&amp;w=500')"
                title="Woman holding a mug">
            </div>
            <div
                class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4">
                <div class="">
                    <a href="#"
                        class="text-gray-900 font-bold text-xl mb-2 hover:text-indigo-600 transition duration-500 ease-in-out">Yahya
                        R. Makarim</a>
                    <p class="text-sm text-gray-600">
                        CEO &amp; President
                    </p>
                    <p class="text-gray-500 text-base mt-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    </p>

</div>

<div class="max-w-sm w-full lg:max-w-full lg:flex mx-auto my-10">
            <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover rounded-t lg:rounded-t-none lg:rounded-l text-center overflow-hidden"
                style="background-image: url('https://images.pexels.com/photos/1043474/pexels-photo-1043474.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=1&amp;w=500')"
                title="Woman holding a mug">
            </div>
            <div
                class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white rounded-b lg:rounded-b-none lg:rounded-r p-4">
                <div class="">
                    <a href="#"
                        class="text-gray-900 font-bold text-xl mb-2 hover:text-indigo-600 transition duration-500 ease-in-out">Zakir
                        Hussain Rezai</a>
                    <p class="text-sm text-gray-600">
                        VueJS Developer
                    </p>
                    <p class="text-gray-500 text-base mt-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    </p>

</div>

</div>
        </div>

</div>
</div>

Related Examples

Team section
with team member's social accounts

Author:
Ron Hicks

3 years ago

12k
Team section
responsive project team section

Author:
Ron Hicks

3 years ago

10.8k
Meet the team section

Author:
Sienna

3 years ago

13k
Our Team section

Author:
Ron Hicks

3 years ago

10.1k
Tailwind Team section

Author:
Leon Bachmann

3 years ago

10.5k
Tailwind flex Hero
Show Image with flex image gallery

Author:
Riaz Uddin Masum

3 months ago

448
Career Page
This is a career page component built in tailwind

Author:
Deepak Sharma

1 year ago

1.3k
Jobs recommended for you
This HTML page is a responsive, dark-mode-friendly job recommendation interface designed using Tailwind CSS. It displays job listings in a card format, each showing: A colorful header background. A company logo/profile image styled as a rounded thumbnail. A job title (e.g., Senior Product Designer). A company name. A location with an icon. Job type (e.g., Full-time). Time since posting (e.g., 2d ago).

Author:
Code Master(Mfuranziza Dusabe Hamza)

11 months ago

751
Greenwood high school
To empower students to achieve academic excellence, develop strong character, and become responsible global citizens through innovative teaching, personalized learning, and a commitment to lifelong growth.

Author:
INGRIDE MUZIRANENGE

11 months ago

943
Profile, Team or Testimonial
Profile, Team or Testimonial

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

3.9k
Team Members

Author:
Abdul Baset Bappy

10 months ago

1k
canvas fully covers
canvas fully covers

Author:
Balogun David Olajuwon

11 months ago

1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components