Abous Us

About us section with statastics and CTA buttons

This tailwind example is contributed by Rajesh Maheshwari, on 27-Feb-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is about me

About us

Author Rajesh Maheshwari

775

Fork Fullscreen

<section id="about" class="py-20 md:px-20 lg:px-20 bg-[#121212]">
  <div class="container mx-auto px-4">
    <div class="mb-12">
      
      <h2 class="text-purple-400 text-lg mb-2" data-aos="fade-down">
        About Us
      </h2>
      <h3 class="mb-4 text-3xl font-bold text-white section-title" data-aos="fade-down">
        Capturing Moments That Last Forever
      </h3>
      <p class="mb-8 max-w-3xl text-gray-400" data-aos="fade-down">
        With over a decade of experience in professional photography,
        we've mastered the art of storytelling through our lens. Our passion lies in capturing authentic moments and turning them into timeless memories.
      </p>

<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
        
        <div class="rounded-lg border border-gray-800 bg-[#1A1A1A] p-6 text-center">
          <h4 class="mb-2 text-3xl font-bold text-purple-400">10+</h4>
          <p class="text-gray-400">Years Experience</p>
        </div>
        <div class="rounded-lg border border-gray-800 bg-[#1A1A1A] p-6 text-center">
          <h4 class="mb-2 text-3xl font-bold text-purple-400">10+</h4>
          <p class="text-gray-400">Years Experience</p>
        </div>
         <div class="rounded-lg border border-gray-800 bg-[#1A1A1A] p-6 text-center">
          <h4 class="mb-2 text-3xl font-bold text-purple-400">10+</h4>
          <p class="text-gray-400">Years Experience</p>
        </div>
         <div class="rounded-lg border border-gray-800 bg-[#1A1A1A] p-6 text-center">
          <h4 class="mb-2 text-3xl font-bold text-purple-400">10+</h4>
          <p class="text-gray-400">Years Experience</p>
        </div>
       
      </div>
    </div>

<div class="flex flex-col sm:flex-row items-center gap-4 mt-8" data-aos="fade-up">
      <a href="#team" class="cursor-pointer rounded-full bg-purple-600 hover:bg-purple-700 text-white py-3 px-8">
        Meet Our Team
      </a>
      <a href="#contact" class="cursor-pointer rounded-full border-2 py-3 px-8 border-white text-white hover:bg-white hover:text-purple-900 transition duration-300 ease-in-out">
        Contact Us
      </a>
    </div>
  </div>
</section>

Related Examples

bugger delivary animation
this playground is responsive and animated bugger delivary

Author:
Bonimater

4 months ago

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

Author:
Amit Pachange

1 year ago

4.7k
Innovative Rwanda-Canada Transport Services Website
Innovative Rwanda-Canada Transport Services Website

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 month ago

181
about us simple

Author:
QQ-VVN

5 months ago

403
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

16.6k
About Us

Author:
KULDEEP

3 months ago

574
Stylish Mobile-First Navigation Bar Using Tailwind
This project showcases a sleek, fixed-top responsive navigation bar crafted with Tailwind CSS. Featuring a vibrant gradient background, a bold uppercase logo, and smooth pink hover effects, it adapts beautifully across devices. On desktop, the navigation links appear horizontally with ample spacing, while on mobile, a hamburger menu toggles a stylish dropdown with rounded corners and subtle shadows. The navbar’s semi-transparent backdrop with blur adds a modern glassmorphism touch, making it perfect for contemporary web designs.

Author:
Bonimater

4 months ago

435
Simple About Us section

Author:
Abigail

2 years ago

14.7k
canvas fully covers
canvas fully covers

Author:
ABDESLAMI ACHRAF

10 months ago

3.6k
basichtml
this is basic html

Author:
Anonymous

3 months ago

148
About Us
This The About Us Component with the tailwind class and some animation by tailwind and best about us page you can modify it and content is for now only clinic but you can ad your content

Author:
Sahil Sasapara

1 year ago

4.5k
About us card

Author:
Sienna

2 years ago

11.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components