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

15.4k

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

1 year ago

13k
About me section

Author:
Steven Kuhn

1 year ago

12.4k
Simple About Us section

Author:
Abigail

1 year ago

9.6k
User Profile Card
Full-page Profile card

Author:
Prashant

1 year ago

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

Author:
R.P Ketan

1 year ago

18.9k
why choose us (features showcase) example

Author:
Erik Hyatt

1 year ago

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

Author:
Abigail

1 year ago

7.4k
User profile card with Cover Image

Author:
Noob

1 year ago

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

1 year ago

38.6k
Modern resume template
modern resume template with data

Author:
Amit Pachange

9 months ago

13.1k
Show user details

Author:
Lucas Martinez

1 year ago

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

Author:
Simon Scheffer

1 year ago

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

2 months ago

1.1k
User | Author profile card

Author:
Computer guy

7 months ago

5.5k
Profile card

Author:
Mr Robot

1 year ago

9.5k
Stylish profile card with a hover effect

Author:
Anonymous

8 months ago

5.8k
Testimonial card with image

Author:
Simon Scheffer

1 year ago

8.4k
User profile card

Author:
Mr Robot

1 year ago

8.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 1200+ componenent