<!DOCTYPE html>
<html lang="fr"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml" >
<head>
<meta charset="utf-8">
<title>The End - @todo</title>
<meta name="description" content="@todo">
<link rel="icon" href="static/res/img/favicon.ico" />
<!-- Site Optimization for Facebook -->
<meta property="og:title" content="the end- @todo" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.clients.incandescence.com/theend/" />
<meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" />
<meta property="og:site_name" content="the end @todo" />
<meta property="og:description" content="@todo"/>
<!-- Mobile Specific Metas -->
<meta name="viewport" content="user-scalable=no">
<!--
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
-->
<!-- Test Smartphone -->
<script src="static/res/js/incdetectmobile.js"></script>
<script>
if (IsSmartphone()) { location.href = "mindex.html"; }
</script>
<!-- Metanav FranceTV -->
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<link rel="stylesheet" href="static/res/css/style_1024.css" />
</head>
<body>
<!-- div content - site takes the full height of browser
class="hugeMargin" avant avec id="btnChoice" plus possible -->
<div id="content" class="smallMargin">
<div class="btnReturn">
<button id="btnChoice" class="btn" onClick="location.href='transition.html';">Choice</button>
</div>
<!-- change with js: height and line-height (the same size) of "container_vcentering" -->
<header id="top" class="container_vcentering">
<div id="title_sp" class="box_vcentering">
<h1>THE END, ETC.</h1>
</div>
</header>
<section id="imgMiddle" class="bg_smallimg">
<img alt="Élodie Bouchez à la fenêtre" src="static/res/img/partage.jpg" />
</section>
<!-- change with js: height and line-height (the same size) of "container_vcentering" -->
<!-- resize js: on supprime pas le footer 70px il y n'en a pas -->
<section id="bottom" class="container_vcentering">
<div class="box_vcentering">
<p class="big_link">Partagez VOTRE FILM</p>
<ul id="socialMedia" >
<!--https://developers.facebook.com/docs/reference/dialogs/feed/ -->
<li>
<a a href="http://www.facebook.com/share.php?u=http://www.clients.incandescence.com/theend/" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png" /></a></li>
<!-- https://dev.twitter.com/docs/tweet-button -->
<li><a href="https://twitter.com/share?url=https%3A%2F%2Fwww.clients.incandescence.com%2Ftheend%2F" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li>
</ul>
</div>
</section>
</div>
<!-- JavaScript -->
<script src="static/res/js/jquery-1.8.2.min.js"></script>
<script src="static/res/js/incresize.js"></script>
<script>
$(function() {
// Init the resize object
incResize.init("content", "top", "imgMiddle", "bottom", null, 130, 1075/604, null, null);
incResize.resizeElements();
});
</script>
</body>
</html>