Home
Abigail
Simple About Us section

Simple About Us section

This tailwind example is contributed by Abigail, on 26-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is about me

About us

Author Abigail

13.4k

Fork Fullscreen

<section class="bg-gray-100">
    <div class="container mx-auto py-16 px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-2 items-center gap-8">
            <div class="max-w-lg">
                <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">About Us</h2>
                <p class="mt-4 text-gray-600 text-lg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis
                    eros at lacus feugiat hendrerit sed ut tortor. Suspendisse et magna quis elit efficitur consequat.
                    Mauris eleifend velit a pretium iaculis. Donec sagittis velit et magna euismod, vel aliquet nulla
                    malesuada. Nunc pharetra massa lectus, a fermentum arcu volutpat vel.</p>
                <div class="mt-8">
                    <a href="#" class="text-blue-500 hover:text-blue-600 font-medium">Learn more about us
                        <span class="ml-2">&#8594;</span></a>
                </div>
            </div>
            <div class="mt-12 md:mt-0">
                <img src="https://images.unsplash.com/photo-1531973576160-7125cd663d86" alt="About Us Image" class="object-cover rounded-lg shadow-md">
            </div>
        </div>
    </div>
</section>

Related Examples

About me section with image

Author:
Kofi Osei

2 years ago

23k
About us section

Author:
Mr Robot

2 years ago

18.1k
background animation
background animation

Author:
Anonymous

1 year ago

42.9k
About me section

Author:
Steven Kuhn

2 years ago

16.8k
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
Responsive About Section with Tailwind CSS
Built a sleek and fully responsive About Section for my portfolio using Tailwind CSS! 🚀 Designed for smooth adaptability across all screen sizes with a modern and minimal aesthetic. Perfect for showcasing skills, experience, and a personal touch!

Author:
Abdul Baset Bappy

4 weeks ago

122
Questionnaire Section

Author:
Samuel Abera

3 months ago

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

Author:
Amit Pachange

11 months ago

3.9k
Portfolio About & Skills

Author:
Samuel Abera

3 months ago

990
Responsive portfolio with dark mode
responsive and support dark mode .portfolio website

Author:
ABDESLAMI ACHRAF

6 months ago

2.4k
Responsive Portfolio Webpage with Tailwind CSS
This is a reusable and responsive portfolio webpage template created with HTML and Tailwind CSS. Designed for developers or creatives, the template includes essential sections like Header, Hero, About, Skills, Experience, Projects, Testimonials, Contact Form, and Footer. It features a clean, modern design and is fully customizable without requiring JavaScript. Perfect for showcasing personal or professional work on the web.

Author:
Ayyamperumal S

2 months ago

899

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components