Luxury_Pastel_Government_Footer
Un componente de pie de página elegante y receptivo para sitios web gubernamentales o de servicio público, con un diseño lujoso con una combinación de colores pastel y compatibilidad con el modo oscuro. Incluye enlaces de navegación, información de contacto, redes sociales y derechos de autor.
Código HTML
<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 transparency
Componentes relacionados
Componente de pie de página
Un componente de pie de página de estilo brutalismo con efectos responsivos y soporte de temas oscuros usando Tailwind CSS.
Componente de pie de página
Componente de pie de página simple, limpio y confiable adecuado para sistemas de reserva y reservas corporativos/profesionales, con un sutil borde degradado de arco iris y capacidad de respuesta total con soporte para modo oscuro.
Componente de pie de página de Glassmorphism
Un componente de pie de página interactivo con un estilo de morfismo de vidrio con elementos translúcidos similares al vidrio esmerilado con efectos de desenfoque, y admite un tema oscuro.