1 <!DOCTYPE html> |
1 <!DOCTYPE html> |
2 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> |
2 <html> |
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> |
3 <head> |
7 <meta charset="utf-8"> |
4 <meta charset="utf-8"> |
8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
9 <title>Home</title> |
6 <meta name="copyright" content="Institut de Recherche et d'Innovation (IRI), 2012" /> |
|
7 <meta name="author" content="Anthony Ly, Raphaël Velt" /> |
|
8 <title>Hashcut > Home</title> |
10 <link rel="stylesheet" href="css/reset.css" /> |
9 <link rel="stylesheet" href="css/reset.css" /> |
11 <link rel="stylesheet" href="css/common.css" /> |
10 <link rel="stylesheet" href="css/common.css" /> |
12 <link rel="stylesheet" href="css/home.css" /> |
11 <link rel="stylesheet" href="css/home.css" /> |
13 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css"> |
12 <link rel="stylesheet" href="lib/jquery-ui.css"> |
14 <script src="js/vendor/modernizr-2.6.1.min.js"></script> |
|
15 </head> |
13 </head> |
16 <body> |
14 <body> |
17 <div class="wrap"> |
15 <div class="wrap"> |
18 <div class="wrap-header"> |
16 <div class="wrap-header"> |
19 <a title="Bibliothèque centre Pompidou" 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> |
20 </div> |
18 </div> |
21 <div class="header"> |
19 <div class="header"> |
22 <!-- popin header --> |
20 <!-- popin header --> |
23 <div class="popin user info" id="user"> |
21 <div class="popin user info" id="user"> |
24 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
22 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
25 <div class="popin-content"> |
23 <div class="popin-content"> |
26 <h2>Mashup75</h2> |
24 <h2>Mashup75</h2> |
27 <h3>mash@cinecast.fr</h3> |
25 <h3>mash@cinecast.fr</h3> |
28 <a href="#" class="nb-hashcut">12 Hashcuts</a> |
26 <a href="#" class="nb-hashcut">12 Hashcuts</a> |
29 <a href="#" class="change-account">Changer de compte</a> |
27 <p> |
|
28 <a href="#" class="change-account button">Changer de compte</a> |
|
29 </p> |
30 </div> |
30 </div> |
31 </div><!-- popin user info--> |
31 </div><!-- popin user info--> |
32 |
32 |
33 <div class="popin user signup" id="user"> |
33 <div class="popin user signup" id="user"> |
34 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
34 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
35 <div class="popin-content"> |
35 <div class="popin-content"> |
36 <h2>Créer un compte :</h2> |
36 <h2>Créer un compte :</h2> |
37 <form action="#"> |
37 <form action="#" class="signup-form"> |
38 <p> |
38 <p> |
39 <label for="signup-pseudo">Pseudonyme : </label> |
39 <label for="signup-pseudo">Pseudonyme : </label> |
40 <input type="text" id="signup-pseudo" name="" /> |
40 <input type="text" id="signup-pseudo" name="" /> |
41 </p> |
41 </p> |
42 <p > |
42 <p > |
50 <p> |
50 <p> |
51 <label for="signup-password">Confirmer le mot de passe : </label> |
51 <label for="signup-password">Confirmer le mot de passe : </label> |
52 <input type="password" id="signup-password" name="" /> |
52 <input type="password" id="signup-password" name="" /> |
53 </p> |
53 </p> |
54 <p> |
54 <p> |
55 <input type="submit" value="Créer le compte"> |
55 <input class="button" type="submit" value="Créer le compte"> |
56 </p> |
56 </p> |
57 </form> |
57 </form> |
58 |
58 |
59 </div> |
59 </div> |
60 </div><!-- popin user signup--> |
60 </div><!-- popin user signup--> |
61 |
61 |
62 <div class="popin user login" id="user"> |
62 <div class="popin user login" id="user"> |
63 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
63 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
64 <div class="popin-content"> |
64 <div class="popin-content"> |
65 <h2>Connexion :</h2> |
65 <h2>Connexion :</h2> |
66 <form action="#"> |
66 <form action="#" class="login-form"> |
67 <p> |
67 <p> |
68 <label for="signup-pseudo">E-mail : </label> |
68 <label for="signup-pseudo">E-mail : </label> |
69 <input type="text" id="signup-pseudo" name="" /> |
69 <input type="text" id="signup-pseudo" name="" /> |
70 </p> |
70 </p> |
71 <p > |
71 <p > |
72 <label for="signup-email">Mot de passe : </label> |
72 <label for="signup-email">Mot de passe : </label> |
73 <input type="password" id="signup-email" name="" /> |
73 <input type="password" id="signup-email" name="" /> |
74 </p> |
74 </p> |
75 <p> |
75 <p> |
76 <input type="submit" value="Se connecter"> |
76 <input class="button" type="submit" value="Se connecter"> |
77 </p> |
77 </p> |
78 <p> |
78 <p> |
79 <a class="signup-button" href="#">Créer un compte</a> |
79 <a class="button signup-button" href="#">Créer un compte</a> |
80 </p> |
80 </p> |
81 </form> |
81 </form> |
82 |
82 |
83 </div> |
83 </div> |
84 </div><!-- popin user login--> |
84 </div><!-- popin user login--> |