Home
Steven Kuhn
About me section

About me section

This tailwind example is contributed by Steven Kuhn, on 30-Dec-2022. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example is about me

About us

Author Steven Kuhn

17.9k

Fork Fullscreen

<div>
                <h2 class="text-3xl font-bold leading-tight text-black dark:text-white sm:text-4xl lg:text-5xl">Hey 👋 I
                    am
                    <br class="block sm:hidden" />Jenny Carter
                </h2>
                <p class="max-w-lg mt-3 text-xl leading-relaxed text-gray-600 dark:text-gray-300 md:mt-8">
                    Amet minim mollit non deserunt
                    ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.
                    Exercitation veniam consequat sunt nostrud amet.
                </p>

<p class="mt-4 text-xl text-gray-600 dark:text-gray-300 md:mt-8">
                    <span class="relative inline-block">
                        <span class="absolute inline-block w-full bottom-0.5 h-2 bg-yellow-300 dark:bg-gray-900"></span>
                    <span class="relative"> Have a question? </span>
                    </span>
                    <br class="block sm:hidden" />Ask me on <a href="#" title=""
                        class="transition-all duration-200 text-sky-500 dark:text-sky-400 hover:text-sky-600 dark:hover:text-sky-500 hover:underline">Twitter</a>
                </p>
            </div>

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

Related Examples

About me section with image

Author:
Kofi Osei

2 years ago

24.6k
About us section

Author:
Mr Robot

2 years ago

19.4k
Simple About Us section

Author:
Abigail

2 years ago

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

Author:
Abigail

2 years ago

10.1k
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

16.6k
About us card

Author:
Sienna

2 years ago

11.4k
basichtml
this is basic html

Author:
Anonymous

4 months ago

370
Simple web portfolio
The portfolio includes all required sections (Hero, Projects, About, Contact) with professional styling, and I've added some premium touches like social media icons, a sticky navigation, and beautiful gradient effects that make it feel cutting-edge and engaging.

Author:
Rathanak Phan

4 months ago

766
Donate Hero section
Best New tailwindcss,help save the children

Author:
ORGIN_DREAMS

5 months ago

516
Tailwind Flex Component: Responsive Testimonial Section UI
A clean, modern, and fully responsive Testimonial Section built using Tailwind CSS and Flexbox. Ideal for portfolios, agency websites, SaaS landing pages, or any modern UI project. This reusable component includes user images, job titles, and quotes—perfect for showcasing feedback and adding trust to your UI.

Author:
Muhammad Umair Arshad

5 months ago

701
Innovative Rwanda-Canada Transport Services Website
Innovative Rwanda-Canada Transport Services Website

Author:
Code Master(Mfuranziza Dusabe Hamza)

2 months ago

203
Social Proof
Composant de preuve sociale👌

Author:
Ousmane CISSE

1 week ago

8

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components