Home
Aitrik Saha
Portfolio

Portfolio

This tailwind example is contributed by Aitrik Saha, on 20-Jan-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information

Banner Profile

Author Aitrik Saha

942

Fork Fullscreen

<div class="w-full h-auto bg-gradient-to-r from-gray-900 via-gray-800 to-gray-700 overflow-hidden">
  <div class="lg:px-16 xs:px-4 xs:py-10 sm:py-10 px-8 py-1 pb-4 h-full flex items-center text-white">
    <div class="w-full grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
      <div class="flex flex-col z-10 w-full">
        <h4 class="text-lg font-semibold text-white xl:text-2xl">
          Welcome to my portfolio
        </h4>
        <h1 class="xl:text-8xl sm:text-6xl xs:text-3xl font-semibold font-serif mt-2">
          I'm <span>Aitrik</span>
        </h1>
        <h1 class="sm:text-6xl xs:text-3xl font-semibold font-serif">
          Saha
        </h1>
        <h4 class="text-green-300 mt-4 lg:text-2xl">
          -- FrontEnd Web Developer
        </h4>
        <p class="lg:w-[70%] xs:w-full text-white text-sm mt-4 xl:text-xl">
          Experienced full-stack developer with 4+ years of expertise in Laravel,
          NestJS, Nuxt.js, Next.js, Android, and some Flutter experience.
        </p>
        <div>
          <button class="mt-6 px-6 py-3 rounded-full bg-green-400 hover:bg-green-600 text-gray-300 text-sm lg:text-lg font-bold transition-all duration-300 ease-in-out shadow-md">
    Contact Me
  </button>
        </div>

</div>

Related Examples

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.6k
3d Box
Let's build a 3d world empowered by Orgin Dreams.these are 3d objects

Author:
ORGIN_DREAMS

6 months ago

620
Hero

Author:
ORGIN_DREAMS

6 months ago

900
Acode Master
Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

Author:
Code Master(Mfuranziza Dusabe Hamza)

6 months ago

1.2k
Modern resume template
modern resume template with data

Author:
Amit Pachange

2 years ago

22k
Update Profile
Update profile page with basic informations

Author:
Sedat Kumcu

1 year ago

2.7k
Author card
Author card for giving credit to the author of the Blog/Article. It has social media icons and user image

Author:
Prajwal Hallale

2 years ago

7.4k
FLESH & BONE
Stranded in the heart of a cannibal-infested jungle, you must make unthinkable choices to survive. How far will you go to see another sunrise?

Author:
gidy

2 weeks ago

78
Welcome banner for developers portfolio
A hero section welcoming visitors to a portfolio or website. It features a large, visually appealing title and an image.

Author:
Vikram Choudhary

2 years ago

10.2k
Profile Card
Simple and Attractive Profile card in tailwind css

Author:
KULDEEP

5 months ago

408
Stacked Profile
Stacked profile images

Author:
Mitch Chimwemwe Chanza

2 years ago

7.2k
Profile Card

Author:
Crimson

10 months ago

1.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components