templates/layout_fo.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block google_analytics %}
  4. {% if app.environment == 'prod' %}
  5. <!-- Global site tag (gtag.js) - Google Analytics -->
  6. <script async src="https://www.googletagmanager.com/gtag/js?id={{ platform.seo.ga_tracking }}"></script>
  7. <script>
  8. window.dataLayer = window.dataLayer || [];
  9. function gtag(){dataLayer.push(arguments);}
  10. gtag('js', new Date());
  12. gtag('config', '{{ platform.seo.ga_tracking }}');
  13. </script>
  14. {% endif %}
  15. {% endblock %}
  17. {% block stylesheets %}
  18. {{ parent() }}
  19. {{ encore_entry_link_tags('front') }}
  20. {% endblock %}
  22. {% block javascripts %}
  23. {{ parent() }}
  24. {{ encore_entry_script_tags('front') }}
  25. {% endblock %}
  27. {% block body %}
  28. {% block header %}
  29. <header>
  30. {% block social_network %}
  31. <div class="logo-social-network" >
  32. <a href="https://www.facebook.com/{{ platform.social.facebook }}" target="_blank">
  33. <span class="fab fa-2x fa-fw fa-facebook-f text-white"></span>
  34. </a>
  35. <a href="https://twitter.com/{{ platform.social.twitter }}" target="_blank">
  36. <span class="fab fa-2x fa-fw fa-twitter text-white"></span>
  37. </a>
  38. <a href="https://www.instagram.com/{{ platform.social.instagram }}" target="_blank">
  39. <svg style="width: 36px; fill: white;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
  40. <path d="M8 3a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V8a5 5 0 0 0-5-5zm10 2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-6 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 .002 6.002A3 3 0 0 0 12 9z" id="surface1"/>
  41. </svg>
  42. </a>
  43. <a href="https://www.linkedin.com/company/{{ platform.social.linkedin }}" target="_blank">
  44. <span class="fab fa-2x fa-fw fa-linkedin-in text-white"></span>
  45. </a>
  46. {# <a href="https://www.youtube.com/channel/{{ platform.social.youtube }}" target="_blank">
  47. <span class="fab fa-2x fa-fw fa-youtube text-white"></span>
  48. </a> #}
  49. </div>
  50. {% endblock %}
  51. <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  52. <div class="container">
  53. <a class="navbar-brand" href="{{ path('homepage') }}">
  54. <img src="{{ asset('build/logo_promup_full_color_white.png') }}" class="d-inline-block align-top" alt="Logo {{ platform.name }}">
  55. </a>
  56. <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  57. <span class="navbar-toggler-icon"></span>
  58. </button>
  59. <div class="navbar-collapse collapse" id="navbarCollapse" style="">
  60. <ul class="navbar-nav w-100 ml-auto align-items-center justify-content-end">
  61. {{ render_esi(path('navbar')) }}
  62. </ul>
  63. </div>
  64. </div>
  65. </nav>
  66. </header>
  67. {% endblock %}
  69. {% block content %} {% endblock %}
  71. {% block footer %}
  72. <footer class="container f20-text-sm text-muted">
  73. <div class="row align-items-center my-5">
  74. <div class="col-auto d-none d-md-block"><img class="f20-icon-lg" src="{{ asset('build/logo_promup_short.png') }}" alt="Logo {{ platform.name }}"></div>
  75. <div class="col">
  76. <div class="row justify-content-end text-center text-md-right text-uppercase">
  77. <div class="col-md-auto py-2 py-md-0">
  78. <a class="mx-1 mx-md-3" href="{{ path('agency') }}">L'équipe</a>
  79. <a class="mx-1 mx-md-3" href="{{ path('contracts') }}">Les annonces</a>
  80. <a class="mx-1 mx-md-3" href="{{ path('legal') }}">Mentions légales</a>
  81. <a class="mx-1 mx-md-3" href="{{ path('cgu_cgv') }}">CGU-CGV</a>
  82. <a class="mx-1 mx-md-3" href="{{ path('contact') }}">Contact</a>
  83. </div>
  84. {# <div class="col-md-auto d-none d-md-block">|</div>
  85. <div class="col-md-auto py-2 py-md-0">
  86. <span class="text-dark">Inscris toi à la newsletter</span> <img class="f20-icon-xsm ml-3" src="{{ asset('build/icon_email_black.png') }}" alt="Téléphone">
  87. </div> #}
  88. </div>
  89. <hr />
  90. <div class="row">
  91. <div class="col-md text-center text-md-left">{{ platform.copyright }}</div>
  92. <div class="col-md text-center text-md-right">
  93. <a class="mx-3 f20-no-underline" href="https://www.facebook.com/{{ platform.social.facebook }}" target="_blank">
  94. <span class="fab fa-fw fa-facebook-f text-dark"></span>
  95. </a>
  96. <a class="mx-3 f20-no-underline" href="https://twitter.com/{{ platform.social.twitter }}" target="_blank">
  97. <span class="fab fa-fw fa-twitter text-dark"></span>
  98. </a>
  99. <a class="mx-3 f20-no-underline" href="https://www.instagram.com/{{ platform.social.instagram }}" target="_blank">
  100. <svg style="width: 16px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
  101. <path d="M8 3a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V8a5 5 0 0 0-5-5zm10 2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-6 2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 .002 6.002A3 3 0 0 0 12 9z" id="surface1"/>
  102. </svg>
  103. </a>
  104. <a class="mx-3 f20-no-underline" href="https://www.linkedin.com/company/{{ platform.social.linkedin }}" target="_blank">
  105. <span class="fab fa-fw fa-linkedin-in text-dark"></span>
  106. </a>
  107. {# <a class="mx-3 f20-no-underline" href="https://www.youtube.com/channel/{{ platform.social.youtube }}" target="_blank">
  108. <span class="fab fa-fw fa-youtube text-dark"></span>
  109. </a> #}
  110. </div>
  111. </div>
  112. <div class="text-center mt-3 mt-md-0">
  113. <span class="d-none d-md-block">{{ platform.head_office }}</span>
  114. <span class="d-block d-md-none">{{ platform.head_office|replace({'- 83170': '<br />83170'})|raw }}</span>
  115. <div class="row">
  116. <div class="col text-right">
  117. <a class="f20-dashed" href="mailto:{{ platform.email }}">{{ platform.email }}</a>
  118. </div>
  119. <div class="col-auto text-center">
  120. |
  121. </div>
  122. <div class="col text-left">
  123. <a class="f20-dashed" href="tel:{{ platform.phone }}">{{ platform.phone|phoneFormat }}</a>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </footer>
  130. {% endblock %}
  131. {% endblock %}