Home
$@(\/)(\/)¥
Questionnaire Section

Questionnaire Section

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

About us

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

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

1.2k

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

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

Author:
Sachin Kannaujiya

1 year ago

1.2k
About me section

Author:
Steven Kuhn

3 years ago

18.3k
About Us

Author:
KULDEEP

7 months ago

946
thyis is my play ground
this playground is responsive

Author:
bonheur dev

8 months ago

595
About us section

Author:
Mr Robot

3 years ago

19.8k
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 year ago

2k
Coming Soon Countdown Section – Animated & Responsive
A beautifully designed "Coming Soon" landing section built with Tailwind CSS and Alpine.js, perfect for startups, SaaS platforms, and product launches. This component features a live countdown timer, smooth fade-in animations, and floating gradient effects for a futuristic, engaging look. The layout adapts seamlessly to all screen sizes and supports dark mode, creating a professional pre-launch experience that builds anticipation and excitement. ✨ Key Features ⏳ Dynamic countdown timer (days, hours, minutes, seconds) 🎨 Animated gradient orbs for a vibrant background effect 🌙 Dark mode support included 💨 Smooth entrance animations using Alpine.js 📱 Fully responsive design for all devices 🔗 Social media icons to keep your audience connected 💡 Perfect for: Coming Soon or Under Construction pages Product and SaaS pre-launch sites Portfolio or agency landing pages Event or app launch countdowns

Author:
wavy kits

4 months ago

663
bugger delivary animation
this playground is responsive and animated bugger delivary

Author:
Bonimater

8 months ago

639
Testimonial that What Client Says

Author:
Abdul Baset Bappy

7 months ago

844
why choose us (features showcase) example

Author:
Erik Hyatt

2 years ago

17.1k
About Us Component

Author:
KULDEEP

7 months ago

1.3k
Social Proof
Composant de preuve sociale👌

Author:
Ousmane CISSE

3 months ago

194

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components