integration/v2/home.html
changeset 117 655351c846e1
parent 116 8d79df2b5df3
--- a/integration/v2/home.html	Thu Jun 13 17:34:29 2013 +0200
+++ b/integration/v2/home.html	Fri Jun 14 17:40:06 2013 +0200
@@ -42,14 +42,6 @@
                         <li><span class="dot-10"></span></li>
                         <li><a href="#">mon profil</a></li>
                     </ul>
-                    <ul class="sub-nav clearfix">
-                        <li><span class="dot-6"></span></li>
-                        <li><a href="#" class="active">Mes collections</a></li>
-                        <li><span class="dot-6"></span></li>
-                        <li><a href="#">Mes collages</a></li>
-                        <li><span class="dot-6"></span></li>
-                        <li><a href="#">Mon profil</a></li>
-                    </ul>
                 </nav>
             </div>
         </header>
@@ -61,9 +53,18 @@
                 LES, COMMENTEZ LES, FRAGMENTEZ LES TOUTES!
             </h2>
             <p class="our-images">Découvrez les images</p>
-            <div class="home-images clearfix">
-                <a href="#" class="home-arrow"></a>
+            <div id="home-images" class="home-images clearfix">
+                <a href="#home-images" class="home-arrow"></a>
                 <div class="col-left">
+                    <div class="box-black box-1">
+                        EXPLOREZ
+                    </div>
+                    <div class="box-white box-2">
+                        <span class="bold">plus de</span>
+                        <span class="number">250 000</span>
+                        <span class="bold">images d’oeuvres</span>
+                    </div>
+                    <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>
                     <img src="img/home-image-left.png" alt="">
                 </div>
                 <div class="col-right">
@@ -71,6 +72,40 @@
                     <img src="img/home-image-right-2.png" alt="">
                 </div>
             </div>
+            <ul class="list-projets clearfix">
+                <li>
+                    <img src="img/225x225.png" alt="">
+                    <div>
+                        <h3>Annotez, échangez réagissez</h3>
+                        <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+                        <a href="#">Créer une collection</a>
+                    </div>
+                </li>
+                <li>
+                    <img src="img/225x225.png" alt="">
+                    <div>
+                        <h3>Annotez, échangez réagissez</h3>
+                        <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+                        <a href="#">Créer une collection</a>
+                    </div>
+                </li>
+                <li>
+                    <img src="img/225x225.png" alt="">
+                    <div>
+                        <h3>Annotez, échangez réagissez</h3>
+                        <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+                        <a href="#">Créer une collection</a>
+                    </div>
+                </li>
+                <li>
+                    <img src="img/225x225.png" alt="">
+                    <div>
+                        <h3>Annotez, échangez réagissez</h3>
+                        <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
+                        <a href="#">Créer une collection</a>
+                    </div>
+                </li>
+            </ul>
         </section>
         <footer class="clearfix">
             <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>