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
Fondu de pied de page 3D
Pied de page réactif avec éléments de conception 3D et prise en charge du mode sombre
3D analogue simple pied de blog
Composant de pied de page réactif avec prise en charge du thème sombre à l’aide de Tailwind CSS. Le pied de page a un design 3D simple avec des couleurs analogues. Il est optimisé pour les sites de blog/contenu.
Composant de pied de page
Un composant de pied de page minimaliste avec des couleurs complémentaires, une complexité modérée et une intégration des médias sociaux. Dispose d’un design réactif et d’une prise en charge du mode sombre.