Home
Samuel Abera
Questionnaire Section

Questionnaire Section

This tailwind example is contributed by Samuel Abera, on 06-Jan-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is about me

About us

Author Samuel Abera

556

Fork Fullscreen

<div class="w-full h-screen bg-[#fbf9f7]">
  <div class="md:h-1/3 sm:h-[20%] h-[16%] md:w-[80%] sm:w-[90%] mx-auto bg-[#e7e3e0]"></div>
  <div class="relative md:w-[70%] w-[80%] mx-auto ">
    <div class="absolute md:-top-[7rem] -top-[4rem] flex flex-col items-center">
      <img class="md:w-[24rem] sm:w-[16rem] w-[10rem] object-center" src="https://images.unsplash.com/photo-1568733479167-08d48cb167bc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHw2fHxiZWF1dHlmdWwlMjBnaXJsfGVufDB8MHx8fDE3MzYxNDYzODJ8MA&ixlib=rb-4.0.3&q=80&w=1080" alt="Profile">
      <h2 class="sm:text-5xl text-3xl font-serif mt-10 text-center">Ready to work with me?</h2>
      <p class="text-center text-md mt-6">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
        molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
        numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium</p>
      <button class="text-lg font-semibold px-6 py-2 mt-8 outline outline-2 outline-gray-700 rounded-full hover:bg-[#e7e3e0]">Contact</button>
    </div>
  </div>
</div>

Related Examples

Responsive portfolio with dark mode
responsive and support dark mode .portfolio website

Author:
ABDESLAMI ACHRAF

6 months ago

2.4k
About me section

Author:
Steven Kuhn

2 years ago

16.8k
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

15.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

11 months ago

3.5k
About us card

Author:
Sienna

2 years ago

11.1k
Abous Us
About us section with statastics and CTA buttons

Author:
Rajesh Maheshwari

1 month ago

188
User about me / introduction card
About me card with an image and a short introduction

Author:
Abigail

2 years ago

9.5k
About me section with image

Author:
Kofi Osei

2 years ago

23k
Responsive About Section with Tailwind CSS
Built a sleek and fully responsive About Section for my portfolio using Tailwind CSS! 🚀 Designed for smooth adaptability across all screen sizes with a modern and minimal aesthetic. Perfect for showcasing skills, experience, and a personal touch!

Author:
Abdul Baset Bappy

4 weeks ago

122
Responsive Portfolio Webpage with Tailwind CSS
This is a reusable and responsive portfolio webpage template created with HTML and Tailwind CSS. Designed for developers or creatives, the template includes essential sections like Header, Hero, About, Skills, Experience, Projects, Testimonials, Contact Form, and Footer. It features a clean, modern design and is fully customizable without requiring JavaScript. Perfect for showcasing personal or professional work on the web.

Author:
Ayyamperumal S

2 months ago

900
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

2 months ago

621
Simple About Us section

Author:
Abigail

2 years ago

13.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components