Home
$@(\/)(\/)Y
Portfolio Hero Section 4

Portfolio Hero Section 4

This tailwind example is contributed by $@(\/)(\/)Y, on 19-Nov-2024. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information,Front page,CV template

Hero Profile Landing Page Resume template

$$@(\/)(\/)Y profile image$

Author $@(\/)(\/)Y

2.5k

Fork Fullscreen

<div class="w-[80%] mx-auto h-full flex justify-between items-center">
      <div class="h-full xl:w-[50%] md:w-[60%] sm:w-[70%] w-full text-white flex flex-col gap-2 justify-center">
        <h1 class="xl:text-7xl lg:text-6xl md:text-5xl text-4xl font-semibold">Hi there, I am</h1>
        <h1 class="xl:text-7xl lg:text-6xl md:text-5xl text-4xl font-semibold bg-text">Samuel Abera!</h1>
        
        <p class="lg:text-3xl sm:text-xl text-lg lg:my-6 my-2">I am Experienced full-stack developer with 4+ years of
          expertise in Laravel, NestJS, Nuxt.js, Next.js, Android, and some Flutter experience.</p>

<div class="flex sm:flex-row flex-col gap-4 lg:mt-4 mt-2">
          <button class="md:px-8 px-4 md:py-4 py-2 md:text-xl text-lg font-semibold rounded-md gradiant cursor-pointer">Click For Hire Me</button>
          <button class="md:px-8 px-4 md:py-4 py-2 md:text-xl text-lg font-semibold outline outline-2  rounded-md cursor">About Me</button>
        </div>
      </div>
      <div></div>
    </div>
  </div>
</div>

Related Examples

A Fullscreen Hero Section

Author:
Brandon D

2 years ago

18.8k
Basic Resume template
simple and clean layout that provides a professional look.

Author:
R.P Ketan

2 years ago

25.5k
Modern resume template
modern resume template with data

Author:
Amit Pachange

1 year ago

20.1k
Hero

Author:
Aman kumar

1 year ago

5.9k
Experience Card
Experience card section you can use for portfolio or other profiles.

Author:
Khalid

1 year ago

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

5k
Hero Section
Home hero section search bar

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

1 year ago

6.5k
Flour mill website landing page template
flour mill and services template website which comprise of many sections like about us, featured products, why us, visit us

Author:
Amit Pachange

1 year ago

11.4k
About Us
This The About Us Component with the tailwind class and some animation by tailwind and best about us page you can modify it and content is for now only clinic but you can ad your content

Author:
Sahil Sasapara

11 months ago

3.8k
Portfolio Hero Section 1
visually stunning and captivating hero section component for your portfolio website.

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

11 months ago

4.2k
Portfolio Hero Section 2
visually stunning and captivating hero section component for your portfolio website.

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

11 months ago

4.3k
Portfolio Hero Section 3
visually stunning and captivating hero section component for your portfolio website.

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

11 months ago

6.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components