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

14.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

2 years ago

24.8k
About us section

Author:
Mr Robot

3 years ago

19.8k
background animation
background animation

Author:
Anonymous

2 years ago

50.5k
About me section

Author:
Steven Kuhn

3 years ago

18.3k
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

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

Author:
Abigail

2 years ago

10.3k
bugger delivary animation
this playground is responsive and animated bugger delivary

Author:
Bonimater

8 months ago

639
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 year ago

2.2k
Boimator welcoming back
Boimator welcoming back

Author:
Bonimater

6 months ago

412
Innovative Rwanda-Canada Transport Services Website
Innovative Rwanda-Canada Transport Services Website

Author:
Code Master(Mfuranziza Dusabe Hamza)

5 months ago

478
basichtml
this is basic html

Author:
Anonymous

7 months ago

475
About our apps UI Components
A visual collection of our most recent works - each piece crafted with intention, emotion and style.

Author:
Alif Bima Pradana

3 days ago

17

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components