equal
deleted
inserted
replaced
|
1 <!DOCTYPE html> |
|
2 <html lang="fr"> |
|
3 <head> |
|
4 <meta charset="utf-8" /> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
6 <title>IRI/ALBLF Social Media</title> |
|
7 <link rel="stylesheet" type="text/css" href="css/reset.css" /> |
|
8 <link rel="stylesheet" type="text/css" href="css/ipadsim.css" /> |
|
9 <link rel="stylesheet" type="text/css" href="css/socialmedia.css" /> |
|
10 <script src="lib/jquery.min.js"></script> |
|
11 <script src="lib/raphael-min.js"></script> |
|
12 <script src="js/startscreen-fake.js"></script> |
|
13 </head> |
|
14 <body> |
|
15 <div class="iPad-simulator"> |
|
16 |
|
17 <div class="start-head"> |
|
18 <div class="title-block"> |
|
19 <h1>Le débat</h1> |
|
20 </div> |
|
21 <div class="play-block shadow-block"> |
|
22 <div class="play-button">▶</div> |
|
23 <div class="duration">2:44:00</div> |
|
24 </div> |
|
25 <div class="explain-block shadow-block"> |
|
26 <h3>Recherchez les sujets de l'émission par mots-clés</h3> |
|
27 </div> |
|
28 </div> |
|
29 |
|
30 <div class="start-second-line"> |
|
31 <div class="video-block"></div> |
|
32 <div class="description-block shadow-block"> |
|
33 <p>Description de la vidéo du débat ici</p> |
|
34 </div> |
|
35 <ul class="topwords-block shadow-block"> |
|
36 <li>Keyword</li> |
|
37 </ul> |
|
38 </div> |
|
39 |
|
40 <div class="start-bottom"> |
|
41 <div class="start-dataviz"></div> |
|
42 <div class="topics-block"></div> |
|
43 </div> |
|
44 |
|
45 </div> |
|
46 </body> |
|
47 </html> |