Home
KULDEEP
About Us Component

About Us Component

This tailwind example is contributed by KULDEEP, on 03-Jul-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Frequently asked questions, QnA,about me

FAQ Other About us

Author KULDEEP

355

Fork Fullscreen

<section class="relative bg-gray-900 text-white py-16 px-8 overflow-hidden">
  
  <div class="absolute inset-0 -z-10">
    <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1440 320">
      <defs>
        <pattern id="dots" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
          <circle cx="2" cy="2" r="2" class="text-gray-700" fill="currentColor"/>
        </pattern>
      </defs>
      <rect width="100%" height="100%" fill="url(#dots)" opacity="0.2"/>
    </svg>
  </div>

<div class="max-w-6xl mx-auto flex flex-col md:flex-row items-center md:items-center md:space-x-12">
    
    <div class="w-full md:w-1/2 mb-8 md:mb-0">
      <img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.4&auto=format&fit=crop&w=800&q=80" alt="Our Team" class="rounded-lg shadow-lg object-cover w-full h-full" />
    </div>

<div class="w-full md:w-1/2">
      <h2 class="text-4xl font-bold mb-4 border-b-4 border-blue-500 inline-block">About Us</h2>
      <p class="mb-4 text-gray-300 leading-relaxed">
        We are committed to delivering innovative solutions with a focus on quality and customer satisfaction. Our team of experts works tirelessly to bring your ideas to life and help your business grow.
      </p>
      <p class="mb-4 text-gray-300 leading-relaxed">
        Join us on our journey to make a difference in the industry through creativity, dedication, and excellence.
      </p>
      <a href="#contact" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300">
        Contact Us
      </a>
    </div>
  </div>
</section>

Related Examples

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

6 months ago

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

6 months ago

1.2k
Help and support center ticketing system
Help and support center ticketing system

Author:
Rushikesh Latpate

6 months ago

897
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 months ago

802
Heading Style

Author:
KULDEEP

2 months ago

320
portfolio
Complete Portfolio UI Kit with hero, about, skills, projects, testimonials, contact form, and footer. Fully responsive and dark mode supported using Tailwind CSS.

Author:
Lekhraj Ghimire

1 month ago

348
Testimonial that What Client Says

Author:
Abdul Baset Bappy

1 month ago

254
Login / Register Form
Tailwind CSS styling only – no frameworks required Smooth tab switch with JavaScript Fully responsive for mobile and desktop Clean, modern form design with interactive elements

Author:
KULDEEP

1 month ago

378
Attractive Feature Section
With Gradient Color 6 Features

Author:
KULDEEP

1 month ago

194
about video
about kelaplus video

Author:
Omer fils ELENGA

1 month ago

77
CTA Responsive
Gradient Style CTA

Author:
KULDEEP

1 month ago

41
Simple layout

Author:
Edward Carandang

1 year ago

2.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components