190 lines
4.0 KiB
HTML
190 lines
4.0 KiB
HTML
<!doctype html>
|
|
<html lang="#CODELANG">
|
|
|
|
|
|
|
|
<head>
|
|
#INCLURE "template/gtag.html"
|
|
|
|
<THELIA_SEO type="seo" dossier="#DOSSIER_ID">
|
|
<title>#TITRE</title>
|
|
<meta name="description" content="#METADESC" />
|
|
</THELIA_SEO>
|
|
|
|
|
|
#INCLURE "template/meta.html"
|
|
|
|
</head>
|
|
<body class="page-notre-equipe">
|
|
|
|
<div id="page-wrapper">
|
|
|
|
|
|
<a href="./" id="site-logo" class="logo-cube-wrap">
|
|
<img src="template/img/logo.png"/>
|
|
</a>
|
|
|
|
#INCLURE "template/header.html"
|
|
|
|
|
|
|
|
|
|
<div class="pane pane--left" data-pane="left">
|
|
<div class="pane__inner pane-header pane-header--about">
|
|
|
|
<style>
|
|
|
|
|
|
.video-container1 {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.video-container1 video {
|
|
/* Make video to at least 100% wide and tall */
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
|
|
/* Setting width & height to auto prevents the browser from stretching or squishing the video */
|
|
width: auto;
|
|
height: auto;
|
|
|
|
/* Center the video */
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
|
|
|
|
.video-container2 {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.video-container2 video {
|
|
object-fit: contain;
|
|
object-fit: fill;
|
|
object-fit: cover;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<THELIA_IMAGE type="IMAGE" ddossier="#DOSSIER_ID">
|
|
<div class="bg-vid" style="background-image: url(#FICHIER)">
|
|
|
|
|
|
|
|
<div class="video-container2">
|
|
|
|
|
|
|
|
<video width="1280" height="720" autoplay loop>
|
|
<source src="http://www.ae75.fr/client/document/anim-equi-encoder_2.mp4" type="video/mp4">
|
|
</video>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</THELIA_IMAGE>
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
|
<div class="pane__inner pane-header pane-header--about">
|
|
<THELIA_IMAGE type="IMAGE" num="1" dossier="#DOSSIER_ID">
|
|
<div class="bg-vid" style="background-image: url(#FICHIER)"></div>
|
|
</THELIA_IMAGE>
|
|
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="pane pane--right" data-pane="right">
|
|
|
|
<div class="pane__inner scroll-viewport scroll-viewport--about">
|
|
|
|
|
|
<THELIA_DOSSIER type="DOSSIER" parent="#DOSSIER_ID">
|
|
|
|
#SET{total,#NBRES}
|
|
|
|
</THELIA_DOSSIER>
|
|
|
|
<div id="scroll-btn" class="scroll-btn-equipe">
|
|
<button><i class="fa fa-arrow-down" aria-hidden="true"></i> <i class="fa fa-arrow-up" aria-hidden="true" style="display:none;"></i></button>
|
|
<canvas id="loader"></canvas>
|
|
<div class="scroll-counter">
|
|
<span class="current">00</span><span class="total">0#GET{total}</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="scroll-page">
|
|
|
|
|
|
<section class="scroll-page__section section section--red active">
|
|
<div class="section__content">
|
|
<div class="section__header">
|
|
<h2 class="section__title h3 text-center">#DOSSIER_NOM</h2>
|
|
<div class="text-justify">
|
|
#DOSSIER_DESCRIPTION
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<THELIA_DOSSIER type="DOSSIER" parent="#DOSSIER_ID">
|
|
<section class="scroll-page__section section section--red active">
|
|
<div class="section__content">
|
|
<div class="section__number red">0#COMPT</div>
|
|
<div class="section__header">
|
|
<h2 class="section__title h3 text-center">#TITRE</h2>
|
|
<div class="text-justify">
|
|
#DESCRIPTION
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</THELIA_DOSSIER>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
#INCLURE "template/footer.html"
|
|
|
|
</body>
|
|
</html> |