1 <!DOCTYPE html> |
1 <!DOCTYPE html> |
2 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
2 <html> |
3 <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> |
|
4 <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> |
|
5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
|
6 <head> |
3 <head> |
7 <meta charset="utf-8"> |
4 <meta charset="utf-8"> |
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
9 <title>Edition</title> |
6 <title>Edition</title> |
10 <link rel="stylesheet" href="css/reset.css" /> |
7 <link rel="stylesheet" href="css/reset.css" /> |
11 <link rel="stylesheet" href="css/common.css" /> |
8 <link rel="stylesheet" href="css/common.css" /> |
12 <link rel="stylesheet" href="css/edition.css" /> |
9 <link rel="stylesheet" href="css/edition.css" /> |
13 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css"> |
10 <link rel="stylesheet" href="lib/jquery-ui.css"> |
14 <script src="js/vendor/modernizr-2.6.1.min.js"></script> |
|
15 </head> |
11 </head> |
16 <body> |
12 <body> |
17 <div class="wrap"> |
13 <div class="wrap"> |
18 <div class="wrap-header"> |
14 <div class="wrap-header"> |
19 <a title="Bibliothèque centre Pompidou" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
15 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
20 </div> |
16 </div> |
21 <div class="header"> |
17 <div class="header"> |
22 <!-- popin header --> |
18 <!-- popin header --> |
23 <div class="popin update-title" id="update-title"> |
19 <div class="popin update-title" id="update-title"> |
24 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
20 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
126 <input type="text" name="" placeholder="Rechercher une vidéo" /> |
122 <input type="text" name="" placeholder="Rechercher une vidéo" /> |
127 <input type="submit" value="" /> |
123 <input type="submit" value="" /> |
128 </p> |
124 </p> |
129 </form> |
125 </form> |
130 <ul class="list-video"> |
126 <ul class="list-video"> |
131 <li class="item-video"> |
127 |
132 <a class="clearfix" href="#"> |
|
133 <span class="number">12</span> |
|
134 <img src="img/apercu-video.jpg" alt="aperçu" /> |
|
135 <span class="video-info"> |
|
136 <span class="title-video">Le a Lune</span> |
|
137 <span class="author">Par : Mozilla Foundation</span> |
|
138 <span class="time-lenght">Durée : <span>12:33</span></span> |
|
139 </span> |
|
140 </a> |
|
141 </li><!-- item-video --> |
|
142 <li class="item-video"> |
|
143 <a class="clearfix active" href="#"> |
|
144 <span class="number">12</span> |
|
145 <img src="img/apercu-video.jpg" alt="aperçu" /> |
|
146 <span class="video-info"> |
|
147 <span class="title-video">Le a Lune</span> |
|
148 <span class="author">Par : Mozilla Foundation</span> |
|
149 <span class="time-lenght">Durée : <span>12:33</span></span> |
|
150 </span> |
|
151 </a> |
|
152 </li><!-- item-video --> |
|
153 <li class="item-video"> |
|
154 <a class="clearfix" href="#"> |
|
155 <span class="number">12</span> |
|
156 <img src="img/apercu-video.jpg" alt="aperçu" /> |
|
157 <span class="video-info"> |
|
158 <span class="title-video">Le a Lune</span> |
|
159 <span class="author">Par : Mozilla Foundation</span> |
|
160 <span class="time-lenght">Durée : <span>12:33</span></span> |
|
161 </span> |
|
162 </a> |
|
163 </li><!-- item-video --> |
|
164 </ul> |
128 </ul> |
165 </div><!-- col-left --> |
129 </div><!-- col-left --> |
166 |
130 |
167 <div class="col-middle"> |
131 <div class="col-middle"> |
168 |
132 |
399 <li>© 2012</li> |
363 <li>© 2012</li> |
400 </ul> |
364 </ul> |
401 </div><!-- footer --> |
365 </div><!-- footer --> |
402 </div><!-- wrap --> |
366 </div><!-- wrap --> |
403 <!-- JavaScript --> |
367 <!-- JavaScript --> |
404 <script src="js/vendor/jquery-1.8.0.min.js"></script> |
368 <script type="text/javascript" src="lib/jquery.min.js"></script> |
405 <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script> |
369 <script type="text/javascript" src="lib/jquery-ui.min.js"></script> |
406 <script src="js/plugins.js"></script> |
370 <script type="text/javascript" src="lib/mustache.js"></script> |
407 <script src="js/main.js"></script> |
371 <script type="text/javascript" src="lib/underscore-min.js"></script> |
|
372 <script type="text/javascript" src="lib/popcorn-complete.min.js"></script> |
|
373 <script type="text/javascript" src="lib/raphael-min.js"></script> |
|
374 <script type="text/javascript" src="js/init.js"></script> |
|
375 <script type="text/javascript" src="js/medialist-serializer.js"></script> |
|
376 <script type="text/javascript" src="js/model.js"></script> |
|
377 <script type="text/javascript" src="js/editor.js"></script> |
408 </body> |
378 </body> |
409 </html> |
379 </html> |