7 <meta name="author" content="Anthony Ly, Raphaël Velt" /> |
7 <meta name="author" content="Anthony Ly, Raphaël Velt" /> |
8 <title>Hashcut > Page profil</title> |
8 <title>Hashcut > 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> |