161 lines
5.1 KiB
HTML
161 lines
5.1 KiB
HTML
<[content name=cnt]><!DOCTYPE html>
|
|
<!--[if lt IE 7]> <html lang="en" class="no-js ie6 oldie"> <![endif]-->
|
|
<!--[if IE 7]> <html lang="en" class="no-js ie7 oldie"> <![endif]-->
|
|
<!--[if IE 8]> <html lang="en" class="no-js ie8 oldie"> <![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<html class='no-js' lang='fr'>
|
|
<!--<![endif]-->
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
|
|
<title>Les Invalides</title>
|
|
<meta content='' name='description'>
|
|
<meta content='' name='author'>
|
|
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
|
|
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville::400,400italic|Droid+Serif|Open+Sans' rel='stylesheet' type='text/css'>
|
|
<link href='css/unminified.css' rel='stylesheet'>
|
|
<script src='js/modernizr-2.0.6.min.js'></script>
|
|
</head>
|
|
<body id="triptique">
|
|
|
|
<div id="burger" style="display:none;"><img src="img/burgernav.png" alt="menu" height="40" width="40"></div>
|
|
<div id="credit">crédits<!-- <img src="img/creditnav.png" alt="menu" height="40" width="40"> --></div>
|
|
|
|
|
|
<nav id="menu">
|
|
<div class="ceb cef"> </div><div class="ceb">
|
|
|
|
<[include "/elements/menu.html" : _ /]>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<nav id="cred">
|
|
<div class="ceb cef"> </div><div class="ceb">
|
|
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Conception Rédaction</span><br>
|
|
<span class="sstt">Cyrille Choupas</span><br>
|
|
<a href="http://www.cyrillechoupas.com" target="_blank">www.cyrillechoupas.com</a>
|
|
</li>
|
|
</ul>
|
|
<span class="sepnav"> </span>
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Photographie</span><br>
|
|
<span class="sstt">Cyrille Choupas</span><br>
|
|
<a href="http://www.cyrillechoupas.com" target="_blank">www.cyrillechoupas.com</a>
|
|
</li>
|
|
</ul>
|
|
<span class="sepnav"> </span>
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Design & Integration</span><br>
|
|
<span class="sstt">FITCH&</span><br>
|
|
<a href="http://www.ampersand.tm" target="_blank">www.ampersand.tm</a>
|
|
</li>
|
|
</ul>
|
|
<span class="sepnav"> </span>
|
|
<ul>
|
|
<li>
|
|
<span class="intitule">Developpment</span><br>
|
|
<span class="sstt">Abdelkader Belloundja</span><br>
|
|
<a href="http://www.syntessense.net" target="_blank">www.syntessense.net</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="timeline">
|
|
<div class="currenttml">
|
|
<div class="currentline">
|
|
<div class="baseline"> </div>
|
|
<div class="line"> </div>
|
|
<div class="bulle" style="display:none">
|
|
<img class="anneximg" src="img/annexe5.jpg" alt="annexe 5" height="192" width="289">
|
|
<span class="annextt">Annexe #05</span><br>
|
|
<span class="annexsstt">ancien sous officier de l'armée</span><br>
|
|
<p class="annexdesc">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
|
|
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
|
|
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum dolore.
|
|
</p>
|
|
<img src="img/bulbot.png" alt="position sur la timeline" class="bulbot" height="" width="">
|
|
</div>
|
|
</div>
|
|
<div class="time">
|
|
<span class="currentTime">0:01</span> / <span class="totalTime">2:57</span>
|
|
</div>
|
|
</div>
|
|
<[foreach "invalides.portraits.crud"@Service->get.read(['actif' :1]) : idx => portrait ]>
|
|
<video style="display: none;" class="diapo">
|
|
<source src="{portrait.video}" type="video/mp4" />
|
|
</video>
|
|
<[/foreach]>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="test" style="width:100%;height:100%;z-index:81">
|
|
|
|
<div id="home">
|
|
<ul>
|
|
|
|
<[foreach "invalides.portraits.crud"@Service->get.read(['actif' :1]) : idx => portrait ]>
|
|
<li id="img{idx + 1}"><span><img src="{portrait.imagePortrait}"></span></li>
|
|
<[/foreach]>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="pres">
|
|
<h1>{page.titre}</h1>
|
|
<p>
|
|
{page.introduction}
|
|
</p>
|
|
</div>
|
|
|
|
<[foreach "invalides.portraits.crud"@Service->get.read(['actif' :1]) : idx => portrait ]>
|
|
|
|
<div id="portrait{idx + 1}" class="portrait">
|
|
<div class="introtitre">
|
|
<h2>{portrait.titre}</h2>
|
|
</div>
|
|
<div class="introsstitre">
|
|
<h3>{portrait.chapo}</h3>
|
|
</div>
|
|
<div class="introcontent">
|
|
<p>{portrait.texte}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer{idx + 1}" class="footer">
|
|
<a class="btn" href="#" idportrait="{portrait.id}" pos="{idx + 1}">{portrait.boutonDiapo}</a>
|
|
</div>
|
|
|
|
<[/foreach]>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script src='js/jquery-1.11.1.min.js'></script>
|
|
<script src='js/TweenMax.min.js'></script>
|
|
<script src='js/plugins.js'></script>
|
|
<script src='js/script.js'></script>
|
|
|
|
</body>
|
|
</html>
|
|
<[/content]>
|