<!DOCTYPE html>
<html
lang="fr">
{# if activeRoute == 'brand_audiobooks' %} opacity-100 show-me {% endif %} {% if activeRoute == 'brand_bd' %} active {%
else %} opacity-5 autre {% endif %} #}
<head>
<meta charset="utf-8">
<title>
Bibliothèque Numérique !
{% block title %}{% endblock %}
</title>
<meta name="description" content="Page Title">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="nocache"/>
<meta name="robots" content="noarchive"/>
<meta
name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
<!-- Call App Mode on ios devices -->
<meta
name="apple-mobile-web-app-capable" content="yes"/>
<!-- Remove Tap Highlight on Windows Phone IE -->
<meta
name="msapplication-tap-highlight" content="no">
<!-- base css -->
<link rel="stylesheet" media="screen, print" href="{{ asset('css/vendors.bundle.css') }}">
<link rel="stylesheet" media="screen, print" href="{{ asset('css/theme_client.css') }}">
<link rel="stylesheet" media="screen, print" href="{{ asset('css/app.bundle.css') }}">
<link
rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
<!-- You can add your own stylesheet here to override any styles that comes before it -->
<link rel="stylesheet" media="screen, print" href="{{ asset('css/themes/cust-theme-3.css') }}"> {% block stylesheets %}{% endblock %}
<style>
html {
overflow: hidden;
}
a[target]:not(.btn) {
text-decoration: none !important;
}
.img-thumbnail {
width: 100%;
}
.middle {
transition: 0.5s ease;
opacity: 0;
position: absolute;
top: 22%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.middle-preview {
transition: 0.5s ease;
opacity: 0;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.product:hover .middle {
opacity: 1;
}
.product:hover .middle-preview {
opacity: 1;
}
.popover {
max-width: 576px !important;
}
.text-description {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
/* number of lines to show */
-webkit-box-orient: vertical;
}
button#form_search {
display: none;
}
input#search-field::placeholder {
color: #fff;
font-weight: 100;
}
.page-content-wrapper {
margin-top: 0 !important;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #4679cc4a;
border-color: #9fb9e494;
}
.no-click {
cursor: help;
}
</style>
</head>
<body
class="mod-bg-1 nav-function-top mod-main-boxed mod-clean-page-bg client-base">
<!-- DOC: script to save and load page settings -->
<script>
'use strict';
</script>
<!-- BEGIN Page Wrapper -->
<div class="page-wrapper" id="top">
<div class="row">
<div class="col-xl-12">
<div class="panel-container show">
<div class="panel-content">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="{{ asset('youscribe/banners/' ~ projet.client.code ~ '-' ~ projet.id ~ '/' ~ projet.banner ~ '') }}" alt="First slide">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="page-inner">
<!-- END Left Aside -->
<div class="page-content-wrapper">
<!-- BEGIN Page Header -->
<!-- END Page Header -->
<!-- BEGIN Page Content -->
<!-- the #js-page-content id is needed for some plugins to initialize -->
<main id="js-page-content" role="main" class="page-content">{% block menu %}{% endblock %}{% block body %}{% endblock %} </main>
<div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div>
</div>
</div>
</div>
<!-- END Page Settings -->
<script src="{{ asset('js/vendors.bundle.js') }}"></script>
<script src="{{ asset('js/app.bundle.js') }}"></script>
{% block javascripts %}{% endblock %}
</body>
</html>