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 <link rel="stylesheet" href="css/profil.css" /> |
13 </head> |
13 </head> |
14 <body> |
14 <body> |
15 <div class="wrap"> |
15 |
16 <div class="wrap-header"> |
16 <div class="wrap-header-top"> |
|
17 <div class="wrap-header-top-content"> |
17 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
18 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
18 </div> |
19 </div> |
|
20 </div><!-- wrap-header-top --> |
|
21 |
|
22 |
|
23 <div class="wrap-header"> |
19 <div class="header"> |
24 <div class="header"> |
20 <!-- popin header --> |
25 |
|
26 <!-- popin user --> |
|
27 |
21 <div class="popin user info" id="user"> |
28 <div class="popin user info" id="user"> |
22 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
29 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
23 <div class="popin-content"> |
30 <div class="popin-content"> |
24 <h2>Mashup75</h2> |
31 <h2>Mashup75</h2> |
25 <h3>mash@cinecast.fr</h3> |
32 <h3>mash@cinecast.fr</h3> |
81 </form> |
88 </form> |
82 |
89 |
83 </div> |
90 </div> |
84 </div><!-- popin user login--> |
91 </div><!-- popin user login--> |
85 |
92 |
|
93 <!-- /popin user --> |
|
94 |
86 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#"> |
95 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#"> |
87 <img src="img/hashcut-logo.png" alt="Hashcut" /> |
96 <img src="img/hashcut-logo.png" alt="Hashcut" /> |
88 <span>Le Mashup<br />Cliquable</span> |
97 <span>Le Mashup<br />Cliquable</span> |
89 </a></h1> |
98 </a></h1> |
90 <div class="title-header"></div> |
99 <div class="title-header"></div> |
91 <div class="profil-wrap"> |
100 <div class="profil-wrap"> |
92 <a href="#" class="all-hashcut">Tous les Hashcuts</a> |
101 <a href="#" class="all-hashcut">Tous les Hashcuts</a> |
93 <a href="#user" class="my-profil open-popin">Mon profil</a> |
102 <a href="#user" class="my-profil open-popin">Mon profil</a> |
94 </div> |
103 </div> |
95 </div><!-- header --> |
104 </div><!-- header --> |
|
105 </div><!-- wrap-header --> |
|
106 |
|
107 <div class="wrapper"> |
|
108 <div class="wrap"> |
|
109 <div class="content"> |
|
110 <h2 class="title-content">Hashcuts de <a href="#">Hashcutter75</a></h2> |
|
111 |
|
112 <div class="hashcut-video-wrap profil"> |
|
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 class="video-item"> |
|
126 <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a> |
|
127 <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3> |
|
128 </div> |
|
129 <div class="video-item"> |
|
130 <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a> |
|
131 <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3> |
|
132 </div> |
|
133 <div class="video-item"> |
|
134 <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a> |
|
135 <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3> |
|
136 </div> |
|
137 </div> |
|
138 <div class="pagination"> |
|
139 <a href="#" class="active">1</a> |
|
140 <a href="#">2</a> |
|
141 <a href="#">3</a> |
|
142 <a href="#">4</a> |
|
143 <a href="#">5</a> |
|
144 <a href="#">6</a> |
|
145 <a href="#">Suivant</a> |
|
146 </div> |
|
147 </div><!-- content --> |
96 |
148 |
97 <div class="content"> |
149 <div class="footer clearfix"> |
98 <h2 class="title-content">Hashcuts de <a href="#">Hashcutter75</a></h2> |
150 <ul class="links-left"> |
99 |
151 <li><a href="#">Mentions légales</a></li> |
100 <div class="hashcut-video-wrap profil"> |
152 <li><a href="#">Contacts</a></li> |
101 <div class="video-item"> |
153 </ul> |
102 <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a> |
154 <ul class="links-right"> |
103 <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3> |
155 <li><a title="IRI" href="http://www.iri.centrepompidou.fr/"> <img src="img/logo-iri.png" alt="iri" /></a></li> |
104 </div> |
156 <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li> |
105 <div class="video-item"> |
157 <li>© 2012</li> |
106 <a href="#" class="screenshot"><img src="img/visuel-home-news.jpg" alt=""/></a> |
158 </ul> |
107 <h3><strong>Mon Hashcut</strong> | <span>02:24</span> </h3> |
159 </div><!-- footer --> |
108 </div> |
160 </div><!-- wrap --> |
109 <div class="video-item"> |
161 </div><!-- wrapper --> |
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> |
|
135 </div><!-- content --> |
|
136 |
|
137 <div class="footer clearfix"> |
|
138 <ul class="links-left"> |
|
139 <li><a href="#">Mentions légales</a></li> |
|
140 <li><a href="#">Contacts</a></li> |
|
141 </ul> |
|
142 <ul class="links-right"> |
|
143 <li><a title="IRI" href="http://www.iri.centrepompidou.fr/"> <img src="img/logo-iri.png" alt="iri" /></a></li> |
|
144 <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li> |
|
145 <li>© 2012</li> |
|
146 </ul> |
|
147 </div><!-- footer --> |
|
148 </div><!-- wrap --> |
|
149 <!-- JavaScript --> |
162 <!-- JavaScript --> |
150 <script type="text/javascript" src="lib/jquery.min.js"></script> |
163 <script type="text/javascript" src="lib/jquery.min.js"></script> |
151 <script type="text/javascript" src="lib/jquery-ui.min.js"></script> |
164 <script type="text/javascript" src="lib/jquery-ui.min.js"></script> |
152 <script type="text/javascript" src="js/common.js"></script> |
165 <script type="text/javascript" src="js/common.js"></script> |
153 </body> |
166 </body> |