integration/profil.html
changeset 26 7c394ea40f28
parent 24 1fbf7d835dc2
child 44 4e6f9bb69feb
equal deleted inserted replaced
25:eea45f9b124b 26:7c394ea40f28
     7         <meta name="author" content="Anthony Ly, Raphaël Velt" />
     7         <meta name="author" content="Anthony Ly, Raphaël Velt" />
     8         <title>Hashcut &gt; Page profil</title>
     8         <title>Hashcut &gt; Page profil</title>
     9         <link rel="stylesheet" href="lib/jquery-ui.css" />
     9         <link rel="stylesheet" href="lib/jquery-ui.css" />
    10         <link rel="stylesheet" href="css/reset.css" />
    10         <link rel="stylesheet" href="css/reset.css" />
    11         <link rel="stylesheet" href="css/common.css" />
    11         <link rel="stylesheet" href="css/common.css" />
       
    12         <link rel="stylesheet" href="css/profil.css" />
    12     </head>
    13     </head>
    13     <body>
    14     <body>
    14         <div class="wrap">
    15         <div class="wrap">
    15             <div class="wrap-header">
    16             <div class="wrap-header">
    16                 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a>
    17                 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a>
    84 
    85 
    85                 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#">
    86                 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#">
    86                     <img src="img/hashcut-logo.png" alt="Hashcut" />
    87                     <img src="img/hashcut-logo.png" alt="Hashcut" />
    87                     <span>Le Mashup<br />Cliquable</span>
    88                     <span>Le Mashup<br />Cliquable</span>
    88                 </a></h1>
    89                 </a></h1>
    89                 <div class="title-video-wrap">
    90                 <div class="title-header"></div>
    90          
       
    91                 </div>
       
    92                 <div class="profil-wrap">
    91                 <div class="profil-wrap">
    93                    
    92                     <a href="#" class="all-hashcut">Tous les Hashcuts</a>
    94                     <a href="#user" class="my-profil open-popin">Mon profil</a>
    93                     <a href="#user" class="my-profil open-popin">Mon profil</a>
    95                 </div>
    94                 </div>
    96             </div><!-- header -->
    95             </div><!-- header -->
    97 
    96 
    98             <div class="content">
    97             <div class="content">
    99                 
    98                 <h2 class="title-content">Hashcuts de <a href="#">Hashcutter75</a></h2>
       
    99      
       
   100                 <div class="hashcut-video-wrap profil">
       
   101                     <div class="video-item">
       
   102                         <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a>
       
   103                         <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3>
       
   104                     </div>
       
   105                     <div class="video-item">
       
   106                         <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a>
       
   107                         <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3>
       
   108                     </div>
       
   109                     <div class="video-item">
       
   110                         <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a>
       
   111                         <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3>
       
   112                     </div>
       
   113                     <div class="video-item">
       
   114                         <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a>
       
   115                         <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3>
       
   116                     </div>
       
   117                     <div class="video-item">
       
   118                         <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a>
       
   119                         <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3>
       
   120                     </div>
       
   121                     <div class="video-item">
       
   122                         <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a>
       
   123                         <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3>
       
   124                     </div>
       
   125                 </div>
       
   126                 <div class="pagination">
       
   127                         <a href="#" class="active">1</a>
       
   128                         <a href="#">2</a>
       
   129                         <a href="#">3</a>
       
   130                         <a href="#">4</a>
       
   131                         <a href="#">5</a>
       
   132                         <a href="#">6</a>
       
   133                         <a href="#">Suivant</a>
       
   134                     </div>
   100             </div><!-- content -->
   135             </div><!-- content -->
   101 
   136 
   102             <div class="footer clearfix">
   137             <div class="footer clearfix">
   103                 <ul class="links-left">
   138                 <ul class="links-left">
   104                     <li><a href="#">Mentions légales</a></li>
   139                     <li><a href="#">Mentions légales</a></li>