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

186

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

Simple About Us section

Author:
Abigail

1 year ago

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

3 weeks ago

436
About me section

Author:
Steven Kuhn

2 years ago

16.2k
About me section with image

Author:
Kofi Osei

1 year ago

22.3k
About us section

Author:
Mr Robot

2 years ago

17.5k
Portfolio About & Skills

Author:
Samuel Abera

1 month ago

403
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 week ago

146
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

8 months ago

3.1k
Sleek & Modern Tailwind CSS Card with Vibrant Gradient
✔ Vibrant Gradient Background 🎨 ✔ Soft Shadows & Hover Scaling ✨ ✔ Dark Mode Friendly 🌙 ✔ Minimalist & Clean UI 💎

Author:
Sachin Kannaujiya

2 weeks ago

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

Author:
ABDESLAMI ACHRAF

4 months ago

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

9 months ago

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

Author:
Abigail

2 years ago

9.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 2000+ components