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

141

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

5 months ago

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

5 months ago

1k
Help and support center ticketing system
Help and support center ticketing system

Author:
Rushikesh Latpate

4 months ago

720
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

3 months ago

521
Heading Style

Author:
KULDEEP

1 month ago

210
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

3 weeks ago

271
Testimonial that What Client Says

Author:
Abdul Baset Bappy

3 weeks ago

88
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

2 weeks ago

155
Attractive Feature Section
With Gradient Color 6 Features

Author:
KULDEEP

2 days ago

40
about video
about kelaplus video

Author:
Omer fils ELENGA

1 day ago

8
Skill Cards with Tailwind CSS
A responsive and modern card section designed with Tailwind CSS to showcase professional skills. Each card features a smooth fade-in animation and hover scaling effect for an engaging user experience. Ideal for portfolio websites, developer profiles, and personal branding pages. Fully customizable and mobile-friendly.

Author:
irahoza daniel

1 month ago

69
Full HTML Version
What's Included: Title*: Required input Description: Optional textarea Fully responsive and dark mode ready Simple validation (required on title)

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 month ago

271

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components