templates/website/base_website.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf8" name="robots" content="noindex">
  5. <link rel="icon" type="image/x-icon" href="{{ asset('assets/imgs/nibuco/favicon.ico') }}">
  6. {% block meta %}{% endblock %}
  7. {% block title %}{% endblock %}
  8. {% block canonical %}{% endblock %}
  9. {% block stylesheets %}
  10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  11. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/home.css') }}">
  12. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/header.css') }}">
  13. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/global.css') }}">
  14. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/contact.css') }}">
  15. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/a-propos.css') }}">
  16. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/devenir-coursier.css') }}">
  17. <link rel="stylesheet" href="{{ asset('assets/sitevitrine/assets/css/engagements.css') }}">
  18. <link rel="stylesheet" media="(max-width: 992px)" href="{{ asset('assets/sitevitrine/assets/css/mobile.css') }}"/>
  19. <link rel="stylesheet" type="text/css" href="{{ asset('assets/sitevitrine/assets/css/cookie.css') }}"/>
  20. <link rel="stylesheet" type="text/css" href="{{ asset('assets/sitevitrine/assets/css/jquery.fancybox.min.css') }}"/>
  21. <link rel="preconnect" href="https://fonts.googleapis.com">
  22. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  23. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
  24. <link href="https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@700&family=Work+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
  25. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  26. <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"/>
  27. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  28. {% endblock %}
  29. </head>
  31. <body class="d-flex flex-column">
  32. {% set route = app.request.attributes.get('_route') %}
  33. <div class="bg_{% if route == 'accueil_vitrine' %}index mb-4{% else %}pages{% endif%}">
  34. <!-- Begin Header -->
  35. {% include('website/_header.html.twig') %}
  36. <!-- End Header-->
  37. {% block body %}{% endblock %}
  38. </div>
  39. <!-- Begin Footer -->
  40. {% include('website/_footer.html.twig') %}
  41. <!-- End Footer -->
  42. <!-- Modal -->
  43. <div class="modal fade" id="ModalComingSoon" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  44. <div class="modal-dialog">
  45. <div class="modal-content" style="background-color: #FFF9E6 !important; ">
  46. <div class="modal-header">
  47. <img src="{{ asset('assets/imgs/nibuco/nibuco-logo.svg') }}" alt="Logo entreprise de livraison Nibuco"
  48. class="logo-footer"><span class="titre-logo ml-3">Nibuco</span>
  49. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  50. <span aria-hidden="true">&times;</span>
  51. </button>
  52. </div>
  53. <div class="modal-body">
  54. <p class="text-center">L'ouverture du service est imminente !<br>Rejoignez nous sur <a
  55. href="https://www.instagram.com/livraison.nibuco/">Instagram</a> et
  56. <a href="https://www.facebook.com/livraison.nibuco">Facebook</a> pour être au courant de la date de
  57. lancement.</p>
  58. </div>
  59. <div class="modal-footer">
  60. <button type="button" class="btn btn-secondary-nibuco" data-dismiss="modal">Fermer</button>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <!-- Return to Top -->
  66. <button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-chevron-up" aria-hidden="true"></i></button>
  67. <!-- Cookie -->
  68. <a id="popuplink" href="#inline" style="display:none;z-index: 999999;"></a>
  69. <div id="inline" style="display:none;text-align:center;z-index: 999999">
  70. <img src="{{ asset('assets/imgs/nibuco/nibuco-logo.svg') }}" alt="Logo entreprise de livraison Nibuco"
  71. class="logo-footer"><span class="titre-logo ml-3">Nibuco</span>
  72. <h5><u>-Gestion des cookies-</u></h5>
  74. <p>Les cookies nous permettent de vous offrir des fonctionnalités utiles et de mesurer les
  75. performances afin d&#39;améliorer votre expérience. En cliquant sur « Accepter les cookies »,
  76. vous acceptez l&#39;utilisation de tous les cookies. En cliquant sur « Refuser les cookies », vous
  77. acceptez uniquement l&#39;utilisation des catégories de cookies nécessaires.
  78. Pour en savoir plus, consultez notre Politique de confidentialité.</p>
  79. <br>
  80. <div class="container">
  81. <div class="row">
  82. <p class="mt-2">
  83. <a href="{{ path('mentions_legal_vitrine') }}" target="_blank"
  84. style="background-color:#FFE177;padding:5px 10px;color:#585751;border-radius:5px;text-decoration:none;">Mentions
  85. Légales</a>
  86. <a href="{{ path('cgu_vitrine') }}" target="_blank"
  87. style="background-color:#FFE177;margin-left:4px;padding:5px 10px;color:#585751;border-radius:5px;text-decoration:none;">CGU</a>
  88. <a style="margin-left:4px;padding:5px 10px;border-radius:5px;text-decoration:none;" class="btn-success"
  89. id="left" href="javascript:" onclick="jQuery.fancybox.close();">Accepter</a>
  90. <a style="margin-left:100px;padding:5px 10px;border-radius:5px;text-decoration:none;" href=""
  91. class="btn-xs"><small style="color: black">Refuser</small></a>
  92. </p>
  93. </div>
  94. </div>
  95. </div>
  96. {% block javascripts %}
  97. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  98. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  99. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  100. <script src="{{ asset('assets/sitevitrine/assets/js/cookie.js') }}"></script>
  101. <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
  102. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.0/jquery.cookie.js"></script>
  103. <script src="https://kit.fontawesome.com/2c8acb9cbf.js" crossorigin="anonymous"></script>
  104. <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  105. <script>
  106. //Get the button
  107. var mybutton = document.getElementById("myBtn");
  109. // When the user scrolls down 20px from the top of the document, show the button
  110. window.onscroll = function () {
  111. scrollFunction()
  112. };
  114. function scrollFunction() {
  115. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  116. mybutton.style.display = "block";
  117. } else {
  118. mybutton.style.display = "none";
  119. }
  120. }
  122. // When the user clicks on the button, scroll to the top of the document
  123. function topFunction() {
  124. document.body.scrollTop = 0;
  125. document.documentElement.scrollTop = 0;
  126. }
  127. </script>
  128. <script>
  129. AOS.init({
  130. duration: 750,
  131. once: true,
  132. });
  133. </script>
  134. <script>
  135. $(function () {
  136. $('#exp').hover(function () {
  137. $('#hover-exp').css('display', 'block'), $('#hover-dest').css('display', 'none');
  138. }, function () {
  139. // on mouseout, reset the background colour
  140. $('#hover-exp').css('display', 'block');
  141. });
  142. });
  143. </script>
  144. <script>
  145. $(function () {
  146. $('#dest').hover(function () {
  147. $('#hover-dest').css('display', 'block'), $('#hover-exp').css('display', 'none');
  148. }, function () {
  149. // on mouseout, reset the background colour
  150. $('#hover-dest').css('display', 'block');
  151. });
  152. });
  153. </script>
  154. {% endblock %}
  155. </body>
  156. {% block script %}{% endblock %}
  157. </html>