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

320

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

6 months ago

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

4 months ago

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

2 months ago

378
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

1 month ago

348
Testimonial that What Client Says

Author:
Abdul Baset Bappy

1 month ago

302
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 month ago

137
Heading

Author:
KULDEEP

1 month ago

324
Contact Us / Enquiry-form Responsive

Author:
KULDEEP

1 month ago

350
About Us Component

Author:
KULDEEP

1 month ago

385
about video
about kelaplus video

Author:
Omer fils ELENGA

1 month ago

78
Simple layout

Author:
Edward Carandang

1 year ago

2.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components