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

18.3k

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.8k
About us section

Author:
Mr Robot

3 years ago

19.8k
Simple About Us section

Author:
Abigail

2 years ago

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

Author:
Abigail

2 years ago

10.3k
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

17.1k
About us card

Author:
Sienna

3 years ago

11.8k
About Us

Author:
KULDEEP

7 months ago

946
Why Us section with hover animation
Why to choose us section, responsive and hove animation

Author:
Amit Pachange

1 year ago

5.1k
about page
about page

Author:
Omer fils ELENGA

2 months ago

246
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

8 months ago

1.2k
about us simple

Author:
QQ-VVN

9 months ago

703
Uses emoji for attention, mentions key features (modern, responsive, accessible)
Drop-in Tailwind CSS profile card component with responsive layout, gradient header, and hover effects - zero custom CSS needed. Features skill tags, social icons, and clean stats display. Just copy-paste the HTML, swap in your details, and you're live. Perfect for portfolios, developer profiles, or link-in-bio pages.

Author:
Muhammad Umair Arshad

10 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components