278 lines
6.2 KiB
HTML
278 lines
6.2 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-nos-references">
|
|
|
|
<div id="page-wrapper">
|
|
|
|
|
|
|
|
#INCLURE "template/header.html"
|
|
|
|
|
|
|
|
|
|
<a href="./" id="site-logo" class="logo-cube-wrap">
|
|
<img src="template/img/logo-dark.png"/>
|
|
</a>
|
|
|
|
|
|
|
|
<div class="pane pane--left" data-pane="left">
|
|
|
|
<div class="pane__inner pane-header" id="ref-left">
|
|
|
|
|
|
|
|
<TEST_ex1 variable="#GET{projet}" test="nonvide">
|
|
#INCLURE "template/references-load-text.html"
|
|
</TEST_ex1>
|
|
<//TEST_ex1>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="pane__inner pane-header pane-header--about" id="liste-left" >
|
|
<THELIA_IMAGE type="IMAGE" num="1" dossier="4">
|
|
<div class="bg-vid" style="background-image: url(#FICHIER)"></div>
|
|
</THELIA_IMAGE>
|
|
|
|
<header class="pane-header__content">
|
|
<THELIA_DOSSIER type="DOSSIER" id="4">
|
|
|
|
|
|
<h1 class="page-title-position">#TITRE.</h1>
|
|
#DESCRIPTION
|
|
</THELIA_DOSSIER>
|
|
|
|
|
|
|
|
|
|
|
|
<form action="./?fond=recherche">
|
|
<select name="mission" id="domaine_de_competence">
|
|
<option value="">Mission</option>
|
|
<option value="Maîtrise d'oeuvre">Maîtrise d'oeuvre</option>
|
|
<option value="Assistance à Maîtrise d'ouvrage">Assistance à Maîtrise d'ouvrage</option>
|
|
<option value="Maîtrise d'oeuvre partielle">Maîtrise d'oeuvre partielle</option>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</select>
|
|
<br/> <br/>
|
|
<select name="domaine_de_competence" id="domaine_de_competence">
|
|
|
|
<option value="">Domaine de compétence</option>
|
|
<option value="Centres commerciaux">Centres commerciaux</option>
|
|
<option value="Bureaux">Bureaux</option>
|
|
<option value="Justice / Sûreté">Justice / Sûreté</option>
|
|
<option value="Théâtres / Salles de spectacles">Théâtres / Salles de spectacles</option>
|
|
<option value="Hospitalier / Social">Hospitalier / Social</option>
|
|
<option value="Bâtiments industriels ou de logistique">Bâtiments industriels ou de logistique</option>
|
|
<option value="Equipements publics / Divers">Equipements publics / Divers</option>
|
|
<option value="Muséographie / Expositions">Muséographie / Expositions</option>
|
|
<option value="Scolaire / Universitaire">Scolaire / Universitaire</option>
|
|
<option value="Opération mixte">Opération mixte</option>
|
|
<option value="Logements">Logements</option>
|
|
<option value="Résidence de Tourisme / Hôtellerie">Résidence de Tourisme / Hôtellerie</option>
|
|
<option value="Equipements sportifs et loisirs">Equipements sportifs et loisirs</option>
|
|
|
|
</select>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</header>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="pane pane--right" data-pane="right" >
|
|
|
|
<div class="pane__inner scroll-viewport case-study" style="color: rgb(255, 255, 255);" id="ref-right">
|
|
|
|
|
|
<TEST_ex1 variable="#GET{projet}" test="nonvide">
|
|
#INCLURE "template/references-load-images.html"
|
|
</TEST_ex1>
|
|
<//TEST_ex1>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="pane__inner scroll-viewport scroll-viewport--about " id="liste-right">
|
|
|
|
|
|
|
|
<div id="scroll-btn" class="scroll-btn-ref">
|
|
<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>
|
|
|
|
|
|
|
|
<div class="slider-references" style="height:100%;">
|
|
|
|
<ul class="shelf shelf--work shelf--hover-state list--unstyled">
|
|
|
|
<THELIA_DOSSIER type="DOSSIER" parent="4" classement="inverse">
|
|
|
|
<!-- #DESCRIPTION-->
|
|
|
|
|
|
|
|
<TEST_ex variable="#COMPT" test="dansliste" valeur="10,19,28,37,46,55,64,73,82,91,100,109,118,127">
|
|
</ul>
|
|
<ul class="shelf shelf--work shelf--hover-state list--unstyled">
|
|
|
|
</TEST_ex>
|
|
<//TEST_ex>
|
|
|
|
|
|
|
|
|
|
|
|
<li rel="#ID">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="#URL" title="">
|
|
|
|
<THELIA_IMAGE type="IMAGE" dossier="#ID" num="1" largeur="400" hauteur="400">
|
|
|
|
|
|
<span class="bg cover-gi" style="background-image: url(#IMAGE)"><span></span></span>
|
|
</THELIA_IMAGE>
|
|
<span class="shelf__viewport shelf__front">
|
|
<span class="shelf__content">
|
|
#TITRE
|
|
</span>
|
|
</span>
|
|
<span class="shelf__viewport shelf__back">
|
|
<span class="shelf__content">
|
|
<p class="shelf__description"></p>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</THELIA_DOSSIER>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
#INCLURE "template/footer.html"
|
|
|
|
|
|
<TEST_ex1 variable="#GET{projet}" test="nonvide">
|
|
|
|
|
|
|
|
<style>
|
|
#liste-left {
|
|
display: none;
|
|
}
|
|
|
|
|
|
#liste-right {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
#ref-left {
|
|
display: block;
|
|
}
|
|
|
|
#ref-right {
|
|
display: block;
|
|
}
|
|
|
|
.close-ref{
|
|
display: block;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
|
|
$("#slider-ref").bxSlider({
|
|
autoStart:true,
|
|
auto:true,
|
|
controls:false,
|
|
infiniteLoop:true,
|
|
pager:false,
|
|
preloadImages:"all",
|
|
mode:"vertical"
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</TEST_ex1>
|
|
<//TEST_ex1>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html> |