Buttons Component
A minimalist buttons component designed for a portfolio showcasing work or products, featuring vibrant colors and responsive design with dark theme support using Tailwind CSS.
HTML Code
<div class="flex flex-col items-center justify-center h-screen bg-white dark:bg-gray-900 p-4">
<h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Portfolio Buttons</h1>
<div class="space-y-4">
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-red-500 rounded hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600 transition duration-200">View Projects</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-green-500 rounded hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-600 transition duration-200">Contact Me</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-blue-500 rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600 transition duration-200">Download CV</a>
</div>
</div>Related Components
Buttons Component
A retro-vintage themed button component with triadic color scheme, simple complexity, and responsive design with dark mode support, suitable for a blog or content website.
Buttons Component
A collection of minimalist and flat design buttons for various actions, using a complementary color scheme. Fully responsive with dark mode support.
Buttons Component
Neumorphism Buttons Component with Monochromatic color scheme for Portfolio purpose, responsive with dark theme support.