Luxury_Pastel_Government_Footer
Un composant de pied de page élégant et réactif pour les sites Web gouvernementaux ou de services publics, doté d’un design luxueux avec une palette de couleurs pastel et une prise en charge du mode sombre. Comprend des liens de navigation, des coordonnées, des médias sociaux et des droits d’auteur.
HTML Code
<footer class="bg-gradient-to-r from-teal-50 to-blue-50 text-gray-700 dark:from-gray-900 dark:to-gray-950 dark:text-gray-300 py-12 px-4 shadow-inner border-t border-gray-200 dark:border-gray-800">
<div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
<!-- Logo & Description -->
<div class="flex flex-col items-start">
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse mb-4">
<svg class="w-8 h-8 text-teal-600 dark:text-teal-400" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M2.25 6a3 3 0 013-3h13.5a3 3 0 013 3v10.5a3 3 0 01-3 3H5.25a3 3 0 01-3-3V6zm3-.75a.75.75 0 00-.75.75v10.5c0 .414.336.75.75.75h13.5a.75.75 0 00.75-.75V6a.75.75 0 00-.75-.75H5.25zM6 9a.75.75 0 01.75-.75h10.5a.75.75 0 01.75.75v4.5a.75.75 0 01-.75.75H6.75a.75.75 0 01-.75-.75V9z" clip-rule="evenodd" />
</svg>
<span class="self-center text-3xl font-serif font-semibold whitespace-nowrap text-teal-800 dark:text-teal-200">Government</span>
</a>
<p class="text-sm text-gray-600 dark:text-gray-400 leading-relaxed max-w-xs">
Committed to serving the public with transparencyComposants associés
Glassmorphism Footer
Un composant de pied de page réactif conçu avec le style glassmorphism, avec des effets de verre givré et la prise en charge des thèmes sombres à l’aide de Tailwind CSS.
Composant de pied de page
Un composant simple de pied de page en mode sombre pour les médias sociaux avec une palette de couleurs complémentaire.
Composant de pied de page skeuomorphe
Composant de pied de page réactif avec un design skeuomorphe, une palette de couleurs analogue (verts, bleus-verts) et une complexité modérée adaptée aux sites Web d’entreprise. Comprend des liens, un espace réservé pour le logo et un effet Skeuomorphic subtil obtenu avec des ombres et des dégradés. Prend en charge les modes clair et sombre.