Initial commit
This commit is contained in:
189
www/template/notre-equipe.html
Normal file
189
www/template/notre-equipe.html
Normal file
@@ -0,0 +1,189 @@
|
||||
<!doctype html>
|
||||
<html lang="#CODELANG">
|
||||
|
||||
|
||||
|
||||
<head>
|
||||
|
||||
<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>
|
||||
Reference in New Issue
Block a user