Feedback Components Component
A brutalist-style feedback component with a pastel color scheme, moderate complexity, and responsive design with dark theme support. Designed for a portfolio to showcase feedback or testimonials.
HTML Code
<div class="min-h-screen bg-pink-100 dark:bg-stone-900 p-8 flex items-center justify-center">
<div class="max-w-4xl w-full bg-white dark:bg-stone-800 shadow-brutalist border-4 border-stone-900 dark:border-pink-500 p-8 md:p-12 relative">
<h2 class="text-3xl md:text-5xl font-extrabold text-stone-900 dark:text-pink-100 mb-8 border-b-4 border-stone-900 dark:border-pink-500 pb-4 inline-block">
Client Testimonials
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Testimonial 1 -->
<div class="bg-pink-200 dark:bg-stone-700 p-6 border-4 border-stone-900 dark:border-pink-500 relative group">
<p class="text-stone-800 dark:text-pink-200 text-lg mb-4 italic leading-relaxed">
"Working with [Your Name] was an absolute game-changer for my project. Their unique vision and relentless dedication brought my ideas to life in ways I hadnRelated Components
Feedback Components Component
Simple Glassmorphism feedback component for social media, featuring a triadic color scheme, responsive design, and dark theme support. No JavaScript required.
Feedback Components Component
A minimalist feedback component designed for e-commerce, featuring soft pastel colors, responsive design, and dark theme support. The component includes a feedback form with input fields, a rating system, and a submit button, all styled with Tailwind CSS.
Feedback Component
A responsive feedback component designed with Material Design principles, incorporating earth tones and equipped for dark mode support. This component is specifically designed for dashboards and features various interactive elements.