templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html
  3.     lang="fr">
  4.     {# if activeRoute == 'brand_audiobooks' %} opacity-100 show-me {% endif %} {% if activeRoute == 'brand_bd' %} active {%
  5.                                                                                         else %} opacity-5 autre {% endif %} #}
  6.     <head>
  7.         <meta charset="utf-8">
  8.         <title>
  9.             Bibliothèque Numérique !
  10.             {% block title %}{% endblock %}
  11.         </title>
  12.         <meta name="description" content="Page Title">
  13.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14.         <meta name="robots" content="nocache"/>
  15.         <meta name="robots" content="noarchive"/>
  16.         <meta
  17.         name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
  18.         <!-- Call App Mode on ios devices -->
  19.         <meta
  20.         name="apple-mobile-web-app-capable" content="yes"/>
  21.         <!-- Remove Tap Highlight on Windows Phone IE -->
  22.         <meta
  23.         name="msapplication-tap-highlight" content="no">
  24.         <!-- base css -->
  25.         <link rel="stylesheet" media="screen, print" href="{{ asset('css/vendors.bundle.css') }}">
  26.         <link rel="stylesheet" media="screen, print" href="{{ asset('css/theme_client.css') }}">
  27.         <link rel="stylesheet" media="screen, print" href="{{ asset('css/app.bundle.css') }}">
  28.         <link
  29.         rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
  30.         <!-- You can add your own stylesheet here to override any styles that comes before it -->
  31.         <link rel="stylesheet" media="screen, print" href="{{ asset('css/themes/cust-theme-3.css') }}"> {% block stylesheets %}{% endblock %}
  32.         <style>
  33.             html {
  34.                 overflow: hidden;
  35.             }
  36.             a[target]:not(.btn) {
  37.                 text-decoration: none !important;
  38.             }
  39.             .img-thumbnail {
  40.                 width: 100%;
  41.             }
  42.             .middle {
  43.                 transition: 0.5s ease;
  44.                 opacity: 0;
  45.                 position: absolute;
  46.                 top: 22%;
  47.                 left: 50%;
  48.                 transform: translate(-50%, -50%);
  49.                 -ms-transform: translate(-50%, -50%);
  50.                 text-align: center;
  51.             }
  52.             .middle-preview {
  53.                 transition: 0.5s ease;
  54.                 opacity: 0;
  55.                 position: absolute;
  56.                 top: 40%;
  57.                 left: 50%;
  58.                 transform: translate(-50%, -50%);
  59.                 -ms-transform: translate(-50%, -50%);
  60.                 text-align: center;
  61.             }
  62.             .product:hover .middle {
  63.                 opacity: 1;
  64.             }
  65.             .product:hover .middle-preview {
  66.                 opacity: 1;
  67.             }
  68.             .popover {
  69.                 max-width: 576px !important;
  70.             }
  71.             .text-description {
  72.                 overflow: hidden;
  73.                 text-overflow: ellipsis;
  74.                 display: -webkit-box;
  75.                 -webkit-line-clamp: 7;
  76.                 /* number of lines to show */
  77.                 -webkit-box-orient: vertical;
  78.             }
  79.             button#form_search {
  80.                 display: none;
  81.             }
  82.             input#search-field::placeholder {
  83.                 color: #fff;
  84.                 font-weight: 100;
  85.             }
  86.             .page-content-wrapper {
  87.                 margin-top: 0 !important;
  88.             }
  89.             .btn-outline-primary:hover {
  90.                 color: #fff;
  91.                 background-color: #4679cc4a;
  92.                 border-color: #9fb9e494;
  93.             }
  94.             .no-click {
  95.                 cursor: help;
  96.             }
  97.         </style>
  98.     </head>
  99.     <body
  100.         class="mod-bg-1 nav-function-top mod-main-boxed mod-clean-page-bg client-base">
  101.         <!-- DOC: script to save and load page settings -->
  102.         <script>
  103.             'use strict';
  104.         </script>
  105.         <!-- BEGIN Page Wrapper -->
  106.         <div class="page-wrapper" id="top">
  107.             <div class="row">
  108.                 <div class="col-xl-12">
  109.                     <div class="panel-container show">
  110.                         <div class="panel-content">
  111.                             <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  112.                                 <div class="carousel-inner">
  113.                                     <div class="carousel-item active">
  114.                                         <img class="d-block w-100" src="{{ asset('youscribe/banners/' ~ projet.client.code ~ '-' ~ projet.id ~ '/' ~ projet.banner ~ '') }}" alt="First slide">
  115.                                     </div>
  116.                                 </div>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             </div>
  122.             <div
  123.                 class="page-inner">
  124.                 <!-- END Left Aside -->
  125.                 <div class="page-content-wrapper">
  126.                     <!-- BEGIN Page Header -->
  127.                     <!-- END Page Header -->
  128.                     <!-- BEGIN Page Content -->
  129.                     <!-- the #js-page-content id is needed for some plugins to initialize -->
  130.                         <main id="js-page-content" role="main" class="page-content">{% block menu %}{% endblock %}{% block body %}{% endblock %} </main>
  131.                         <div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div>
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.             <!-- END Page Settings -->
  136.             <script src="{{ asset('js/vendors.bundle.js') }}"></script>
  137.             <script src="{{ asset('js/app.bundle.js') }}"></script>
  138.             {% block javascripts %}{% endblock %}
  139.         </body>
  140.     </html>