templates/layouts/front/base.html.twig line 1

Open in your IDE?
  2. <!DOCTYPE html>
  3. <html lang="fr">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>{% block title %}{{ parametres.structure.name ?? company_name }}{% endblock %}</title>
  7.     <meta name="author" content="{{ parametres.structure.name ?? company_name }}">
  8.     <!-- description -->
  9.     <meta name="description" content="{{  parametres.structure.description ?? '' }}">
  10.     <!-- keywords -->
  11.     <meta name="keywords" content="{{ parametres.structure.keywords ?? '' }}">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1">
  14.     <link rel="shortcut icon" href="{{ asset('assetics/assets/images/favicon.ico') }}"/>
  16.     <link rel="stylesheet" href="{{ asset('assetics/internes/styles/kenburns.css') }}">
  17.     <link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/slick.css') }}">
  18.     <link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/slick-theme.css') }}">
  19.     <link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/jquery.datepicker2.css') }}">
  20.     <link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/animate.css') }}">
  22.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/animate.css') }}">
  23.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/bootsnav.css') }}">
  24.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/bootstrap.min.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/et-line-icons.css') }}" />
  26.     <!-- font-awesome icon -->
  27.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/font-awesome.min.css') }}" />
  28.     <!-- themify icon -->
  29.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/themify-icons.css') }}">
  30.     <!-- swiper carousel -->
  31.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/swiper.min.css') }}">
  32.     <!-- justified gallery  -->
  33.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/justified-gallery.min.css') }}">
  34.     <!-- magnific popup -->
  35.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/magnific-popup.css') }}" />
  36.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/style.css') }}">
  37.     <link rel="stylesheet" href="{{ asset('assetics/thematiques/css/responsive.css') }}" />
  39.     <link rel="stylesheet" href="{{ asset('assetics/internes/styles/style.css') }}">
  40.     <!-- include the style -->
  41.     <link href="{{ asset('bundles/mercuryseriesflashy/css/flashy.css') }}" rel="stylesheet">
  42.     <link rel="stylesheet" href="{{ asset('bundles/alertifyjs/build/css/alertify.min.css') }}" />
  43.     <!-- include a theme -->
  44.     <link rel="stylesheet" href="{{ asset('bundles/alertifyjs/build/css/themes/bootstrap.min.css') }}" />
  45.     {{ encore_entry_link_tags('app') }}
  46.     {% block stylesheets %}{% endblock %}
  47. </head>
  48. <body>
  50. <header id="header-1" style="overflow: hidden;position: relative; z-index: 99999999!important;">
  51.     <!-- start mainslider -->
  52.     {{ mainslider() }}
  53.     <!-- end mainslider -->
  55.     <!-- start navigation -->
  56.     <nav style="position: fixed; top: 0;" class="navbar navbar-default bootsnav nav-box-width {% if app.request.get('_route') == 'home' %} bg-white-home {% else %} bg-white {% endif %} navbar-expand-lg">
  57.         <div class="container-fluid nav-header-container">
  58.             <!-- start logo -->
  59.             <div class="col-auto pl-0">
  60.                 {% include 'layouts/front/partials/__logo.html.twig' %}
  61.             </div>
  62.             <!-- end logo -->
  63.             <div class="col accordion-menu pr-0 pr-md-3">
  64.                 <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
  65.                     <span class="sr-only">toggle navigation</span>
  66.                     <span class="icon-bar"></span>
  67.                     <span class="icon-bar"></span>
  68.                     <span class="icon-bar"></span>
  69.                 </button>
  70.                 <div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
  71.                     {% include 'layouts/front/partials/__navigation.html.twig' %}
  72.                 </div>
  73.             </div>
  74.             <div class="col-auto pr-0">
  75.                 <div class="header-social-icon d-none d-md-inline-block">
  76.                     {% include 'pages/partials/__social_link.html.twig' %}
  77.                     {#{{ locale_links() }}#}
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </nav>
  82.     <!-- end navigation -->
  83.     {#<div id="form-1-area" style="margin-bottom: 0px!important;width: 50%!important;margin-left: 25%">
  84.         <div class="container" style="display: flex; flex-direction:row; text-align: center; justify-content: space-between; background: rgba(255,255,255, 0.8); padding: 15px">
  85.             <a href="#"><div class="pub-item pub-covi19"><img src="{{ asset('assetics/internes/images/pub_corona.png') }}" width="80%" alt=""></div></a>
  86.             <a href="https://docs.google.com/forms/d/e/1FAIpQLSfFg-pDi-n2ftQvmHfN9FZZ3PAI0vnEpRUBQbUekcYiIc8Hjw/viewform" target="_blank">
  87.                 <div class="pub-item pub-booking"><img src="{{ asset('assetics/internes/images/pub_enregistrement.png') }}" width="80%" alt=""></div>
  88.             </a>
  89.         </div>
  90.     </div>#}
  91. </header>
  94. <div class="container">
  95.     <figure style="margin-top: 30px!important;">
  96.         {#<figcaption>Listen to the T-Rex:</figcaption>#}
  97.         <audio autoplay style="outline: none!important;" controls src="{{ asset('assetics/assets/audio/book1-prelude01-1.mp3') }}">
  98.             Your browser does not support the
  99.             <code>audio</code> element.
  100.         </audio>
  101.     </figure>
  102. </div>
  103. {% block body %}{% endblock %}
  105. {% include 'layouts/front/partials/__footer.html.twig' %}
  107. <script src="{{ asset('assetics/internes/scripts/jquery-3.4.1.js') }}"> </script>
  108. <script src="{{ asset('assetics/internes/scripts/slick.min.js') }}"></script>
  109. <script src="{{ asset('assetics/internes/scripts/jquery.datepicker2.js') }}"></script>
  110. <script src="{{ asset('assetics/internes/scripts/isotope.pkgd.min.js') }}"></script>
  112. <script src="{{ asset('assetics/internes/scripts/app.js') }}"></script>
  114. <script src="{{ asset('assetics/internes/scripts/kenburning.min.js') }}"></script>
  115. <!-- menu navigation -->
  116. <script type="text/javascript" src="{{ asset('assetics/thematiques/js/bootsnav.js') }}"></script>
  117. <script type="text/javascript" src="{{ asset('assetics/thematiques/js/jquery.nav.js') }}"></script>
  118. <script type="text/javascript" src="{{ asset('assetics/thematiques/js/classie.js') }}"></script>
  119. <script type="text/javascript" src="{{ asset('assetics/thematiques/js/hamburger-menu.js') }}"></script>
  120. <!-- magnific popup -->
  121. <script type="text/javascript" src="{{ asset('assetics/thematiques/js/jquery.magnific-popup.min.js') }}"></script>
  122. <script src="{{ asset('assetics/assets/js/script.js') }}"></script>
  123. <script src="{{ asset('bundles/mercuryseriesflashy/js/flashy.js') }}"></script>
  124. <script src="{{ asset('bundles/alertifyjs/build/alertify.min.js') }}"></script>
  125. <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  126. <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  127. {{ encore_entry_script_tags('app') | replace({'src=':'defer src='}) | raw }}
  129. <script>
  130.     if($('.kenburns').length){
  131.         $('.kenburns').each(function () {
  132.             var time = $(this).attr('data-time') ? $(this).attr('data-time') : 9000;
  133.             $(this).kenBurning({
  134.                 time : time
  135.             });
  137.         });
  138.     }
  139.     function kenburnsHeight() {
  140.         if($('.kenburns-wrap').length){
  141.             $('.kenburns-wrap').each(function () {
  142.                 var headerH = $('.header_top_bg').not('.header_trans-fixed').outerHeight() || 0,
  143.                     footerH = $('#footer').not('.fix-bottom').outerHeight() || 0,
  144.                     sliderH = $(window).height() - (headerH + footerH),
  145.                     bottomplay = $('#footer').hasClass('fix-bottom') ? ($('#footer').outerHeight() + 60) : '30';
  147.                 $(this).find('.kenburns-play').css('bottom', bottomplay + 'px');
  148.                 $(this).find('.whizz-sound-btn').css('bottom', bottomplay + 'px');
  150.                 $(this).css('height', sliderH + 'px');
  152.                 if($(window).width() < 768 && _ismobile){
  153.                     $(this).find('.whizz-sound-btn').css('bottom', bottomplay - 50 + 'px');
  154.                     $(this).find('.caption').css('bottom', bottomplay + 10 + 'px');
  155.                 }else{
  156.                     $(this).find('.caption').css('bottom', bottomplay - 20 + 'px');
  157.                     $(this).find('.whizz-sound-btn').css('bottom', bottomplay + 'px');
  158.                 }
  160.             });
  161.         }
  162.     }
  163.     setTimeout(kenburnsHeight, 0);
  164. </script>
  165. </body>
  166. </html>