parent
a26497648b
commit
b11cedc3f9
@ -0,0 +1,168 @@ |
||||
|
||||
<!doctype html> |
||||
<html class="no-js" lang="en" dir="ltr"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="x-ua-compatible" content="ie=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<title>APP VR BRIC</title> |
||||
<link rel="stylesheet" href="css/foundation.css"> |
||||
<link rel="stylesheet" href="css/app.css"> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
|
||||
<!--<div class="grid-x grid-padding-x"> |
||||
<div class="large-12 medium-12 cell">--> |
||||
|
||||
<section id="heading"> |
||||
<div class="grid-x grid-padding-x"> |
||||
|
||||
|
||||
<div class="large-4 medium-4 cell"> |
||||
|
||||
<div class="grid-x grid-padding-x"> |
||||
<div class="large-12 medium-12 cell"> |
||||
<div id="cerema"> |
||||
<img src="img/Logo-Cerema_a.jpg" class="cerema"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<div class="large-8 medium-8 cell"> |
||||
<div class="grid-x grid-padding-x"> |
||||
|
||||
<!-- <div class="large-4 medium-4 small-4 cell"> |
||||
<div class="divLogo"> |
||||
<img src="img/BRIC_logo_b.png" class="logo2"> |
||||
</div> |
||||
</div> |
||||
<div class="large-4 medium-4 small-4 cell"> |
||||
<div class="divLogo"> |
||||
<img src="img/BRIC-Logo-Colour-b.png" class="logo2"> |
||||
</div> |
||||
</div> |
||||
<div class="large-4 medium-4 small-4 cell"> |
||||
<div class="divLogo"> |
||||
<img src="img/EU_b.png" class="logo2"> |
||||
</div> |
||||
</div> --> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
|
||||
|
||||
<section id="principal"> |
||||
<div class="grid-x grid-padding-x"> |
||||
<div class="large-12 medium-12 small-12 cell "> |
||||
|
||||
<p class="titre">LES EFFETS D'UNE CRUE DE LA SEINE A PONT-AUDEMER</p> |
||||
<p class="sousTitre">Une simulation en réalité virtuelle</p> |
||||
|
||||
<div class="grid-x grid-padding-x"> |
||||
|
||||
<div class="large-6 medium-6 small-6 cell"> |
||||
<a href="../"> |
||||
<div class="divLieu1"> |
||||
<img src="img/quai-ruelle.png"> |
||||
<p class="titreImg">QUAI DE LA RUELLE</p> |
||||
|
||||
</div> |
||||
</a> |
||||
</div> |
||||
|
||||
<div class="large-6 medium-6 small-6 cell"> |
||||
<a href="../?position=1"> |
||||
<div class="divLieu2"> |
||||
<img src="img/les_baquets.png"> |
||||
<p class="titreImg">LES BAQUETS</p> |
||||
|
||||
</div> |
||||
</a> |
||||
|
||||
<br> |
||||
<a href="../?position=1&simscale=0.017"> crue de mars 2001 </a> |
||||
<br> |
||||
<a href="../?position=1"> crue cinq-centennale </a> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</section> |
||||
|
||||
|
||||
<section id="logos"> |
||||
<div class="grid-x grid-padding-x"> |
||||
|
||||
<div class="large-6 medium-6 cell"> |
||||
<div class="grid-x grid-padding-x"> |
||||
|
||||
<div class="large-6 medium-6 small-6 cell"> |
||||
<div class="divLogo"> |
||||
<img src="img/BRIC-Logo-Colour-f.png" class="logo2"> |
||||
</div> |
||||
</div> |
||||
<div class="large-6 medium-6 small-6 cell"> |
||||
<div class="divLogo"> |
||||
<img src="img/EU_f.png" class="logo2"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="large-6 medium-6 cell"> |
||||
<div class="grid-x grid-padding-x"> |
||||
|
||||
<div class="large-6 medium-6 small-6 cell"> |
||||
<div class="divLogo"> |
||||
<img src="img/BRIC_logo_f.png" class="logo2"> |
||||
</div> |
||||
</div> |
||||
<div class="large-6 medium-6 small-6 cell"> |
||||
<div id="marelle"> |
||||
<p class="conception">CONCEPTION</p> |
||||
<img class="marelle" src="img/logo_marelle.png"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- </div> |
||||
</div> --> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="js/vendor/jquery.js"></script> |
||||
<script src="js/vendor/what-input.js"></script> |
||||
<script src="js/vendor/foundation.js"></script> |
||||
<script src="js/app.js"></script> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue