Heading Style

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

Heading Other About us

Author KULDEEP

Tailwind v3.4 763 3

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

Simon Scheffer

3 years ago

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

Ayyamperumal S

1 year ago

2.6k
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!

Abdul Baset Bappy

1 year ago

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.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

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

Lekhraj Ghimire

1 year ago

1.4k
Testimonial that What Client Says

Abdul Baset Bappy

1 year ago

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

KULDEEP

1 year ago

972
Heading

KULDEEP

1 year ago

1.6k
Contact Us / Enquiry-form Responsive

KULDEEP

1 year ago

2.1k
About Us Component

KULDEEP

1 year ago

2k
about video
about kelaplus video

Omer fils ELENGA

1 year ago

1.2k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Achraf Testq

5 months ago

607