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

188

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

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

1 week ago

82
Simple About Us section

Author:
Abigail

2 years ago

13.4k
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

15.7k
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

900
Flour mill website landing page template
flour mill and services template website which comprise of many sections like about us, featured products, why us, visit us

Author:
Amit Pachange

11 months ago

10.9k
About us card

Author:
Sienna

2 years ago

11.1k
Sleek & Modern Tailwind CSS Card with Vibrant Gradient
✔ Vibrant Gradient Background 🎨 ✔ Soft Shadows & Hover Scaling ✨ ✔ Dark Mode Friendly 🌙 ✔ Minimalist & Clean UI 💎

Author:
Sachin Kannaujiya

2 months ago

330
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
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

11 months ago

3.5k
About us

Author:
Samuel Abera

3 months ago

1.1k
Portfolio About & Skills

Author:
Samuel Abera

3 months ago

991
About me section with image

Author:
Kofi Osei

2 years ago

23k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components