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 $@(\/)(\/)¥

833

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

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

1 week ago

15
Simple About Us section

Author:
Abigail

2 years ago

14.7k
thyis is my play ground
this playground is responsive

Author:
bonheur dev

4 months ago

230
Abous Us
About us section with statastics and CTA buttons

Author:
Rajesh Maheshwari

7 months ago

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

Author:
Indra

1 month ago

121
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

8 months ago

1.4k
Portfolio About & Skills

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

9 months ago

2k
basichtml
this is basic html

Author:
Anonymous

3 months ago

290
Testimonial that What Client Says

Author:
Abdul Baset Bappy

3 months ago

432
basichtml
this is basic html

Author:
Anonymous

3 months ago

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

Author:
Sachin Kannaujiya

8 months ago

938
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

1 year ago

13.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components