|
1 <!DOCTYPE html> |
|
2 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
|
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> |
|
7 <meta charset="utf-8"> |
|
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
9 <meta name="description" content="eGonomy"> |
|
10 <title>eGonomy</title> |
|
11 |
|
12 <link rel="stylesheet" href="css/reset.css"> |
|
13 <link rel="stylesheet" href="css/fonts.css"> |
|
14 <link rel="stylesheet" href="css/style.css"> |
|
15 <script src="js/vendor/modernizr-2.6.2.min.js"></script> |
|
16 </head> |
|
17 <body> |
|
18 |
|
19 <div class="wrap"> |
|
20 <header class="clearfix"> |
|
21 <h1><a href="#">egonomy</a></h1> |
|
22 <div class="col-right"> |
|
23 <ul class="head-login clearfix"> |
|
24 <li> |
|
25 <form method="GET" action="/egonomy/allpictures/"> |
|
26 <p> |
|
27 <input id="id_search" type="text" placeholder="Rechercher dans le site"> |
|
28 <select class="search-type"> |
|
29 <option selected="" value="/egonomy/allpictures/">Images</option> |
|
30 <option value="/egonomy/allfragments/">Fragments</option> |
|
31 </select> |
|
32 </p> |
|
33 <input type="hidden" name="field" value="all"> |
|
34 </form> |
|
35 </li> |
|
36 <li class="hello-user">Bonjour Anthony Ly</li> |
|
37 <li><span class="dot-6"></span></li> |
|
38 <li><a class="login" href="#">Déconnexion</a></li> |
|
39 </ul> |
|
40 <nav> |
|
41 <ul class="nav clearfix"> |
|
42 <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li> |
|
43 <li><span class="dot-10"></span></li> |
|
44 <li><a href="#">explorer</a></li> |
|
45 <li><span class="dot-10"></span></li> |
|
46 <li><a href="#">collectionner</a></li> |
|
47 <li><span class="dot-10"></span></li> |
|
48 <li><a href="#">créer</a></li> |
|
49 <li><span class="dot-10"></span></li> |
|
50 <li><a href="#">mon profil</a></li> |
|
51 </ul> |
|
52 </nav> |
|
53 </div> |
|
54 </header> |
|
55 <section> |
|
56 <div class="title-page"> |
|
57 <h2>collection n°1 / <span>par Hubert Trucchose</span></h2> |
|
58 <ul class="sub-nav title-menu clearfix"> |
|
59 <li><a href="#" class="active">argumentaire</a></li> |
|
60 <li><span class="dot-6"></span></li> |
|
61 <li><a href="#">mosaïque</a></li> |
|
62 <li><span class="dot-6"></span></li> |
|
63 <li><a href="#">géographique</a></li> |
|
64 <li><span class="dot-6"></span></li> |
|
65 <li><a href="#">envoyer vers collage</a></li> |
|
66 </ul> |
|
67 </div> |
|
68 <div class="bar-tools clearfix"> |
|
69 <ul class="clearfix"> |
|
70 <li><a href="#">imprimer en PDF</a></li> |
|
71 <li><a href="#">lire le diaporama</a></li> |
|
72 <li><a class="icon save" href="#">enregistrer sous</a></li> |
|
73 </ul> |
|
74 </div> |
|
75 |
|
76 <ul class="list-projets-3 clearfix"> |
|
77 <li class="clearfix horizontal item"> |
|
78 <div class="col-left"> |
|
79 <img src="img/225x297.png" alt=""> |
|
80 <div class="tools toggle"> |
|
81 <ul class="clearfix"> |
|
82 <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
83 <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
84 <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li> |
|
85 <li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
86 <li><a title="Supprimer" class="tool trash" href="#"></a></li> |
|
87 </ul> |
|
88 </div> |
|
89 </div> |
|
90 <div class="col-right"> |
|
91 <div class="project-title"> |
|
92 <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> |
|
93 <h3>Sapho</h3> |
|
94 <h4>Théodore Chasseriau</h4> |
|
95 </div> |
|
96 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. |
|
97 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> |
|
98 </div> |
|
99 </li> |
|
100 <li class="item"> |
|
101 <div class="col-left"> |
|
102 <img src="img/469x295.png" alt=""> |
|
103 <div class="tools toggle"> |
|
104 <ul class="clearfix"> |
|
105 <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
106 <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
107 <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li> |
|
108 <li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
109 <li><a title="Supprimer" class="tool trash" href="#"></a></li> |
|
110 </ul> |
|
111 </div> |
|
112 </div> |
|
113 <div class="col-right"> |
|
114 <div class="project-title"> |
|
115 <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> |
|
116 <h3>Sapho</h3> |
|
117 <h4>Théodore Chasseriau</h4> |
|
118 </div> |
|
119 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. |
|
120 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> |
|
121 </div> |
|
122 </li> |
|
123 <li class="clearfix horizontal item"> |
|
124 <div class="col-left"> |
|
125 <img src="img/225x297.png" alt=""> |
|
126 <div class="tools toggle"> |
|
127 <ul class="clearfix"> |
|
128 <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
129 <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
130 <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li> |
|
131 <li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
132 <li><a title="Supprimer" class="tool trash" href="#"></a></li> |
|
133 </ul> |
|
134 </div> |
|
135 </div> |
|
136 <div class="col-right"> |
|
137 <div class="project-title"> |
|
138 <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> |
|
139 <h3>Sapho</h3> |
|
140 <h4>Théodore Chasseriau</h4> |
|
141 </div> |
|
142 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. |
|
143 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident |
|
144 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. |
|
145 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident |
|
146 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. |
|
147 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> |
|
148 </div> |
|
149 </li> |
|
150 <li class="item"> |
|
151 <div class="col-left"> |
|
152 <img src="img/469x295.png" alt=""> |
|
153 <div class="tools toggle"> |
|
154 <ul class="clearfix"> |
|
155 <li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li> |
|
156 <li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li> |
|
157 <li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li> |
|
158 <li><a title="Créer un fragment" class="tool cut" href="#"></a></li> |
|
159 <li><a title="Supprimer" class="tool trash" href="#"></a></li> |
|
160 </ul> |
|
161 </div> |
|
162 </div> |
|
163 <div class="col-right"> |
|
164 <div class="project-title"> |
|
165 <a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a> |
|
166 <h3>Sapho</h3> |
|
167 <h4>Théodore Chasseriau</h4> |
|
168 </div> |
|
169 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet. |
|
170 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p> |
|
171 </div> |
|
172 </li> |
|
173 </ul> |
|
174 |
|
175 |
|
176 </section> |
|
177 <footer class="clearfix"> |
|
178 <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> |
|
179 <p>Mai 2013</p> |
|
180 </footer> |
|
181 </div><!-- /.wrap --> |
|
182 |
|
183 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
|
184 <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> |
|
185 <script src="js/masonry.min.js"></script> |
|
186 <script src="js/main.js"></script> |
|
187 </body> |
|
188 </html> |