<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>IRI/ALBLF Social Media</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/ipadsim.css" />
<link rel="stylesheet" type="text/css" href="css/socialmedia.css" />
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery-ui.min.js"></script>
<script src="lib/raphael-min.js"></script>
<script src="js/startscreen-fake.js"></script>
</head>
<body>
<div class="iPad-simulator">
<div class="start-head">
<div class="title-block">
<h1>Le débat</h1>
</div>
<div class="play-block shadow-block">
<div class="play-button">▶</div>
<div class="duration">2:44:00</div>
</div>
<div class="explain-block shadow-block">
<h3>Recherchez les sujets de l'émission par mots-clés</h3>
</div>
</div>
<div class="start-second-line">
<div class="video-block"></div>
<div class="description-block shadow-block">
<p>Description de la vidéo du débat ici</p>
</div>
<ul class="topwords-block shadow-block">
<li>Keyword</li>
</ul>
</div>
<div class="start-bottom">
<div class="start-dataviz">
<div class="start-svg"></div>
</div>
<div class="topics-block"></div>
</div>
</div>
</body>
</html>