templates/components/_footer.html.twig line 1

Open in your IDE?
  1. <footer class="bg-gray-900 text-gray-300">
  2. <!-- Main Footer -->
  3. <div class="container mx-auto px-6 py-12">
  4. <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
  5. <!-- About -->
  6. <div>
  7. <div class="flex items-center space-x-3 mb-6">
  8. <img src="{{ asset('images/ministere_logo_blanc.png') }}"
  9. alt="Logo Journal Officiel"
  10. class="w-10 h-10 object-contain">
  11. <div>
  12. <h3 class="text-white font-bold text-lg">JOURNAL OFFICIEL</h3>
  13. <p class="text-xs text-gray-400">Union des Comores</p>
  14. </div>
  15. </div>
  16. <p class="text-gray-400 text-sm leading-relaxed">
  17. Le portail officiel de publication des textes juridiques et administratifs de l'Union des Comores. Au service de la transparence et de l'État de droit.
  18. </p>
  19. <div class="flex space-x-4 mt-6">
  20. <a href="#" class="w-8 h-8 bg-gray-800 rounded-full flex items-center justify-center hover:bg-[#006633] transition">
  21. <i class="fab fa-facebook-f text-sm"></i>
  22. </a>
  23. <a href="#" class="w-8 h-8 bg-gray-800 rounded-full flex items-center justify-center hover:bg-[#006633] transition">
  24. <i class="fab fa-twitter text-sm"></i>
  25. </a>
  26. <a href="#" class="w-8 h-8 bg-gray-800 rounded-full flex items-center justify-center hover:bg-[#006633] transition">
  27. <i class="fab fa-linkedin-in text-sm"></i>
  28. </a>
  29. </div>
  30. </div>
  32. <!-- Quick Links -->
  33. <div>
  34. <h4 class="text-white font-semibold mb-4">Liens rapides</h4>
  35. <ul class="space-y-3 text-sm">
  36. <li><a href="{{ path('app_home') }}" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Accueil</a></li>
  37. <li><a href="{{ path('app_journal_officiel') }}" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Journal Officiel</a></li>
  38. <li><a href="{{ path('app_munganyo') }}" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Munganyo</a></li>
  39. <li><a href="{{ path('app_publications') }}" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Publications</a></li>
  40. <li><a href="{{ path('app_search') }}" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Recherche avancée</a></li>
  41. </ul>
  42. </div>
  44. <!-- Services -->
  45. <div>
  46. <h4 class="text-white font-semibold mb-4">Services</h4>
  47. <ul class="space-y-3 text-sm">
  48. <li><a href="#" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Publier une annonce</a></li>
  49. <li><a href="#" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> S'abonner au JO</a></li>
  50. <li><a href="#" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Archives historiques</a></li>
  51. <li><a href="#" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Assistance juridique</a></li>
  52. <li><a href="#" class="text-gray-400 hover:text-white transition"><i class="fas fa-chevron-right text-[#006633] text-xs mr-2"></i> Tarifs et abonnements</a></li>
  53. </ul>
  54. </div>
  56. <!-- Contact -->
  57. <div>
  58. <h4 class="text-white font-semibold mb-4">Contact</h4>
  59. <ul class="space-y-3 text-sm">
  60. <li class="flex items-start">
  61. <i class="fas fa-map-marker-alt text-[#006633] mt-1 mr-3"></i>
  62. <span class="text-gray-400">Moroni, Union des Comores</span>
  63. </li>
  64. <li class="flex items-start">
  65. <i class="fas fa-phone-alt text-[#006633] mt-1 mr-3"></i>
  66. <span class="text-gray-400">+269 123 45 67</span>
  67. </li>
  68. <li class="flex items-start">
  69. <i class="fas fa-envelope text-[#006633] mt-1 mr-3"></i>
  70. <span class="text-gray-400">contact@journal-officiel.km</span>
  71. </li>
  72. <li class="flex items-start">
  73. <i class="fas fa-clock text-[#006633] mt-1 mr-3"></i>
  74. <span class="text-gray-400">Lun-Ven: 8h00 - 16h30</span>
  75. </li>
  76. </ul>
  77. </div>
  78. </div>
  80. <!-- Bottom Bar -->
  81. <div class="border-t border-gray-800 mt-10 pt-8">
  82. <div class="flex flex-col md:flex-row justify-between items-center text-sm text-gray-400">
  83. <p>&copy; {{ "now"|date("Y") }} Journal Officiel de l'Union des Comores. Tous droits réservés.</p>
  84. <div class="flex space-x-6 mt-4 md:mt-0">
  85. <a href="#" class="hover:text-white transition">Mentions légales</a>
  86. <a href="#" class="hover:text-white transition">Confidentialité</a>
  87. <a href="#" class="hover:text-white transition">CGU</a>
  88. <a href="#" class="hover:text-white transition">Accessibilité</a>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </footer>