integration/home.html
changeset 14 1d931d99393b
parent 11 95df5542a1ce
child 18 bf333fd74eee
equal deleted inserted replaced
12:7c1ff03a40a7 14:1d931d99393b
     5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
     5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
     6     <head>
     6     <head>
     7         <meta charset="utf-8">
     7         <meta charset="utf-8">
     8         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     8         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     9         <title>Home</title>
     9         <title>Home</title>
    10 
       
    11 
       
    12 
       
    13         <link rel="stylesheet" href="css/reset.css" />
    10         <link rel="stylesheet" href="css/reset.css" />
    14         <link rel="stylesheet" href="css/style.css" />
    11         <link rel="stylesheet" href="css/style.css" />
    15         <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css">
    12         <link rel="stylesheet" href="css/ui-red/jquery-ui-1.9.0.custom.min.css">
    16         <script src="js/vendor/modernizr-2.6.1.min.js"></script>
    13         <script src="js/vendor/modernizr-2.6.1.min.js"></script>
    17     </head>
    14     </head>
    18     <body>
    15     <body>
    19 
    16 
    20 
    17 
    21 
    18 
    22         <div class="wrap">
    19         <div class="wrap">
    23             <div class="header">
    20             <div class="header">
       
    21                 <div class="logo">
       
    22                   <div class="date">
       
    23                       <span class="year">5</span>
       
    24                       <span class="text">années archivées</span>
       
    25                   </div>
       
    26                 </div>
    24 
    27 
    25                 <div class="recherche-wrap">
    28                 <div class="recherche-wrap">
    26                     <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
    29                     <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
    27                     <form action="#">
    30                     <form action="#">
    28                         <p >
    31                         <p >
   136 
   139 
   137                 <div class="content clearfix">
   140                 <div class="content clearfix">
   138                     
   141                     
   139 
   142 
   140                     <div class="content-left">
   143                     <div class="content-left">
   141    
   144                         <div class="widget-wrapper">
   142                         <div class="widget-wrap">
   145                             <div class="widget-wrap">
   143        
   146            
   144                             <div class="widget affichage">
   147                                 <div class="widget affichage">
   145                                 <h3><a href="#">AFFICHAGE</a></h3>
   148                                     <h3><a href="#">AFFICHAGE</a></h3>
   146                                 <div class="widget-inner">
   149                                     <div class="widget-inner">
   147                                     
   150                                         
   148                                     <ul class="clearfix">
   151                                         <ul class="clearfix">
   149                                         <li><a  title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
   152                                             <li><a  title="Passer en vue Treemap" class="treemap active" href="#"><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
   150                                         <li><a  title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
   153                                             <li><a  title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
   151                                     </ul>
   154                                         </ul>
   152                                 </div>
   155                                     </div>
   153                             </div><!-- affichage -->
   156                                 </div><!-- affichage -->
       
   157                             </div>
   154                         </div>
   158                         </div>
   155                     </div>
   159                     </div>
   156 
   160 
   157                     <div class="content-right">
   161                     <div class="content-right">
   158                         <div class="actus">
   162                         <div class="actus">
   271                         </ul>
   275                         </ul>
   272                     </div>
   276                     </div>
   273                     <div class="footer-partenaire">
   277                     <div class="footer-partenaire">
   274                         <h2>Partenaires</h2>
   278                         <h2>Partenaires</h2>
   275                         <ul>
   279                         <ul>
   276                             <li><a href="#"><img src="img/logo-iri.jpg" alt="" /></a></li>
   280                             <li><a title="iri" href="http://www.iri.centrepompidou.fr/" class="iri"></a></li>
   277                             <li><a href="#"><img src="img/logo-cea.jpg" alt="" /></a></li>
   281                             <li><a title="cea" href="http://www.cea.fr/" class="cea"></a></li>
   278                             <li><a href="#"><img src="img/logo-alcatel.jpg" alt="" /></a></li>
   282                             <li><a title="Alcatel" href="http://www.alcatel-lucent.com" class="alcatel"></a></li>
   279                         </ul>
   283                         </ul>
   280                     </div>
   284                     </div>
   281                     <div class="footer-texte">
   285                     <div class="footer-texte">
   282                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   286                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   283                         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   287                         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,