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