templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <meta name="description" content="Notre site de vente de formation vidéo propose des cours en ligne dans divers domaines, tels que l'informatique, le marketing, la finance, le développement personnel, etc. Découvrez notre catalogue de formations en vidéo et apprenez à votre propre rythme.">
  7.     <meta name="keywords" content="raphael,formation vidéo, cours en ligne, informatique, marketing, finance, développement personnel">
  10.     <title>
  11.     {% block title %}
  12.         Formation
  13.         Video
  14.     {% endblock %}
  15.     </title>
  17.     <!-- Styles -->
  18.     {% block stylesheets %}
  19.         {{ encore_entry_link_tags('app') }}
  20.     {% endblock %}
  22.     {% block javascripts %}
  23.         {{ encore_entry_script_tags('app') }}
  24.     {% endblock %}
  26.     {% block file %}
  27.       
  28.     {% endblock %}
  29.     
  30.     <!-- CDN pour animations et design flat minimal -->
  31.     <!-- AOS - Animate On Scroll -->
  32.     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  33.     
  34.     <!-- Swiper CSS -->
  35.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
  36.     
  37.     <!-- Font Awesome pour les icônes -->
  38.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  39.     
  40.     <!-- Google Fonts - Typography moderne -->
  41.     <link rel="preconnect" href="https://fonts.googleapis.com">
  42.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  43.     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  44.     
  45.     <!-- CSS existants -->
  46.     <link href="{{ asset('css/core.min.css') }}" rel="stylesheet">
  47.     <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  48.     <link href="{{ asset('css/hover-min.css') }}" rel="stylesheet">
  49.     <link href="{{ asset('css/style.css') }}" rel="stylesheet">
  50.     
  51.     <!-- Nouveau CSS Flat Minimal -->
  52.     <link href="{{ asset('css/flat-minimal.css') }}" rel="stylesheet">
  54.     <!-- Favicons -->
  55.     <link rel="apple-touch-icon" href="{{ asset('logo_2.png') }}">
  56.     <link rel="icon" href="{{ asset('logo_2.png') }}">
  57.     <!-- Matomo -->
  58.     <script>
  59.       var _paq = window._paq = window._paq || [];
  60.       /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  61.       _paq.push(['trackPageView']);
  62.       _paq.push(['enableLinkTracking']);
  63.       (function() {
  64.         var u="//matomo.master-immo.mg/";
  65.         _paq.push(['setTrackerUrl', u+'matomo.php']);
  66.         _paq.push(['setSiteId', '1']);
  67.         var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  68.         g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  69.       })();
  70.     </script>
  71.     <!-- End Matomo Code -->
  73.   </head>
  75.   <body class="topbar-unfix">
  76.     <!-- Background global avec blobs flottants -->
  77.     <div class="global-blobs-container"></div>
  79.     <!-- Topbar -->
  80.     {# {{ render('app_header') }} #}
  81.     {{ include("header.html.twig") }}
  82.     <!-- END Topbar -->
  86.     <!-- Main container -->
  87.     <main>
  90.       <!--/.header -->
  95.           {% block out %}{% endblock %}
  97.       <div class="main-content">
  98.         <div class="container">
  99.           {% block body %}{% endblock %}
  100.         </div>
  101.       </div>
  107.       <!-- Footer -->
  108.       {{ include('footer.html.twig') }}
  109.       <!-- END Footer -->
  112.     </main>
  118.     <!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
  119.     <!-- Quickviews -->
  122.     <!-- Notifications -->
  123.     {{ render(controller('App\\Controller\\HomeController::notification')) }}
  126.     <!-- END Quickviews -->
  127.     <!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
  132.     <!-- Scripts -->
  133.     <script src="{{ asset('js/core.min.js') }}"></script>
  134.     <script src="{{ asset('js/app.min.js') }}"></script>
  135.     <script src="{{ asset('js/script.js') }}"></script>
  136.     
  137.     <!-- CDN Scripts pour animations -->
  138.     <!-- GSAP pour animations avancées -->
  139.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
  140.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
  141.     
  142.     <!-- Lenis pour smooth scroll -->
  143.     <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.19/bundled/lenis.min.js"></script>
  144.     
  145.     <!-- Swiper JS -->
  146.     <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  147.     
  148.     <!-- AOS JS -->
  149.     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  150.     
  151.     <!-- Scripts d'animations personnalisés (doit être chargé après GSAP et AOS) -->
  152.     <script src="{{ asset('js/animations.js') }}"></script>
  154.   </body>
  155. </html>