integration/v2/01.html
changeset 118 a06fb50d574f
child 119 9d2a4916ee7a
equal deleted inserted replaced
117:655351c846e1 118:a06fb50d574f
       
     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 action="#">
       
    26                             <p><input type="text" placeholder="Rechercher dans le site"></p>
       
    27                         </form>
       
    28                     </li>
       
    29                     <li class="hello-user">Bonjour Anthony Ly</li>
       
    30                     <li><span class="dot-6"></span></li>
       
    31                     <li><a class="login" href="#">Déconnexion</a></li>
       
    32                 </ul>
       
    33                 <nav>
       
    34                     <ul class="nav clearfix">
       
    35                         <li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
       
    36                         <li><span class="dot-10"></span></li>
       
    37                         <li><a href="#">explorer</a></li>
       
    38                         <li><span class="dot-10"></span></li>
       
    39                         <li><a href="#">collectionner</a></li>
       
    40                         <li><span class="dot-10"></span></li>
       
    41                         <li><a href="#">créer</a></li>
       
    42                         <li><span class="dot-10"></span></li>
       
    43                         <li><a href="#">mon profil</a></li>
       
    44                     </ul>
       
    45                 </nav>
       
    46             </div>
       
    47         </header>
       
    48         <section>
       
    49             <div class="title-page">
       
    50                 <h2 class="w650">
       
    51                     egonomy est le service d'échange
       
    52                     et de collection d'images de la rmn.
       
    53                     Naviguez dans les 250 000 images du site, annotez
       
    54                     les, commentez les, fragmenter les toutes!
       
    55                 </h2>
       
    56             </div>
       
    57             <p class="our-images">Découvrez les images</p>
       
    58             <div id="home-images" class="home-images clearfix">
       
    59                 <a href="#home-images" class="home-arrow"></a>
       
    60                 <div class="col-left">
       
    61                     <div class="box-black box-1 uppercase">
       
    62                         explorez
       
    63                     </div>
       
    64                     <div class="box-white box-2">
       
    65                         <span class="bold">plus de</span>
       
    66                         <span class="number">250 000</span>
       
    67                         <span class="bold">images d’oeuvres</span>
       
    68                     </div>
       
    69                     <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>
       
    70                     <img src="img/home-image-left.png" alt="">
       
    71                 </div>
       
    72                 <div class="col-right">
       
    73                     <img src="img/home-image-right.png" alt="">
       
    74                     <img src="img/home-image-right-2.png" alt="">
       
    75                 </div>
       
    76             </div>
       
    77             <ul class="list-projets clearfix">
       
    78                 <li>
       
    79                     <img src="img/225x225.png" alt="">
       
    80                     <div>
       
    81                         <h3>Annotez, échangez réagissez</h3>
       
    82                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
       
    83                         <a href="#">Créer une collection</a>
       
    84                     </div>
       
    85                 </li>
       
    86                 <li>
       
    87                     <img src="img/225x225.png" alt="">
       
    88                     <div>
       
    89                         <h3>Annotez, échangez réagissez</h3>
       
    90                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
       
    91                         <a href="#">Créer une collection</a>
       
    92                     </div>
       
    93                 </li>
       
    94                 <li>
       
    95                     <img src="img/225x225.png" alt="">
       
    96                     <div>
       
    97                         <h3>Annotez, échangez réagissez</h3>
       
    98                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
       
    99                         <a href="#">Créer une collection</a>
       
   100                     </div>
       
   101                 </li>
       
   102                 <li>
       
   103                     <img src="img/225x225.png" alt="">
       
   104                     <div>
       
   105                         <h3>Annotez, échangez réagissez</h3>
       
   106                         <p>Partagez votre vision en décrivant les euvres, en les regroupant, devenez critique d’Art!</p>
       
   107                         <a href="#">Créer une collection</a>
       
   108                     </div>
       
   109                 </li>
       
   110             </ul>
       
   111         </section>
       
   112         <footer class="clearfix">
       
   113             <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
       
   114             <p>Mai 2013</p>
       
   115         </footer>
       
   116     </div><!-- /.wrap -->
       
   117 
       
   118     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
       
   119     <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
       
   120     <script src="js/masonry.min.js"></script>
       
   121     <script src="js/main.js"></script>
       
   122 </body>
       
   123 </html>