Home
Samuel Abera
Portfolio Hero Section 4

Portfolio Hero Section 4

This tailwind example is contributed by Samuel Abera, 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

Hero Profile Landing Page

Author Samuel Abera

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-9xl lg:text-6xl md:text-5xl text-4xl font-semibold">Hi there, I am</h1>
        <h1 class="xl:text-9xl 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

15.2k
Hero

Author:
Aman kumar

9 months ago

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

8 months ago

3.4k
Hero Section
Home hero section search bar

Author:
Samuel Abera

8 months ago

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

6 months ago

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

5 months ago

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

Author:
Samuel Abera

5 months ago

3.4k
Hero Beer

Author:
Samuel Abera

5 months ago

2.4k
beautifull portfolio page
I create a portfolio page

Author:
Akram Khan

4 months ago

800
Modern CV Template - Stylish HTML and Tailwind CSS Design for Professionals
Download this modern CV template crafted with HTML and Tailwind CSS. Featuring a clean, stylish design and easy customization, this CV template is perfect for professionals looking to make a strong impression. Showcase your skills, experience, and education with a visually appealing and responsive layout.

Author:
Hezron Okoko

2 months ago

672
Chat Box for Marketing
An Onyx component. This chat box is great for SAAS landing pages where you want to mock customer interactions or expectations.

Author:
Coastal UI

1 month ago

333
Website Mockup
An Onyx Component. This can be used for landing pages / other website mockup purposes. It's clean design will fit with most SAAS projects.

Author:
Coastal UI

1 month ago

284

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent