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

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

10 months ago

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

Author:
ORGIN_DREAMS

7 months ago

665
Hero

Author:
ORGIN_DREAMS

7 months ago

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

7 months ago

1.3k
My Personal Landing page
This HTML document showcases Aydin Vesali Moghaddam's personal portfolio, highlighting his journey in web development. The page features a responsive design that adapts to various screen sizes, ensuring a seamless user experience across devices. It includes a personal introduction, a brief overview of Aydin's tech journey, and a contact form for visitors to subscribe to updates. Additionally, the page provides links to Aydin's Discord, website, and Twitter, offering multiple avenues for connecting and staying updated on his projects.

Author:
AyDin VM

1 year ago

6k
Banner for app download
Show App Download Buttons for the App Store and Play Store

Author:
Pixel Perfect

1 year ago

1.7k
Modern SAAS HERO Section
A hero section for your SAAS application

Author:
Emdadul Islam

1 year ago

2.6k
Responsive Hero Section with Typewriter Effect
A modern hero section featuring a typewriter animation effect, social media links, and responsive design. Includes a user avatar placeholder and a clean dark gradient background. Built with Tailwind CSS and Font Awesome icons. Perfect for personal portfolio websites.

Author:
Muhammad Umair Arshad

8 months ago

523
Portfolio Hero Section 4

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

3.8k
Simple User Icon
Perfect for dashboard corners or social media platforms. Part of the coastalui.com collection.

Author:
Coastal UI

10 months ago

990
Profile Card
User Profile Card with Name and Location

Author:
Anubhav Ranjan

1 year ago

2.3k
Responsive Hero Section
Key features of this hero section: 1. Responsive layout: Uses a column layout on mobile and switches to a row layout on medium screens and larger. 2. Left side: - Company name as a large heading - Brief description - "Learn More" button 3. Right side: - "Why Choose Us?" section with bullet points - Two call-to-action buttons: "Get Started" and "Contact Sales" 4. Styling: - Uses Tailwind's utility classes for responsive design, colors, spacing, and typography - Incorporates a shadow and rounded corners for the right-side content box - Includes hover effects on buttons for better interactivity This hero section will be fully responsive: - On mobile devices, it will stack vertically with the company info on top and the details below. - On larger screens, it will display in a two-column layout. The use of Tailwind CSS classes ensures that the design is consistent and easily adjustable. You can further customize the colors, fonts, and spacing to match your brand's specific design guidelines. Would you like me to explain any part of this code or make any adjustments?

Author:
zobaidul kaziex

1 year ago

2.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components