Questionnaire Section

This tailwind example is contributed by $@(\/)(\/)¥, on 06-Jan-2025. Component is made with Tailwind v3.4. It is responsive. similar terms for this example is about me

About us

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

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

Tailwind v3.4 2.2k 4

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

About Us

ariaw

1 year ago

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

Sahil Sasapara

2 years ago

5.7k
basichtml
this is basic html

Anonymous

1 year ago

929
About me section with image

Kofi Osei

3 years ago

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

Sachin Kannaujiya

1 year ago

1.6k
Simple web portfolio
The portfolio includes all required sections (Hero, Projects, About, Contact) with professional styling, and I've added some premium touches like social media icons, a sticky navigation, and beautiful gradient effects that make it feel cutting-edge and engaging.

Rathanak Phan

1 year ago

1.8k
Donate Hero section
Best New tailwindcss,help save the children

ORGIN_DREAMS

1 year ago

1.4k
about video
about kelaplus video

Omer fils ELENGA

1 year ago

1.3k
Code Editor UI
Simple code editor prototype made with HTML and TailwindCSS. A lightweight template to explore and customize.

Indra

1 year ago

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

Amit Pachange

2 years ago

16.1k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Hasan AlDoy (McDoy)

6 months ago

482
Portfolio About & Skills

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

2.7k