integration/v2/05.html
changeset 122 dabde7eb8d1f
parent 119 9d2a4916ee7a
child 123 46faba205083
equal deleted inserted replaced
119:9d2a4916ee7a 122:dabde7eb8d1f
     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                     <ul class="sub-nav clearfix">
       
    53                         <li><span class="dot-6"></span></li>
       
    54                         <li><a href="#" class="active">mes collections</a></li>
       
    55                         <li><span class="dot-6"></span></li>
       
    56                         <li><a href="#">mes collages</a></li>
       
    57                         <li><span class="dot-6"></span></li>
       
    58                         <li><a href="#">mon profil</a></li>
       
    59                     </ul>
       
    60                 </nav>
       
    61             </div>
       
    62         </header>
       
    63         <section>
       
    64             <div class="title-page">
       
    65                 <h2>bienvenue dans egonomy</h2>
       
    66             </div>
       
    67 
       
    68             <div class="bar-tools clearfix">
       
    69                 <h3>Les dernières collections</h3>
       
    70                 <ul class="clearfix">
       
    71                     <li><a href="#">voir toutes les collections</a></li>
       
    72                 </ul>
       
    73             </div>
       
    74 
       
    75             <ul class="list-projets-2 clearfix no-border-bot">
       
    76                 <li>
       
    77                     <div class="tools toggle">
       
    78                         <ul class="clearfix">
       
    79                             <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
       
    80                             <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
       
    81                             <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
       
    82                         </ul>
       
    83                     </div>
       
    84                     <div class="top clearfix">
       
    85                         <img src="img/113x113.png" alt="">
       
    86                         <img src="img/113x113-2.png" alt="">
       
    87                     </div>
       
    88                     <div class="mid">
       
    89                         <h3>Collection n°1</h3>
       
    90                         <p>par Hubert Trucchose</p>
       
    91                     </div>
       
    92                     <div class="bot clearfix">
       
    93                         <img src="img/113x113.png" alt="">
       
    94                         <img src="img/113x113-2.png" alt="">
       
    95                     </div>
       
    96                 </li>
       
    97                  <li>
       
    98                     <div class="tools toggle">
       
    99                         <ul class="clearfix">
       
   100                             <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
       
   101                             <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
       
   102                             <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
       
   103                         </ul>
       
   104                     </div>
       
   105                     <div class="top clearfix">
       
   106                         <img src="img/113x113.png" alt="">
       
   107                         <img src="img/113x113-2.png" alt="">
       
   108                     </div>
       
   109                     <div class="mid">
       
   110                         <h3>Collection n°1</h3>
       
   111                         <p>par Hubert Trucchose</p>
       
   112                     </div>
       
   113                     <div class="bot clearfix">
       
   114                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
       
   115                     </div>
       
   116                 </li>
       
   117                 <li>
       
   118                     <div class="tools toggle">
       
   119                         <ul class="clearfix">
       
   120                             <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
       
   121                             <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
       
   122                             <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
       
   123                         </ul>
       
   124                     </div>
       
   125                     <div class="top clearfix">
       
   126                         <img src="img/113x113.png" alt="">
       
   127                         <img src="img/113x113-2.png" alt="">
       
   128                     </div>
       
   129                     <div class="mid">
       
   130                         <h3>Collection n°1</h3>
       
   131                         <p>par Hubert Trucchose</p>
       
   132                     </div>
       
   133                     <div class="bot clearfix">
       
   134                         <img src="img/113x113.png" alt="">
       
   135                         <img src="img/113x113-2.png" alt="">
       
   136                     </div>
       
   137                 </li>
       
   138                  <li>
       
   139                     <div class="tools toggle">
       
   140                         <ul class="clearfix">
       
   141                             <li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
       
   142                             <li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
       
   143                             <li><a href="#"><img src="img/icon-save.png" alt=""></a></li>
       
   144                         </ul>
       
   145                     </div>
       
   146                     <div class="top clearfix">
       
   147                         <img src="img/113x113.png" alt="">
       
   148                         <img src="img/113x113-2.png" alt="">
       
   149                     </div>
       
   150                     <div class="mid">
       
   151                         <h3>Collection n°1</h3>
       
   152                         <p>par Hubert Trucchose</p>
       
   153                     </div>
       
   154                     <div class="bot clearfix">
       
   155                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fermentum egestas lobortis. Suspendisse imperdiet lobortis ligula, id laoreet nibh volutpat et. Nam ornare orci vitae nisi...</p>
       
   156                     </div>
       
   157                 </li>
       
   158             </ul>
       
   159 
       
   160             <div class="bar-tools clearfix">
       
   161                 <h3>Images les plus annotées</h3>
       
   162                 <ul class="clearfix">
       
   163                     <li><a href="#">voir toutes les images</a></li>
       
   164                 </ul>
       
   165             </div>
       
   166 
       
   167             <ul class="list-projets-4 clearfix">
       
   168                 <li>
       
   169                     <img src="img/225x297.png" alt="">
       
   170                     <div class="content">
       
   171                         <h3>Colonne </h3>
       
   172                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   173                     </div>
       
   174                     <div class="tools-2">
       
   175                         <ul class="clearfix">
       
   176                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   177                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   178                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   179                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   180                         </ul>
       
   181                     </div>
       
   182                 </li>
       
   183                 <li>
       
   184                     <img src="img/225x297.png" alt="">
       
   185                     <div class="content">
       
   186                         <h3>Colonne </h3>
       
   187                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   188                     </div>
       
   189                     <div class="tools-2">
       
   190                         <ul class="clearfix">
       
   191                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   192                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   193                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   194                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   195                         </ul>
       
   196                     </div>
       
   197                 </li>
       
   198                 <li>
       
   199                     <img src="img/225x297.png" alt="">
       
   200                     <div class="content">
       
   201                         <h3>Colonne </h3>
       
   202                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   203                     </div>
       
   204                     <div class="tools-2">
       
   205                         <ul class="clearfix">
       
   206                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   207                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   208                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   209                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   210                         </ul>
       
   211                     </div>
       
   212                 </li>
       
   213                 <li>
       
   214                     <img src="img/225x297.png" alt="">
       
   215                     <div class="content">
       
   216                         <h3>Colonne </h3>
       
   217                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   218                     </div>
       
   219                     <div class="tools-2">
       
   220                         <ul class="clearfix">
       
   221                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   222                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   223                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   224                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   225                         </ul>
       
   226                     </div>
       
   227                 </li>
       
   228             </ul>
       
   229 
       
   230             <div class="bar-tools clearfix">
       
   231                 <h3>Images les plus annotées</h3>
       
   232                 <ul class="clearfix">
       
   233                     <li><a href="#">voir tous les fragments</a></li>
       
   234                 </ul>
       
   235             </div>
       
   236 
       
   237             <ul class="list-projets-4 clearfix">
       
   238                 <li>
       
   239                     <img src="img/225x297.png" alt="">
       
   240                     <div class="content">
       
   241                         <h3>Colonne </h3>
       
   242                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   243                     </div>
       
   244                     <div class="tools-2">
       
   245                         <ul class="clearfix">
       
   246                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   247                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   248                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   249                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   250                         </ul>
       
   251                     </div>
       
   252                 </li>
       
   253                 <li>
       
   254                     <img src="img/225x297.png" alt="">
       
   255                     <div class="content">
       
   256                         <h3>Colonne </h3>
       
   257                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   258                     </div>
       
   259                     <div class="tools-2">
       
   260                         <ul class="clearfix">
       
   261                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   262                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   263                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   264                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   265                         </ul>
       
   266                     </div>
       
   267                 </li>
       
   268                 <li>
       
   269                     <img src="img/225x297.png" alt="">
       
   270                     <div class="content">
       
   271                         <h3>Colonne </h3>
       
   272                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   273                     </div>
       
   274                     <div class="tools-2">
       
   275                         <ul class="clearfix">
       
   276                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   277                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   278                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   279                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   280                         </ul>
       
   281                     </div>
       
   282                 </li>
       
   283                 <li>
       
   284                     <img src="img/225x297.png" alt="">
       
   285                     <div class="content">
       
   286                         <h3>Colonne </h3>
       
   287                         <p>extrait de Portrait de Christine Boyer, première épouse de Lucien Bonaparte </p>
       
   288                     </div>
       
   289                     <div class="tools-2">
       
   290                         <ul class="clearfix">
       
   291                             <li><a class="tools-sprite twitter" href="#"></a></li>
       
   292                             <li><a class="tools-sprite facebook" href="#"></a></li>
       
   293                             <li><a class="tools-sprite plus" href="#"></a></li>
       
   294                             <li><a class="tools-sprite cut" href="#"></a></li>
       
   295                         </ul>
       
   296                     </div>
       
   297                 </li>
       
   298             </ul>
       
   299         </section>
       
   300         <footer class="clearfix">
       
   301             <h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
       
   302             <p>Mai 2013</p>
       
   303         </footer>
       
   304     </div><!-- /.wrap -->
       
   305 
       
   306     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
       
   307     <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
       
   308     <script src="js/masonry.min.js"></script>
       
   309     <script src="js/main.js"></script>
       
   310 </body>
       
   311 </html>