40 <li><span class="dot-10"></span></li> |
40 <li><span class="dot-10"></span></li> |
41 <li><a href="#">créer</a></li> |
41 <li><a href="#">créer</a></li> |
42 <li><span class="dot-10"></span></li> |
42 <li><span class="dot-10"></span></li> |
43 <li><a href="#">mon profil</a></li> |
43 <li><a href="#">mon profil</a></li> |
44 </ul> |
44 </ul> |
45 <ul class="sub-nav clearfix"> |
|
46 <li><span class="dot-6"></span></li> |
|
47 <li><a href="#" class="active">Mes collections</a></li> |
|
48 <li><span class="dot-6"></span></li> |
|
49 <li><a href="#">Mes collages</a></li> |
|
50 <li><span class="dot-6"></span></li> |
|
51 <li><a href="#">Mon profil</a></li> |
|
52 </ul> |
|
53 </nav> |
45 </nav> |
54 </div> |
46 </div> |
55 </header> |
47 </header> |
56 <section> |
48 <section> |
57 <h2> |
49 <h2> |
59 ET DE COLLECTION D’IMAGES DE LA RMN.<br/> |
51 ET DE COLLECTION D’IMAGES DE LA RMN.<br/> |
60 NAVIGUEZ DANS LES 250 000 IMAGES DU SITE, ANNOTEZ<br/> |
52 NAVIGUEZ DANS LES 250 000 IMAGES DU SITE, ANNOTEZ<br/> |
61 LES, COMMENTEZ LES, FRAGMENTEZ LES TOUTES! |
53 LES, COMMENTEZ LES, FRAGMENTEZ LES TOUTES! |
62 </h2> |
54 </h2> |
63 <p class="our-images">Découvrez les images</p> |
55 <p class="our-images">Découvrez les images</p> |
64 <div class="home-images clearfix"> |
56 <div id="home-images" class="home-images clearfix"> |
65 <a href="#" class="home-arrow"></a> |
57 <a href="#home-images" class="home-arrow"></a> |
66 <div class="col-left"> |
58 <div class="col-left"> |
|
59 <div class="box-black box-1"> |
|
60 EXPLOREZ |
|
61 </div> |
|
62 <div class="box-white box-2"> |
|
63 <span class="bold">plus de</span> |
|
64 <span class="number">250 000</span> |
|
65 <span class="bold">images d’oeuvres</span> |
|
66 </div> |
|
67 <div class="box-white box-3">Retrouvez les collections des plus grands musées, découvrez leurs auteurs, annotez les, regroupez les, documentez les à votre tour! </div> |
67 <img src="img/home-image-left.png" alt=""> |
68 <img src="img/home-image-left.png" alt=""> |
68 </div> |
69 </div> |
69 <div class="col-right"> |
70 <div class="col-right"> |
70 <img src="img/home-image-right.png" alt=""> |
71 <img src="img/home-image-right.png" alt=""> |
71 <img src="img/home-image-right-2.png" alt=""> |
72 <img src="img/home-image-right-2.png" alt=""> |
72 </div> |
73 </div> |
73 </div> |
74 </div> |
|
75 <ul class="list-projets clearfix"> |
|
76 <li> |
|
77 <img src="img/225x225.png" alt=""> |
|
78 <div> |
|
79 <h3>Annotez, échangez réagissez</h3> |
|
80 <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> |
|
81 <a href="#">Créer une collection</a> |
|
82 </div> |
|
83 </li> |
|
84 <li> |
|
85 <img src="img/225x225.png" alt=""> |
|
86 <div> |
|
87 <h3>Annotez, échangez réagissez</h3> |
|
88 <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> |
|
89 <a href="#">Créer une collection</a> |
|
90 </div> |
|
91 </li> |
|
92 <li> |
|
93 <img src="img/225x225.png" alt=""> |
|
94 <div> |
|
95 <h3>Annotez, échangez réagissez</h3> |
|
96 <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> |
|
97 <a href="#">Créer une collection</a> |
|
98 </div> |
|
99 </li> |
|
100 <li> |
|
101 <img src="img/225x225.png" alt=""> |
|
102 <div> |
|
103 <h3>Annotez, échangez réagissez</h3> |
|
104 <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p> |
|
105 <a href="#">Créer une collection</a> |
|
106 </div> |
|
107 </li> |
|
108 </ul> |
74 </section> |
109 </section> |
75 <footer class="clearfix"> |
110 <footer class="clearfix"> |
76 <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> |
111 <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6> |
77 <p>Mai 2013</p> |
112 <p>Mai 2013</p> |
78 </footer> |
113 </footer> |