Home
Kofi Osei
About me section with image

About me section with image

This tailwind example is contributed by Kofi Osei, on 14-Mar-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information,about me

Profile About us

Author Kofi Osei

23k

Fork Fullscreen

<main class="mt-10 mx-auto max-w-7xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 lg:px-8 xl:mt-28">
                <div class="sm:text-center lg:text-left">
                    <h2 class="my-6 text-2xl tracking-tight font-extrabold text-gray-900 sm:text-3xl md:text-4xl">
                        About me
                    </h2>

<p>
                        Donec porttitor, enim ut dapibus lobortis, lectus sem tincidunt dui, eget ornare lectus ex non
                        libero. Nam rhoncus diam ultrices porttitor laoreet. Ut mollis fermentum ex, vel viverra lorem
                        volutpat sodales. In ornare porttitor odio sit amet laoreet. Sed laoreet, nulla a posuere
                        ultrices, purus nulla tristique turpis, hendrerit rutrum augue quam ut est. Fusce malesuada
                        posuere libero, vitae dapibus eros facilisis euismod. Sed sed lobortis justo, ut tincidunt
                        velit. Mauris in maximus eros.
                    </p>
                </div>
            </main>
        </div>
    </div>
    <div class="lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
        <img class="h-56 w-full object-cover object-top sm:h-72 md:h-96 lg:w-full lg:h-full" src="https://cdn.pixabay.com/photo/2016/03/23/04/01/woman-1274056_960_720.jpg" alt="">
    </div>
</div>

Related Examples

About us section

Author:
Mr Robot

2 years ago

18.1k
About me section

Author:
Steven Kuhn

2 years ago

16.8k
Simple About Us section

Author:
Abigail

2 years ago

13.4k
User Profile Card
Full-page Profile card

Author:
Prashant

2 years ago

17.4k
Basic Resume template
simple and clean layout that provides a professional look.

Author:
R.P Ketan

2 years ago

25.2k
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

15.7k
User about me / introduction card
About me card with an image and a short introduction

Author:
Abigail

2 years ago

9.5k
User profile card with Cover Image

Author:
Noob

2 years ago

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

2 years ago

60.3k
Modern resume template
modern resume template with data

Author:
Amit Pachange

1 year ago

19.7k
Show user details

Author:
Lucas Martinez

2 years ago

23.5k
User profile card with social icons
Showcases a user's profile information along with links to their various social media accounts.

Author:
Simon Scheffer

2 years ago

14.2k
My Personal Landing page
This HTML document showcases Aydin Vesali Moghaddam's personal portfolio, highlighting his journey in web development. The page features a responsive design that adapts to various screen sizes, ensuring a seamless user experience across devices. It includes a personal introduction, a brief overview of Aydin's tech journey, and a contact form for visitors to subscribe to updates. Additionally, the page provides links to Aydin's Discord, website, and Twitter, offering multiple avenues for connecting and staying updated on his projects.

Author:
AyDin VM

1 year ago

4.7k
User | Author profile card

Author:
Computer guy

1 year ago

7.1k
Profile card

Author:
Mr Robot

2 years ago

11.9k
Stylish profile card with a hover effect

Author:
Anonymous

1 year ago

8.1k
Testimonial card with image

Author:
Simon Scheffer

2 years ago

10.9k
User profile card

Author:
Mr Robot

2 years ago

10.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components