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

12.9k

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

1 year ago

22.5k
About us section

Author:
Mr Robot

2 years ago

17.7k
background animation
background animation

Author:
Anonymous

1 year ago

41.2k
About me section

Author:
Steven Kuhn

2 years ago

16.3k
why choose us (features showcase) example

Author:
Erik Hyatt

1 year ago

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

Author:
Abigail

2 years ago

9.4k
About us card

Author:
Sienna

2 years ago

11.1k
Modern Responsive Footer with Tailwind CSS
This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

Author:
Ayyamperumal S

3 weeks ago

291
Portfolio About & Skills

Author:
Samuel Abera

1 month ago

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

Author:
ABDESLAMI ACHRAF

5 months ago

2.1k
Abous Us
About us section with statastics and CTA buttons

Author:
Rajesh Maheshwari

1 week ago

50
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

1 month ago

554

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components