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>Profil</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 > Page profil</title> |
|
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/style.css" /> |
11 <link rel="stylesheet" href="css/common.css" /> |
12 <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css"> |
|
13 <script src="js/vendor/modernizr-2.6.1.min.js"></script> |
|
14 </head> |
12 </head> |
15 <body> |
13 <body> |
16 <div class="wrap"> |
14 <div class="wrap"> |
17 <div class="wrap-header"> |
15 <div class="wrap-header"> |
18 <a title="Bibliothèque centre Pompidou" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
16 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
19 </div> |
17 </div> |
20 <div class="header"> |
18 <div class="header"> |
21 <!-- popin header --> |
19 <!-- popin header --> |
22 <div class="popin user info" id="user"> |
20 <div class="popin user info" id="user"> |
23 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
21 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
24 <div class="popin-content"> |
22 <div class="popin-content"> |
25 <h2>Mashup75</h2> |
23 <h2>Mashup75</h2> |
26 <h3>mash@cinecast.fr</h3> |
24 <h3>mash@cinecast.fr</h3> |
27 <a href="#" class="nb-hashcut">12 Hashcuts</a> |
25 <a href="#" class="nb-hashcut">12 Hashcuts</a> |
28 <a href="#" class="change-account">Changer de compte</a> |
26 <p> |
|
27 <a href="#" class="change-account button">Changer de compte</a> |
|
28 </p> |
29 </div> |
29 </div> |
30 </div><!-- popin user info--> |
30 </div><!-- popin user info--> |
31 |
31 |
32 <div class="popin user signup" id="user"> |
32 <div class="popin user signup" id="user"> |
33 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
33 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
34 <div class="popin-content"> |
34 <div class="popin-content"> |
35 <h2>Créer un compte :</h2> |
35 <h2>Créer un compte :</h2> |
36 <form action="#"> |
36 <form action="#" class="signup-form"> |
37 <p> |
37 <p> |
38 <label for="signup-pseudo">Pseudonyme : </label> |
38 <label for="signup-pseudo">Pseudonyme : </label> |
39 <input type="text" id="signup-pseudo" name="" /> |
39 <input type="text" id="signup-pseudo" name="" /> |
40 </p> |
40 </p> |
41 <p > |
41 <p > |
49 <p> |
49 <p> |
50 <label for="signup-password">Confirmer le mot de passe : </label> |
50 <label for="signup-password">Confirmer le mot de passe : </label> |
51 <input type="password" id="signup-password" name="" /> |
51 <input type="password" id="signup-password" name="" /> |
52 </p> |
52 </p> |
53 <p> |
53 <p> |
54 <input type="submit" value="Créer le compte"> |
54 <input class="button" type="submit" value="Créer le compte"> |
55 </p> |
55 </p> |
56 </form> |
56 </form> |
57 |
57 |
58 </div> |
58 </div> |
59 </div><!-- popin user signup--> |
59 </div><!-- popin user signup--> |
60 |
60 |
61 <div class="popin user login" id="user"> |
61 <div class="popin user login" id="user"> |
62 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
62 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
63 <div class="popin-content"> |
63 <div class="popin-content"> |
64 <h2>Connexion :</h2> |
64 <h2>Connexion :</h2> |
65 <form action="#"> |
65 <form action="#" class="login-form"> |
66 <p> |
66 <p> |
67 <label for="signup-pseudo">E-mail : </label> |
67 <label for="signup-pseudo">E-mail : </label> |
68 <input type="text" id="signup-pseudo" name="" /> |
68 <input type="text" id="signup-pseudo" name="" /> |
69 </p> |
69 </p> |
70 <p > |
70 <p > |
71 <label for="signup-email">Mot de passe : </label> |
71 <label for="signup-email">Mot de passe : </label> |
72 <input type="password" id="signup-email" name="" /> |
72 <input type="password" id="signup-email" name="" /> |
73 </p> |
73 </p> |
74 <p> |
74 <p> |
75 <input type="submit" value="Se connecter"> |
75 <input class="button" type="submit" value="Se connecter"> |
76 </p> |
76 </p> |
77 <p> |
77 <p> |
78 <a class="signup-button" href="#">Créer un compte</a> |
78 <a class="button signup-button" href="#">Créer un compte</a> |
79 </p> |
79 </p> |
80 </form> |
80 </form> |
81 |
81 |
82 </div> |
82 </div> |
83 </div><!-- popin user login--> |
83 </div><!-- popin user login--> |