Composant de plan du site
Composant de plan de site avec design minimaliste/plat, effets réactifs et prise en charge du thème sombre.
HTML Code
<footer class='bg-white dark:bg-gray-900'>
<div class='mx-auto max-w-screen-xl px-4 py-8 sm:px-6 lg:px-8'>
<div class='grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4'>
<div>
<h2 class='text-lg font-bold text-gray-900 dark:text-white'>Company</h2>
<nav class='mt-4 flex flex-col space-y-2 text-sm text-gray-600 dark:text-gray-300'>
<a href='#' class='hover:opacity-75'>About Us</a>
<a href='#' class='hover:opacity-75'>Careers</a>
<a href='#' class='hover:opacity-75'>Contact Us</a>
</nav>
</div>
<div>
<h2 class='text-lg font-bold text-gray-900 dark:text-white'>Services</h2>
<nav class='mt-4 flex flex-col space-y-2 text-sm text-gray-600 dark:text-gray-300'>
<a href='#' class='hover:opacity-75'>Web Development</a>
<a href='#' class='hover:opacity-75'>Mobile Development</a>
<a href='#' class='hover:opacity-75'>SEO Optimization</a>
</nav>
</div>
<div>
<h2 class='text-lg font-bold text-gray-900 dark:text-white'>Legal</h2>
<nav class='mt-4 flex flex-col space-y-2 text-sm text-gray-600 dark:text-gray-300'>
<a href='#' class='hover:opacity-75'>Privacy Policy</a>
<a href='#' class='hover:opacity-75'>Terms of Service</a>
<a href='#' class='hover:opacity-75'>Cookie Policy</a>
</nav>
</div>
<div>
<h2 class='text-lg font-bold text-gray-900 dark:text-white'>Follow Us</h2>
<nav class='mt-4 flex flex-col space-y-2 text-sm text-gray-600 dark:text-gray-300'>
<a href='#' class='hover:opacity-75'>Facebook</a>
<a href='#' class='hover:opacity-75'>Twitter</a>
<a href='#' class='hover:opacity-75'>Instagram</a>
</nav>
</div>
</div>
<div class='mt-8 border-t border-gray-100 dark:border-gray-800 pt-8 sm:flex sm:items-center sm:justify-between'>
<p class='text-xs/relaxed text-gray-500 dark:text-gray-400'>
© 2024 Your Company. All rights reserved.
</p>
</div>
</div>
</footer>Composants associés
Composant de plan du site
Composant de plan de site réactif avec prise en charge du mode sombre pour le commerce électronique. Utilise Tailwind CSS pour le coiffage. Suit une palette de couleurs analogue. Images de picsum.photos.
Neumorphic_Real_Estate_Sitemap_Component
Un composant de plan de site neumorphique simple et réactif pour les plateformes immobilières avec un schéma de couleurs arc-en-ciel dégradé et la prise en charge du mode sombre.
Composant de plan du site
Un composant de sitemap réactif avec une esthétique Material Design, une palette de couleurs pastel et la prise en charge du mode sombre, adapté aux plateformes de rencontres/sociales.