templates/Accueil/layoutAccueil.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="description" content="5sur5 Séjour - Partagez les aventures, imprimez les souvenirs">
  8.     
  9.     <title>{% block title %}5sur5 Séjour{% endblock %}</title>
  10.     
  11.     <!-- Favicon -->
  12.     <link rel="shortcut icon" type="image/png" href="{{ asset('images/Logo.png') }}">
  13.     <link rel="apple-touch-icon" href="{{ asset('images/Logo.png') }}">
  14.     
  15.     <!-- Google Fonts - Inter -->
  16.     <link rel="preconnect" href="https://fonts.googleapis.com">
  17.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  18.     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  19.     
  20.     <!-- Bootstrap 5 CSS -->
  21.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  22.     
  23.     <!-- Bootstrap Icons -->
  24.     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
  25.     
  26.     <!-- Base Styles -->
  27.     <style>
  28.         :root {
  29.             --teal-5sur5: #41A2AA;
  30.             --teal-dark: #359BA3;
  31.             --teal-light: rgba(65, 162, 170, 0.08);
  32.             --orange-5sur5: #F56040;
  33.             --text-dark: #1A1A1A;
  34.             --text-secondary: #6B7280;
  35.             --text-muted: #9CA3AF;
  36.             --bg-white: #FFFFFF;
  37.             --bg-light: #F9FAFB;
  38.             --border-light: #E5E7EB;
  39.         }
  40.         
  41.         * {
  42.             box-sizing: border-box;
  43.         }
  44.         
  45.         html {
  46.             scroll-behavior: smooth;
  47.         }
  48.         
  49.         body {
  50.             font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  51.             color: var(--text-dark);
  52.             background: var(--bg-white);
  53.             margin: 0;
  54.             padding: 0;
  55.             -webkit-font-smoothing: antialiased;
  56.             -moz-osx-font-smoothing: grayscale;
  57.             line-height: 1.6;
  58.         }
  59.         
  60.         a {
  61.             color: var(--teal-5sur5);
  62.             text-decoration: none;
  63.             transition: color 0.2s ease;
  64.         }
  65.         
  66.         a:hover {
  67.             color: var(--teal-dark);
  68.         }
  69.         
  70.         img {
  71.             max-width: 100%;
  72.             height: auto;
  73.         }
  74.         
  75.         /* Scrollbar styling */
  76.         ::-webkit-scrollbar {
  77.             width: 8px;
  78.             height: 8px;
  79.         }
  80.         
  81.         ::-webkit-scrollbar-track {
  82.             background: var(--bg-light);
  83.         }
  84.         
  85.         ::-webkit-scrollbar-thumb {
  86.             background: var(--teal-5sur5);
  87.             border-radius: 4px;
  88.         }
  89.         
  90.         ::-webkit-scrollbar-thumb:hover {
  91.             background: var(--teal-dark);
  92.         }
  93.         
  94.         /* Focus visible */
  95.         :focus-visible {
  96.             outline: 2px solid var(--teal-5sur5);
  97.             outline-offset: 2px;
  98.         }
  99.         
  100.         /* Selection */
  101.         ::selection {
  102.             background: var(--teal-light);
  103.             color: var(--text-dark);
  104.         }
  105.     </style>
  106.     
  107.     {% block stylesheets %}{% endblock %}
  108.     
  109.     <!-- Analytics -->
  110.     {{ render(controller('App\\Controller\\AnalyticsController::analyticsBloc', {'max': 3})) }}
  111. </head>
  113. <body>
  114.     <!-- Header -->
  115.     {% block Header %}
  116.         {% include 'Accueil/header.html.twig' %}
  117.     {% endblock %}
  118.     
  119.     <!-- Main Content -->
  120.     <main>
  121.         {% block Content %}{% endblock %}
  122.     </main>
  123.     
  124.     <!-- Footer -->
  125.     {% block Footer %}
  126.         {% include 'Accueil/_footer_premium.html.twig' %}
  127.     {% endblock %}
  128.     
  129.     <!-- Core JS -->
  130.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  131.     
  132.     <!-- Google Analytics -->
  133.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-RY1ZZZ8KGZ"></script>
  134.     <script>
  135.         window.dataLayer = window.dataLayer || [];
  136.         function gtag(){dataLayer.push(arguments);}
  137.         gtag('js', new Date());
  138.         gtag('config', 'G-RY1ZZZ8KGZ');
  139.     </script>
  140.     
  141.     {% block javascript %}{% endblock %}
  142. </body>
  143. </html>