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

1.2k

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

11 months ago

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

10 months ago

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

9 months ago

1.4k
Heading Style

Author:
KULDEEP

6 months ago

428
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

6 months ago

658
Testimonial that What Client Says

Author:
Abdul Baset Bappy

6 months ago

776
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

5 months ago

980
Attractive Feature Section
With Gradient Color 6 Features

Author:
KULDEEP

5 months ago

745
about video
about kelaplus video

Author:
Omer fils ELENGA

5 months ago

648
CTA Responsive
Gradient Style CTA

Author:
KULDEEP

5 months ago

402
My Coding Journey
To transform a standard timeline into an engaging, scroll-driven narrative experience.

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

330
Our Services Section – Animated & Responsive
A modern and dynamic “Services” section built with Tailwind CSS and Alpine.js, designed to showcase your company’s main offerings with clean visuals and engaging animations. This component uses smooth fade and slide animations to reveal each service card as it comes into view. Each card highlights a core business area — Web Development, Mobile Apps, and Cloud Solutions — with beautiful hover effects, icons, and descriptive lists. Perfect for SaaS websites, agencies, and startups looking to present their services in a visually appealing, professional, and responsive layout. Key Features Smooth scroll-triggered animations with Alpine.js Responsive grid layout (mobile → desktop ready) Built with Tailwind CSS for fast customization Dark mode support included Interactive hover effects for each service card Ideal for corporate, SaaS, or portfolio websites 💡 Services Included 🌐 Web Development (Responsive, SEO-friendly, Optimized) 📱 Mobile Apps (Cross-platform, iOS & Android) ☁️ Cloud Solutions (AWS, Azure, Auto-scaling, Security)

Author:
wavy kits

2 months ago

513

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components