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

1.2k

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

1 year ago

2.1k
3d Box
Let's build a 3d world empowered by Orgin Dreams.these are 3d objects

Author:
ORGIN_DREAMS

10 months ago

761
Hero

Author:
ORGIN_DREAMS

10 months ago

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

9 months ago

1.4k
card profie
profile card

Author:
Aman kumar

2 years ago

4.3k
Show user details

Author:
Lucas Martinez

3 years ago

25.6k
Designing a Responsive Form Layouts with Tailwind CSS
Enhance your web application by building a sleek and responsive Form Layouts using Tailwind CSS. This comprehensive guide walks you through creating an interactive Form Layouts section featuring.

Author:
zobaidul kaziex

1 year ago

3k
profile page
This profile page design includes: 1. Responsive layout using Flexbox 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Profile picture with hover effect 5. About Me section 6. Skills section with interactive tags 7. Contact information with icons 8. Edit Profile button 9. Subtle animations and transitions 10. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The profile card has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - The profile picture has a border color that changes in dark mode - Skill tags have a hover effect that changes their color - Icons in the contact section use the theme colors - The Edit Profile button uses Indigo-800 with a Blue-900 hover state - Dark mode is automatically applied based on system preferences - The entire card fades in on load for a smooth entrance - The profile picture has a subtle scale effect on hover This design provides a clean, professional look while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

Author:
nejaa badr

1 year ago

5.8k
Simple web portfolio
The portfolio includes all required sections (Hero, Projects, About, Contact) with professional styling, and I've added some premium touches like social media icons, a sticky navigation, and beautiful gradient effects that make it feel cutting-edge and engaging.

Author:
Rathanak Phan

9 months ago

1.2k
Portfolio Hero Section

Author:
KULDEEP

8 months ago

672
Stylish profile card with a hover effect

Author:
Anonymous

2 years ago

9.2k
The Future of Web Development
love my product

Author:
Code Master(Mfuranziza Dusabe Hamza)

9 months ago

906

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components