templates/main/_Layout.html.twig line 1

Open in your IDE?
  1. {# src/CeremhBundle/Resources/views/Default/index.html.twig #}
  3. <!DOCTYPE html>
  4. <html lang="fr">
  5. <head>
  7.     <!-- Global site tag (gtag.js) - Google Analytics -->
  8.     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-6838696-1"></script>
  9.     <script>
  10.         window.dataLayer = window.dataLayer || [];
  11.         function gtag(){dataLayer.push(arguments);}
  12.         gtag('js', new Date());
  14.         gtag('config', 'UA-6838696-1');
  15.     </script>
  18.     <!-- Required meta tags -->
  19.     <meta charset="utf-8">
  21.     <!-- CEREMH Meta -->
  22.     {% block Meta %}
  26.     {% endblock %}
  29.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  31.     <!-- Favicon -->
  32.     <link rel="shortcut icon" href="{{ asset('_Assets/Images/logo_ceremh/Favicon_ceremh.png') }}"/>
  33.     <!-- Plugins CSS -->
  34.     <link href="{{ asset('_Assets/Front/css/plugins/plugins.css') }}" rel="stylesheet">
  35.     <!-- REVOLUTION STYLE SHEETS -->
  36.     <link rel="stylesheet" type="text/css" href="{{ asset('_Assets/Front/revolution/css/settings.css') }}">
  37.     <!-- REVOLUTION LAYERS STYLES -->
  38.     <link rel="stylesheet" type="text/css" href="{{ asset('_Assets/Front/revolution/css/layers.css') }}">
  39.     <!-- REVOLUTION NAVIGATION STYLES -->
  40.     <link rel="stylesheet" type="text/css" href="{{ asset('_Assets/Front/revolution/css/navigation.css') }}">
  41.     <!-- load css for cubeportfolio -->
  42.     <link rel="stylesheet" type="text/css" href="{{ asset('_Assets/Front/cubeportfolio/css/cubeportfolio.min.css') }}">
  43.     <!-- Assan CSS -->
  44.     <link href="{{ asset('_Assets/Front/css/style.css') }}" rel="stylesheet">
  45.     <!-- Custom CSS -->
  46.     <link href="{{ asset('_Assets/Front/css/custom.css') }}" rel="stylesheet">
  48.     {% block specificCSS %}
  51.     {% endblock %}
  55. </head>
  57. <body data-spy="scroll" data-offset="71" data-target="#navbarNavDropdown">
  58.     <div id="preloader">
  59.         <div id="preloader-inner"></div>
  60.     </div><!--/preloader-->
  61.     <header class="header-main header-transparent">
  62.         <!--top bar-->
  63.         <div class="top-bar clearfix light">
  64.             <div class="container">
  65.                 <div class="float-sm-right">
  66.                     <ul class="list-inline mb0">
  67.                         <li class="list-inline-item">
  68.                             <a href="https://www.facebook.com/CEREMH" class="social-icon-sm si-gray si-gray-round si-facebook">
  69.                                 <i class="fa fa-facebook"></i>
  70.                                 <i class="fa fa-facebook"></i>
  71.                             </a>
  72.                         </li>
  74.                         <li class="list-inline-item">
  75.                             <a href="https://twitter.com/SuivezleCEREMH" class="social-icon-sm si-gray si-gray-round si-twitter">
  76.                                 <i class="fa fa-twitter"></i>
  77.                                 <i class="fa fa-twitter"></i>
  78.                             </a>
  79.                         </li>
  81.                         <li class="list-inline-item">
  82.                             <a href="https://www.linkedin.com/company/ceremh" class="social-icon-sm si-gray si-gray-round si-linkedin">
  83.                                 <i class="fa fa-linkedin"></i>
  84.                                 <i class="fa fa-linkedin"></i>
  85.                             </a>
  86.                         </li>
  87.                     </ul>
  88.                 </div>
  89.             </div>
  90.         </div><!--/top bar-->
  93.         <nav class="navbar navbar-expand-lg navbar-light">
  95.             <div class="container">
  97.                 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  98.                     <span class="navbar-toggler-icon"></span>
  99.                 </button>
  100.                 <div>
  101.                     <a class="navbar-brand" href="{{ path('accueil') }}" style="width:50%"><img src="_Assets/Images/logo_ceremh/Logo_Ceremh.png" alt="" style="width:80%"></a>
  102.                 </div>
  104.                 <div  id="navbarNavDropdown" class="navbar-collapse collapse">
  106.                         <ul class="navbar-nav ml-auto">
  107.                             <li class="nav-item">
  108.                                 <a class="nav-link" data-scroll aria-haspopup="true" aria-expanded="false" href="{{ path('accueil') }}"> Accueil </a>
  109.                             </li>
  110.                             <li class="nav-item">
  111.                                 <a class="nav-link" aria-haspopup="true" aria-expanded="false" href="{{ path('qsm') }}"> Le CEREMH </a>
  112.                             </li>
  113.                             <li class="nav-item dropdown dropdown-full-width" >
  114.                                 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Nos Activités</a>
  115.                                 <ul class="dropdown-menu dropdown-mega-fw" style="background-color: gray">
  116.                                     <li class="container">
  117.                                         <div class="mega-menu-content">
  118.                                             <div class="row">
  119.                                                 <div class="col-lg-4">
  120.                                                     <div class="card card-body">
  121.                                                         <h4 class="card-title">
  122.                                                             Ceremh Conduite
  123.                                                         </h4>
  124.                                                         <img style="width: 100%" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Conduite.png"/>
  125.                                                         <a href="{{ path('conduite') }}" class="btn btn-primary">Rejoindre</a>
  126.                                                         <hr>
  127.                                                         <h5>Liens directs</h5>
  128.                                                         <ul class="mega-inner-nav list-unstyled ">
  129.                                                             <li><a class="text-primary" href="{{ path('conduite-autoecole') }}"><i class="fa fa-arrow-right"></i> Notre auto-école</a></li>
  130.                                                             <li><a class="text-primary" href="{{ path('conduite-inf') }}"><i class="fa fa-arrow-right"></i> Centre d'information</a></li>
  131.                                                             <li><a class="text-primary" href="{{ path('conduite-doc') }}"><i class="fa fa-arrow-right"></i> Documentation</a></li>
  132.                                                         </ul>
  133.                                                     </div>
  134.                                                 </div>
  135.                                                 <div class="col-lg-4">
  136.                                                     <div class="card card-body">
  137.                                                         <h4 class="card-title">
  138.                                                             Ceremh Formation
  139.                                                         </h4>
  140.                                                         <img style="width: 100%" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Formation.png"/>
  141.                                                         <a href="{{ path('formation') }}" class="btn btn-primary">Rejoindre</a>
  142.                                                         <hr>
  143.                                                         <h5>Liens directs</h5>
  144.                                                         <ul class="mega-inner-nav list-unstyled ">
  145.                                                             <li><a class="text-primary" href="{{ path('formation') }}"><i class="fa fa-arrow-right"></i> Nos prochaines dates</a></li>
  146.                                                             <li><a class="text-primary" href="{{ path('formation-ch-ergo') }}"><i class="fa fa-arrow-right"></i> Pour ergothérapeute</a></li>
  147.                                                             <li><a class="text-primary" href="{{ path('formation-ch-ensc') }}"><i class="fa fa-arrow-right"></i> Pour enseignant à la conduite</a></li>
  148.                                                         </ul>
  149.                                                     </div>
  150.                                                 </div>
  151.                                                 <div class="col-lg-4">
  152.                                                     <div class="card card-body">
  153.                                                         <h4 class="card-title">
  154.                                                             Ceremh Lab
  155.                                                         </h4>
  156.                                                         <img style="width: 100%" src="_Assets/Images/logo_ceremh/Logo_Ceremh_Lab.png"/>
  157.                                                         <a href="{{ path('lab') }}" class="btn btn-primary">Rejoindre</a>
  158.                                                         <hr>
  159.                                                         <h5>Liens directs</h5>
  160.                                                         <ul class="mega-inner-nav list-unstyled ">
  161.                                                             <li><a class="text-primary" href="{{ path('lab-banc-pmr') }}"><i class="fa fa-arrow-right"></i> Banc d'évaluation à la conduite</a></li>
  162.                                                             <li><a class="text-primary" href="{{ path('lab-virtualf') }}"><i class="fa fa-arrow-right"></i> virtual fauteuil</a></li>
  163.                                                             <li><a class="text-primary" href="{{ path('lab-censea') }}"><i class="fa fa-arrow-right"></i> Censea</a></li>
  164.                                                         </ul>
  165.                                                     </div>
  166.                                                 </div>
  168.                                             </div>
  169.                                         </div>
  170.                                     </li>
  171.                                 </ul>
  172.                             </li>
  173.                             <li class="nav-item">
  174.                                 <a class="nav-link" aria-haspopup="true" aria-expanded="false" href="{{ path('contact') }}">Contact</a>
  175.                             </li>
  176.                         </ul>
  177.                 </div>
  178.             </div>
  179.         </nav>
  180.     </header>
  184.         {% block content %}
  190.         {% endblock %}
  193.     <footer class="footer footer-dark pt50 pb30">
  194.         <div class="container">
  195.             <div class="row">
  196.                 <div class="col-lg-3 col-md-6 mb40">
  197.                     <h3>A propos de nous</h3>
  198.                     <p>
  199.                         Le CEREMH en tant que centre de ressources et d’innovation contribue au développement de solutions innovantes favorisant la mobilité des personnes en situation de handicap, quelle que soit l’origine de cette situation. </p>
  200.                     <a href="{{ path('qsm') }}" class="btn btn-sm btn-white-outline">En savoir plus</a>
  201.                 </div>
  202.                 <div class="col-lg-6 col-md-6 mb40 text-center">
  203.                     <img src="_Assets/Images/logo_ceremh/Logo_Ceremh_White.png" alt="logo ceremh" style="width: 70%">
  204.                 </div>
  205.                 <div class="col-lg-3 col-md-6 mb40">
  206.                     <h3>Contactez nous</h3>
  207.                     <ul class="list-unstyled contact-list-item">
  208.                         <li>
  209.                             <i class="ti-home"></i>
  210.                             10-12 Avenue de l'Europe,<br> 78140 Vélizy-Villacoublay
  211.                         </li>
  212.                         <li>
  213.                             <i class="ti-email"></i>
  214.                             contact@ceremh.org
  215.                         </li>
  216.                         <li>
  217.                             <i class="ti-mobile"></i>
  218.                             01 39 25 49 87
  219.                         </li>
  220.                         <li><a href="{{ path('contact')}}" class="btn btn-primary" style="width: 100%;">Formulaire de Contact</a></li>
  221.                     </ul>
  222.                 </div>
  223.             </div><hr class="mb40">
  224.             <div class="row">
  225.                 <div class="col-lg-6  ml-auto mr-auto text-center">
  227.                     <p>&copy; CEREMH Copyright 2022  </p>
  228.                 </div>
  229.             </div>
  230.         </div>
  231.     </footer><!--/footer-->
  237.     <!-- Plugins first, then assan custom. -->
  238.     <script src="{{ asset('_Assets/Front/js/plugins/plugins.js') }}"></script>
  239.     <script src="{{ asset('_Assets/Front/js/assan.custom.js') }}"></script>
  240.     <!-- load cubeportfolio -->
  242.     <!-- REVOLUTION JS FILES -->
  243.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/jquery.themepunch.tools.min.js') }}"></script>
  244.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/jquery.themepunch.revolution.min.js') }}"></script>
  245.     <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
  246.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.actions.min.js') }}"></script>
  247.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.carousel.min.js') }}"></script>
  248.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.kenburn.min.js') }}"></script>
  249.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.layeranimation.min.js') }}"></script>
  250.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.migration.min.js') }}"></script>
  251.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.navigation.min.js') }}"></script>
  252.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.parallax.min.js') }}"></script>
  253.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.slideanims.min.js') }}"></script>
  254.     <script type="text/javascript" src="{{ asset('_Assets/Front/revolution/js/extensions/revolution.extension.video.min.js') }}"></script>
  256.     {% block specificJS %}
  258.     {% endblock %}
  261.     <script>
  262.         /**Hero  script**/
  263.         var tpj = jQuery;
  265.         var revapi1078;
  266.         tpj(document).ready(function () {
  267.             if (tpj("#rev_slider_1078_1").revolution == undefined) {
  268.                 revslider_showDoubleJqueryError("#rev_slider_1078_1");
  269.             } else {
  270.                 revapi1078 = tpj("#rev_slider_1078_1").show().revolution({
  271.                     sliderType: "standard",
  272.                     jsFileLocation: "revolution/js/",
  273.                     sliderLayout: "auto",
  274.                     dottedOverlay: "none",
  275.                     delay: 8000,
  276.                     navigation: {
  277.                         arrows: {
  278.                             enable: true,
  279.                             style: 'uranus',
  280.                             tmp: '',
  281.                             rtl: false,
  282.                             hide_onleave: false,
  283.                             hide_onmobile: true,
  284.                             hide_under: 600,
  285.                             hide_over: 9999,
  286.                             hide_delay: 200,
  287.                             hide_delay_mobile: 1200,
  288.                             left: {
  289.                                 container: 'slider',
  290.                                 h_align: 'left',
  291.                                 v_align: 'center',
  292.                                 h_offset: 0,
  293.                                 v_offset: 0
  294.                             },
  295.                             right: {
  296.                                 container: 'slider',
  297.                                 h_align: 'right',
  298.                                 v_align: 'center',
  299.                                 h_offset: 0,
  300.                                 v_offset: 0
  301.                             }
  302.                         }
  303.                     },
  304.                     viewPort: {
  305.                         enable: true,
  306.                         outof: "pause",
  307.                         visible_area: "80%",
  308.                         presize: false
  309.                     },
  310.                     responsiveLevels: [1240, 1024, 778, 480],
  311.                     visibilityLevels: [1240, 1024, 778, 480],
  312.                     gridwidth: [1140, 992, 700, 465],
  313.                     gridheight: [350, 600, 500, 480], // permet de gérer la hauteur du bandeau
  314.                     lazyType: "none",
  315.                     parallax: {
  316.                         type: "mouse",
  317.                         origo: "slidercenter",
  318.                         speed: 2000,
  319.                         levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55]
  320.                     },
  321.                     shadow: 0,
  322.                     spinner: "off",
  323.                     stopLoop: "off",
  324.                     stopAfterLoops: -1,
  325.                     stopAtSlide: -1,
  326.                     shuffle: "off",
  327.                     autoHeight: "off",
  328.                     hideThumbsOnMobile: "off",
  329.                     hideSliderAtLimit: 0,
  330.                     hideCaptionAtLimit: 0,
  331.                     hideAllCaptionAtLilmit: 0,
  332.                     debugMode: false,
  333.                     fallbacks: {
  334.                         simplifyAll: "off",
  335.                         nextSlideOnWindowFocus: "off",
  336.                         disableFocusListener: false
  337.                     }
  338.                 });
  339.             }
  342.         });    /*ready*/
  345.         </script>
  348.     <script type="text/javascript">
  349.         jQuery(document, undefined, window).ready( function() {
  350.             jQuery('#js-grid-lightbox-gallery').cubeportfolio({
  351.                 filters: '#js-filters-lightbox-gallery',
  352.                 layoutMode: 'grid',
  353.                 mediaQueries: [{
  354.                     width: 1500,
  355.                     cols: 5
  356.                 }, {
  357.                     width: 1100,
  358.                     cols: 5
  359.                 }, {
  360.                     width: 800,
  361.                     cols: 2
  362.                 }, {
  363.                     width: 480,
  364.                     cols: 2,
  365.                     options: {
  366.                         caption: ''
  367.                     }
  368.                 }],
  369.                 defaultFilter: '*',
  370.                 animationType: 'sequentially',
  371.                 gapHorizontal: 0,
  372.                 gapVertical: 0,
  373.                 gridAdjustment: 'responsive',
  374.                 caption: 'zoom',
  375.                 displayType: 'fadeIn',
  376.                 displayTypeSpeed: 100,
  377.                 // lightbox
  378.                 lightboxDelegate: '.cbp-lightbox',
  379.                 lightboxGallery: true,
  380.                 lightboxTitleSrc: 'data-title',
  381.                 lightboxCounter: '<div class="cbp-popup-lightbox-counter">1 of 5</div>'
  382.             });
  383.         });
  384.     </script>
  387. </body>