templates/base.html.twig line 48

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.         <title>{% block title %}Otropik — Agence de voyage & réceptif Guadeloupe{% endblock %}</title>
  7.         {% block seo %}
  8.          <meta name="description" content="Voyages sur mesure, croisières, road trips et séjours en Guadeloupe et dans le monde avec Otropik."> 
  9.         <meta property="og:type" content="website">
  10.         <meta property="og:title" content="Otropik — Voyages & Réceptif">
  11.          <meta property="og:description" content="Croisières, road trips, séjours et expériences en Guadeloupe et à travers le monde.">
  12.         <meta property="og:image" content="{{ asset('assets/og/og-default.jpg') }}">
  13.         <meta property="og:url" content="{{ app.request.uri ?? '' }}">
  14.         {% endblock %}
  15.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  16.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
  17.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css">
  18.         <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  19.         <link rel="icon" sizes="32x32" href="favicon-32.png" type="image/png">
  21.         {# Fichier CSS custom sans Webpack (public/assets/css/otropik.css) #}
  22.         <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  23.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  24.         <!-- Google Tag Manager -->
  25.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  26.         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  27.         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  28.         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  29.         })(window,document,'script','dataLayer','GTM-5CFBG9N9');</script>
  30.         <!-- End Google Tag Manager -->
  32.         {% block stylesheets %}
  33.             {{ encore_entry_link_tags('app') }}
  34.         {% endblock %}
  36.         {% block javascripts %}
  37.             {{ encore_entry_script_tags('app') }}
  38.         {% endblock %}
  39.     </head>
  40.     <body>
  41.     <!-- Google Tag Manager (noscript) -->
  42.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CFBG9N9"
  43.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  44.     <!-- End Google Tag Manager (noscript) -->
  45.     {{include('default/menu.html.twig')}}
  46.         {% block body %}{% endblock %}
  48.     {{ render(path('footer')) }}
  50.     {# Bouton flottant WhatsApp #}
  51.     <a href="https://wa.me/590690357030" target="_blank" rel="noopener"
  52.        aria-label="Nous contacter sur WhatsApp"
  53.        style="
  54.          position: fixed;
  55.          bottom: 1.5rem;
  56.          right: 1.5rem;
  57.          z-index: 9999;
  58.          width: 56px;
  59.          height: 56px;
  60.          background: #25D366;
  61.          border-radius: 50%;
  62.          display: flex;
  63.          align-items: center;
  64.          justify-content: center;
  65.          box-shadow: 0 4px 16px rgba(37,211,102,.45);
  66.          transition: transform .2s, box-shadow .2s;
  67.        "
  68.        onmouseover="this.style.transform='scale(1.1)';this.style.boxShadow='0 6px 24px rgba(37,211,102,.6)'"
  69.        onmouseout="this.style.transform='scale(1)';this.style.boxShadow='0 4px 16px rgba(37,211,102,.45)'">
  70.       <i class="fa-brands fa-whatsapp" style="color:#fff;font-size:1.75rem;"></i>
  71.     </a>
  73.     </body>
  74. </html>