Composant Mega Menu
Un composant de méga menu réactif conçu dans un style skeuomorphe avec une palette de couleurs en niveaux de gris pour les sites Web d’entreprise et d’entreprise. Il prend en charge le thème sombre et utilise Tailwind CSS pour le style.
HTML Code
<div class="bg-gray-100 dark:bg-gray-900 p-5 rounded-lg shadow-lg">
<h2 class="text-xl font-bold text-gray-800 dark:text-gray-200">Services</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
<div class="bg-white dark:bg-gray-800 p-4 rounded-md shadow">
<img src="https://picsum.photos/200/150?random=1" alt="Service 1" class="w-full h-32 object-cover rounded-md mb-2">
<h3 class="text-lg font-semibold text-gray-700 dark:text-gray-300">Consulting</h3>
<p class="text-gray-600 dark:text-gray-400">Professional consulting services to help you grow.</p>
</div>
<div class="bg-white dark:bg-gray-800 p-4 rounded-md shadow">
<img src="https://picsum.photos/200/150?random=2" alt="Service 2" class="w-full h-32 object-cover rounded-md mb-2">
<h3 class="text-lg font-semibold text-gray-700 dark:text-gray-300">Marketing</h3>
<p class="text-gray-600 dark:text-gray-400">Effective marketing strategies tailored to your needs.</p>
</div>
<div class="bg-white dark:bg-gray-800 p-4 rounded-md shadow">
<img src="https://picsum.photos/200/150?random=3" alt="Service 3" class="w-full h-32 object-cover rounded-md mb-2">
<h3 class="text-lg font-semibold text-gray-700 dark:text-gray-300">Support</h3>
<p class="text-gray-600 dark:text-gray-400">24/7 support to assist with your queries.</p>
</div>
</div>
<h2 class="text-xl font-bold text-gray-800 dark:text-gray-200 mt-8">About Us</h2>
<div class="flex items-center mt-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full mr-4">
<p class="text-gray-600 dark:text-gray-400">Our team is dedicated to providing exceptional service and value.</p>
</div>
</div>Composants associés
Composant Mega Menu
Un composant de méga menu de style Neumorphisme avec une palette de couleurs monochromatiques conçu pour les blogs et la consommation de contenu. Il prend en charge la conception réactive avec le mode sombre.
Composant Mega Menu - Neumorphic Vibrant E-commerce
Un méga composant de menu complexe et réactif conçu avec un style de commerce électronique neumorphe et dynamique. Comprend plusieurs colonnes, des exemples d’images et des listes de catégories, avec une prise en charge complète du mode sombre.
Méga menu du e-commerce brutaliste
Un méga menu complexe, de style brutaliste, pour le commerce électronique, avec un contraste élevé et des tons bleus professionnels. Entièrement réactif avec prise en charge du mode sombre.