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

137

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

11.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

4 months ago

934
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

481
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)

4 weeks ago

263
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

2 weeks ago

262
Testimonial that What Client Says

Author:
Abdul Baset Bappy

2 weeks ago

66
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

1 week ago

21
Heading

Author:
KULDEEP

1 week ago

98
Contact Us / Enquiry-form Responsive

Author:
KULDEEP

4 days ago

40
About Us Component

Author:
KULDEEP

6 hours ago

3
Live Chat Component using Tailwind Alpine JS
Live Chat Component using Tailwind Alpine JS

Author:
Ahita Bisma Adlula

4 months ago

270
Aurora Spinner
Aurora Spinner using tailwindcss

Author:
Deepak Kumar Chouhan

6 months ago

919

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components