equal
deleted
inserted
replaced
5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> |
6 <head> |
6 <head> |
7 <meta charset="utf-8"> |
7 <meta charset="utf-8"> |
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
9 <meta name="description" content="eGonomy"> |
9 <meta name="description" content="eGonomy"> |
10 <title>eGonomy</title> |
10 <title>eGonomy : Détail image</title> |
11 |
11 |
12 <link rel="stylesheet" href="css/reset.css"> |
12 <link rel="stylesheet" href="css/reset.css"> |
13 <link rel="stylesheet" href="css/fonts.css"> |
13 <link rel="stylesheet" href="css/fonts.css"> |
14 <link rel="stylesheet" href="css/style.css"> |
14 <link rel="stylesheet" href="css/style.css"> |
|
15 <link rel="stylesheet" href="css/slideshow.css"> |
15 <script src="js/vendor/modernizr-2.6.2.min.js"></script> |
16 <script src="js/vendor/modernizr-2.6.2.min.js"></script> |
16 </head> |
17 </head> |
17 <body> |
18 <body> |
18 |
19 |
19 <div class="wrap"> |
20 <div class="wrap"> |
56 <div class="title-page"> |
57 <div class="title-page"> |
57 <h2>MEDÉE</h2> |
58 <h2>MEDÉE</h2> |
58 </div> |
59 </div> |
59 <div class="bar-tools clearfix"> |
60 <div class="bar-tools clearfix"> |
60 <ul class="clearfix left"> |
61 <ul class="clearfix left"> |
61 <li><a class="icon cut" href="#">Créer un fragment</a></li> |
62 <li><a class="go-to mosaic" href="#"></a></li> |
62 |
63 <li><a class="go-to search" href="#"></a></li> |
63 <li><a class="icon plus" href="#">Ajouter à ma collection</a></li> |
|
64 </ul> |
64 </ul> |
65 |
|
66 <ul class="clearfix"> |
65 <ul class="clearfix"> |
67 <li> |
66 <li> |
68 <a class="icon cut" href="#">Créer un fragment</a> |
67 <a class="icon cut" href="#">Créer un fragment</a> |
69 </li> |
68 </li> |
70 <li> |
69 <li> |
77 </p> |
76 </p> |
78 </form> |
77 </form> |
79 </li> |
78 </li> |
80 </ul> |
79 </ul> |
81 </div> |
80 </div> |
82 |
81 <article class="edition"> |
|
82 <div class="slideshow box-edition"> |
|
83 <div class="image-wrap"> |
|
84 <img src="img/378x600.png" alt=""> |
|
85 </div> |
|
86 <div class="arrow-wrap left-arrow"> |
|
87 <a class="arrow" href="#"></a> |
|
88 </div> |
|
89 <div class="arrow-wrap right-arrow"> |
|
90 <a class="arrow" href="#"></a> |
|
91 </div> |
|
92 <ul class="share"> |
|
93 <li><a title="Partager sur Twitter" href="#" class="tool twitter"></a></li> |
|
94 <li><a title="Partager sur Facebook" href="#" class="tool facebook"></a></li> |
|
95 </ul> |
|
96 </div> |
|
97 <div class="info box-edition"> |
|
98 <table> |
|
99 <tbody> |
|
100 <tr> |
|
101 <th>Auteur :</th> |
|
102 <td>Delacroix Eugène (1798-1863)</td> |
|
103 </tr> |
|
104 <tr> |
|
105 <th>Période :</th> |
|
106 <td>Période contemporaine de 1789 à 1914,19e siècle,</td> |
|
107 </tr> |
|
108 <tr> |
|
109 <th>Description :</th> |
|
110 <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In sapiente consectetur amet ipsam rem quae culpa voluptatem excepturi aperiam pariatur eaque explicabo. Voluptates natus nulla repellat dolorem animi ut voluptate.</td> |
|
111 </tr> |
|
112 </tbody> |
|
113 </table> |
|
114 </div> |
|
115 <div class=" box-edition"> |
|
116 <h3>Mots clés :</h3> |
|
117 <ul class="list-key-search"> |
|
118 <li><a href="#"></a></li> |
|
119 </ul> |
|
120 </div> |
|
121 </article> |
83 |
122 |
84 </section> |
123 </section> |
85 <footer class="clearfix"> |
124 <footer class="clearfix"> |
86 <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> |
125 <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> |
87 <p>Mai 2013</p> |
126 <p>Mai 2013</p> |