Home
KULDEEP
Heading Style

Heading Style

This tailwind example is contributed by KULDEEP, on 06-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Typography, Title, h1, h2, h3,about me

Heading Other About us

Author KULDEEP

365

Fork Fullscreen

<div class="font font-Poppins bg-[#212529] min-h-screen">
  <div class="flex flex-col items-center relative pt-20 overflow-hidden">
    
    <h1 class="absolute text-6xl md:text-[10rem] font-bold text-white opacity-5 animate-pulse">
      ABOUT ME
    </h1>
    
    <div class="relative flex flex-col items-center mt-5 md:mt-10 group">
      
      <h1 class="text-3xl md:text-5xl lg:text-7xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-orange-500 to-amber-300 mb-2 transition-all duration-500 group-hover:scale-105">
        Know Me More
      </h1>
      
      
      <div class="relative">
        <div class="w-20 md:w-32 h-1 bg-gray-600 rounded-full overflow-hidden">
          <div class="h-full bg-orange-600 animate-progress-bar origin-left"></div>
        </div>
        <div class="absolute -bottom-1 left-1/2 transform -translate-x-1/2 w-2 h-2 bg-orange-400 rounded-full animate-ping"></div>
      </div>
      
      
     
    </div>
    
    
    <p class="mt-6 text-gray-400 text-center max-w-md md:max-w-2xl px-4 text-sm md:text-base animate-fade-in">
      Let me introduce myself and share my journey, skills, and passions with you
    </p>
  </div>
</div>

Related Examples

Fancy underline

Author:
Simon Scheffer

2 years ago

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

9 months ago

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

7 months ago

1.2k
A Code Master Academy
A Code Master Academy – Empowering the Next Generation of Tech Leaders in Rwanda 👨‍💻 I'm Acode Master, the founder of A Code Master Academy, a practical and inclusive coding school based in Rubavu, Rwanda. The academy is dedicated to transforming lives by equipping unemployed youth and passionate learners with job-ready skills in modern software development.

Author:
Code Master(Mfuranziza Dusabe Hamza)

5 months ago

871
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

5 months ago

626
Testimonial that What Client Says

Author:
Abdul Baset Bappy

5 months ago

591
Heading
Subtle Script Background - Large, very light script font in the background ("Amazing") Light-to-Dark Gradient Heading - Main heading fades from light gray to dark gray Layered Typography - Secondary heading in medium weight for contrast Elegant Divider - With centered italic text Minimalist Border Accents - Thin borders in corners for sophistication Responsive Design - Scales beautifully on all devices

Author:
KULDEEP

4 months ago

369
Heading

Author:
KULDEEP

4 months ago

720
Contact Us / Enquiry-form Responsive

Author:
KULDEEP

4 months ago

1k
About Us Component

Author:
KULDEEP

4 months ago

914
about video
about kelaplus video

Author:
Omer fils ELENGA

4 months ago

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

Author:
Amit Pachange

1 year ago

4.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components