templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <!-- Title -->
  8.     <title>JKC FORMATIONS - Formation en tout genre !</title>
  9.     <!-- Google Fonts -->
  10.     <link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
  11.     <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet">
  12.     <!-- Favicon -->
  13.     <link rel="icon" type="image/icon" href="{{asset('assets/img/favicon.ico')}}">
  14.     <!-- Bootstrap Min CSS -->
  15.     <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
  16.     <!-- Animate Min CSS -->
  17.     <link rel="stylesheet" href="{{asset('assets/css/animate.min.css')}}">
  18.     <!-- Flaticon CSS -->
  19.     <link rel="stylesheet" href="{{asset('assets/css/flaticon.css')}}">
  20.     <!-- Font Awesome Min CSS -->
  21.     <link rel="stylesheet" href="{{asset('assets/css/fontawesome.min.css')}}">
  22.     <!-- Mean Menu CSS -->
  23.     <link rel="stylesheet" href="{{asset('assets/css/meanmenu.css')}}">
  24.     <!-- Magnific Popup Min CSS -->
  25.     <link rel="stylesheet" href="{{asset('assets/css/magnific-popup.min.css')}}">
  26.     <!-- Owl Carousel Min CSS -->
  27.     <link rel="stylesheet" href="{{asset('assets/css/owl.carousel.min.css')}}">
  28.     <!-- Style CSS -->
  29.     <link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
  30.     <!-- Responsive CSS -->
  31.     <link rel="stylesheet" href="{{asset('assets/css/responsive.css')}}">
  33.         <link rel="stylesheet" href="{{asset('assets/cookies/cookies.css')}}">
  35.     
  36. </head>
  38. <body>
  40.     <!-- Start Preloader Area -->
  41.     <div class="preloader">
  42.         <div class="loader">
  43.             <div class="shadow"></div>
  44.             <div class="box"></div>
  45.         </div>
  46.     </div>
  47.     <!-- End Preloader Area -->
  48.     
  49.     <!-- Start Navbar Area -->
  50.     <div class="navbar-area">
  51.         <div class="scientech-responsive-nav">
  52.             <div class="container">
  53.                 <div class="scientech-responsive-menu">
  54.                     <div class="logo">
  55.                         <a href="{{path('app_default')}}">
  56.                             <img src="{{asset('assets/img/logoJkcFullBlanc.png')}}" class="white-logo" alt="logo" style="display:block">
  57.                             <img src="{{asset('assets/img/logoJkc.png')}}" class="black-logo" alt="logo">
  58.                         </a>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.         <div class="scientech-nav">
  64.             <div class="container">
  65.             <div class="row">
  66.             <div class="col-6">
  67.             <a class="navbar-brand" href="{{path('app_default')}}">
  68.                         <img src="{{asset('assets/img/logoJkcFullBlanc.png')}}" class="white-logo" alt="logo">
  69.                         <img src="{{asset('assets/img/logoJkc.png')}}" class="black-logo" alt="logo" style="width:70%">
  70.                     </a>
  71.                     </div>
  73.                      <div class="col-6">
  74.                 <nav class="navbar navbar-expand-md navbar-light">
  75.                     
  76.                     <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
  77.                         <ul class="navbar-nav">
  78.                             <li class="nav-item"> 
  79.                                 <a href="{{path('app_default')}}" class="nav-link">Accueil</a>
  81.                             </li>
  82.                             <li class="nav-item">
  83.                                 <a href="{{path('apropos')}}" class="nav-link">A propos</a>
  84.                             </li>
  85.                             <li class="nav-item">
  86.                                 <a href="{{path('nosformations')}}" class="nav-link"> Nos Formations </a>
  87.                             </li>
  88.                             
  90.                             
  91.                             <li class="nav-item">
  92.                                 <a href="{{path('contact')}}" class="nav-link">Contact</a>
  93.                             </li>
  94.                             
  95.                         </ul>
  96.                     </div>
  97.                 </nav>
  98.                 </div>
  99.                 </div>
  100.             </div>
  101.         </div>
  102.     </div>
  103.     <!-- End Navbar Area -->    <!-- Start Home Area -->
  104.         {% block body %}{% endblock %}
  105.  
  106.  
  107.  <!-- Start Footer Section -->
  108.     <section class="footer-main-area">
  109.         <div class="container">
  110.             <div class="footer-area">
  111.                 <div class="row">
  112.             
  113.                     <div class="col-lg-4 col-md-4 col-sm-6">
  114.                         <div class="single-footer-widget">
  115.                             <div class="footer-heading">
  116.                                 <h3>Informations de Contact</h3>
  117.                             </div>
  118.                             <div class="footer-info-contact">
  119.                                 <h5>Téléphone</h5>
  120.                                 <span><a href="tel:0033387645258">03 87 64 52 58</a></span><br>
  121.                                 <span><a href="tel:0033785864783">07 85 86 47 83</a></span>
  122.                             </div>
  123.                             <div class="footer-info-contact">
  124.                                 <h5>Email</h5>
  125.                                 <span><a href="mailto:jkcformations@gmail.com">jkcformations@gmail.com</a></span>
  126.                             </div>
  127.                             <div class="footer-info-contact">
  128.                                 <h5>Centre de formation</h5>
  129.                                 <span> 2 rue de Montvaux,<br>57865 AMANVILLERS</span>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                     
  134.                     <div class="col-lg-4 col-md-4 col-sm-6">
  135.                         <div class="single-footer-widget">
  136.                             <div class="footer-heading">
  137.                                 <h3>Nos formations</h3>
  138.                             </div>
  139.                             <ul class="footer-links">
  140.                                 <li> <a href="{{path('nosformations')}}">Formation Word</a></li>
  141.                                 <li> <a href="{{path('nosformations')}}">Formation Exel</a></li>
  142.                                 <li> <a href="{{path('nosformations')}}">Formation Power Point</a></li>
  143.                                 <li> <a href="{{path('nosformations')}}">Formation Wordpress</a></li>
  144.                                 
  145.                             </ul><br><br>
  146.                             <img src="{{asset('assets/img/qualiopi.jpg')}}" style="width:200px">
  147.                         </div>
  148.                     </div>
  149.                     
  151.                     
  152.                     <div class="col-lg-4 col-md-4 col-sm-6">
  153.                         <div class="single-footer-widget">
  154.                             <a class="footer-logo" href="#">
  155.                                 <img src="{{asset('assets/img/logoJkcFullBlanc.png')}}" class="white-logo" alt="logo">
  156.                             </a>
  157.                             <p>Suivez-nous pour être informé de toutes nos futurs formations disponibles !</p>
  158.                             <ul class="footer-social">
  159.                                 <li>
  160.                                     <a href="#"> <i class="fab fa-facebook-f"></i>
  161.                                     </a>
  162.                                 </li>
  163.                                 
  164.                                 
  165.                             </ul>
  166.                             
  167.                         </div>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.             <!-- Start Copy Right Section -->
  172.             <div class="copyright-area">
  173.                 <div class="row align-items-center">
  174.                     <div class="col-lg-6 col-md-6">
  175.                         <p> <i class="far fa-copyright"></i> 2023 JKC FORMATION - Tous droits réservés.</p>
  176.                     </div>
  177.                     <div class="col-lg-6 col-md-6">
  178.                         <ul>
  179.                             <li> <a href="{{path('cookies')}}">Gestions des Cookies</a>
  180.                             </li>
  181.                             <li> <a href="{{path('rgpd')}}">Protection des Données</a>
  182.                             </li>
  183.                             <li> <a href="{{path('mentionslegales')}}">Mentions Légales</a>
  184.                             </li>
  185.                         </ul>
  186.                     </div>
  187.                 </div>
  188.             </div>
  189.             <!-- End Copy Right Section -->
  190.         </div>
  191.     </section>
  192.     <!-- End Footer Section -->
  193.     
  194.     <!-- Start Go Top Section -->
  195.     <div class="go-top">
  196.         <i class="fas fa-chevron-up"></i>
  197.         <i class="fas fa-chevron-up"></i>
  198.     </div>
  199.     <!-- End Go Top Section -->
  201.     <!-- jQuery Min JS -->
  202.     <script src="{{asset('assets/js/jquery.min.js')}}"></script>
  203.     <!-- Bootstrap Min JS -->
  204.     <script src="{{asset('assets/js/bootstrap.min.js')}}"></script>
  205.     <!-- MeanMenu JS  -->
  206.     <script src="{{asset('assets/js/jquery.meanmenu.js')}}"></script>
  207.     <!-- Appear Min JS -->
  208.     <script src="{{asset('assets/js/jquery.appear.min.js')}}"></script>
  209.     <!-- CounterUp Min JS -->
  210.     <script src="{{asset('assets/js/jquery.waypoints.min.js')}}"></script>
  211.     <script src="{{asset('assets/js/jquery.counterup.min.js')}}"></script>
  212.     <!-- Magnific Popup Min JS -->
  213.     <script src="{{asset('assets/js/jquery.magnific-popup.min.js')}}"></script>
  214.     <!-- Isotope Min JS -->
  215.     <script src="{{asset('assets/js/isotope.pkgd.min.js')}}"></script>
  216.     <!-- Owl Carousel Min JS -->
  217.     <script src="{{asset('assets/js/owl.carousel.min.js')}}"></script>
  218.     <!-- WOW Min JS -->
  219.     <script src="{{asset('assets/js/wow.min.js')}}"></script>
  220.     <!-- Main JS -->
  221.     <script src="{{asset('assets/js/main.js')}}"></script>
  223.     
  224.        <script type="text/javascript" src="{{ asset('assets/cookies/jquery.ihavecookies.js')}}"></script>
  225.         <script type="text/javascript">
  226.             var options = {
  227.                 title: 'Acceptation des cookies ',
  228.                 message: "Nous utilisons des cookies nécessaires au fonctionnement de ce site Web et également des cookies nous permettant d'analyser notre trafic",
  229.                 delay: 600,
  230.                 expires: 1,
  231.                 link: "{{path('rgpd')}}",
  232.                 onAccept: function(){
  233.                     var myPreferences = $.fn.ihavecookies.cookie();
  234.                     console.log('Yay! The following preferences were saved...');
  235.                     console.log(myPreferences);
  236.                 },
  237.                 uncheckBoxes: true,
  238.                 acceptBtnLabel: 'Tout accepter',
  239.                 advancedBtnLabel: 'Personnaliser',
  240.                 moreInfoLabel: 'En savoir plus',
  241.                 cookieTypesTitle: 'Choisissez les cookies que vous souhaitez accepter',
  242.                 fixedCookieTypeLabel: 'Essentiel',
  243.                 fixedCookieTypeDesc: 'These are essential for the website to work correctly.'
  244.             }
  246.             $(document).ready(function() {
  247.                 $('body').ihavecookies(options);
  249.                 if ($.fn.ihavecookies.preference('marketing') === true) {
  250.                     console.log('This should run because marketing is accepted.');
  251.                 }
  253.                 $('#ihavecookiesBtn').on('click', function(){
  254.                     $('body').ihavecookies(options, 'reinit');
  255.                 });
  256.             });
  258.         </script>
  259.     
  260. </body>
  262. </html>