Advertisement
ZarTek-CREOLE

Untitled

Apr 4th, 2023
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Site de Rencontre Spliff-Splouf, exactement ce que je cherche!</title>
  7. <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.16/dist/tailwind.min.css" rel="stylesheet">
  8. <style>
  9. .nav-link:hover {
  10. background-color: rgba(255, 255, 255, 0.2);
  11. transition: background-color 0.3s ease;
  12. }
  13. </style>
  14. </head>
  15. <body class="bg-gray-100">
  16. <header class="bg-blue-600">
  17. <nav class="container mx-auto px-6 py-4">
  18. <div class="flex items-center justify-between">
  19. <div>
  20. <h1 class="text-white text-3xl font-bold">Spliff-Splouf</h1>
  21. <p class="text-white text-sm">Spliff-Splouf, exactement ce que je cherche!</p>
  22. </div>
  23. <div class="hidden sm:flex">
  24. <a href="#" class="bg-white text-blue-600 font-bold px-6 py-3 rounded-md mr-4 nav-link">Accueil</a>
  25. <a href="#" class="text-white px-4 py-3 rounded-md mr-4 nav-link">À propos</a>
  26. <a href="#" class="text-white px-4 py-3 rounded-md nav-link">Contact</a>
  27. </div>
  28. </div>
  29. </nav>
  30. </header>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement