templates/frontend/footer/footer.html.twig line 1

Open in your IDE?
  1. <footer class="col-12">
  2. <div class="row">
  3. <div class="col-12 footer__subscribe">
  4. <div class="container">
  5. <div class="row">
  6. <div class="col-12 col-lg-6 col-md-12 footer__subscribe-form">
  7. <div class="row">
  8. <div class="col-auto col-lg-auto col-md-auto footer__subscribe-image">
  9. <i class="icon icon-envelope"></i>
  10. <h3 class="subscribe-image__title">Newsletter</h3>
  11. </div>
  12. <div class="col-12 col-lg col-md footer__subscribe-input">
  13. <form method="post" action="/newsletter.html">
  14. <input type="email" name="email" placeholder="votre adresse e-mail" required="required">
  15. <button type="submit" class="submit bounce small" value=">"></button>
  16. </form>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="col-12 col-lg-6 col-md-12 footer__subscribe-social">
  21. <div class="row justify-content-center">
  22. <div class="col-12 col-lg-auto col-md-12 subscribe-social__container">
  23. <h3 class="subscribe-social__title">Suivez-nous</h3>
  24. <a href="https://fr-fr.facebook.com/croqvacances" target="_blank">
  25. <i class="icon icon-ring-facebook"></i>
  26. </a>
  27. <a href="https://www.linkedin.com/company/croqvacances" target="_blank">
  28. <i class="icon icon-linkedin"></i>
  29. </a>
  30. <a href="https://www.instagram.com/croq_vacances/" target="_blank">
  31. <i class="icon icon-ring-instagram"></i>
  32. </a>
  33. <a href="https://twitter.com/CROQVACANCES" target="_blank">
  34. <i class="icon icon-ring-twitter"></i>
  35. </a>
  36. <a href="https://www.youtube.com/c/CroqVacances1" target="_blank">
  37. <i class="icon icon-youtube"></i>
  38. </a>
  39. <a href="https://www.tiktok.com/@croqvacances" target="_blank">
  40. <i class="icon icon-tiktok"></i>
  41. </a>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="container">
  50. <div class="row">
  51. <div class="col-12 footer__cols">
  52. <div class="row">
  53. <div class="col-12 col-lg-3 col-md-6 footer__menu order-lg-2 order-md-1">
  54. <h3><span>/</span>Qui sommes-nous ?</h3>
  55. <ul>
  56. <li><a href="/edito-du-president.html">Présentation</a></li>
  57. <li><a href="/historique-de-l-association.html">Historique</a></li>
  58. <li><a href="/revue-de-presse.html">Ils parlent de nous</a></li>
  59. </ul>
  60. </div>
  61. <div class="col-12 col-lg-3 col-md-6 footer__menu order-lg-3 order-md-2">
  62. <h3><span>/</span>Infos Pratiques</h3>
  63. <ul>
  64. <li><a href="/contact.html">Contact</a></li>
  65. <li><a href="/info-communication-colonie-de-vacances.html">Gardez le contact</a></li>
  66. <li><a href="/aide-financiere.html">Aides financières</a></li>
  67. <li><a href="/avant-de-partir.html">Bon à savoir</a></li>
  68. </ul>
  69. </div>
  70. <div class="col-12 col-lg-3 col-md-6 footer__buttons order-lg-1 order-md-3">
  71. <div class="row">
  72. <div class="col-12 footer__button-element">
  73. <a href="{{ path('frontend_recrutement') }}" class="bounce">
  74. <i class="icon icon-new-document icon-2x"></i>
  75. <span>Recrutement</span>
  76. </a>
  77. </div>
  78. <div class="col-12 footer__button-element">
  79. <a href="/demande-ce-administrations.html" class="bounce">
  80. <i class="icon icon-people icon-2x"></i>
  81. <span>Partenaires</span>
  82. </a>
  83. </div>
  84. <div class="col-12 footer__button-element">
  85. <a href="/vie-associative.html" class="bounce">
  86. <i class="icon icon-children icon-2x"></i>
  87. <span>Vie associative</span>
  88. </a>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="col-12 col-lg-3 col-md-6 footer__buttons footer__buttons_yellow order-lg-4 order-md-4">
  93. <div class="row">
  94. <div class="col-12 footer__button-element">
  95. <a href="{{path('espace_parent') }}" rel=”nofollow” class="bounce">
  96. <span>Espace Parents</span>
  97. </a>
  98. </div>
  99. <div class="col-12 footer__button-element">
  100. <a href="{{path('directeur') }}" rel=”nofollow” class="bounce">
  101. <span>Espace Directeurs</span>
  102. </a>
  103. </div>
  104. <div class="col-12 footer__button-element">
  105. <a href="{{path('espace_candidature') }}" rel=”nofollow” class="bounce">
  106. <span>Espace Candidat</span>
  107. </a>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </footer>