23 <div class="wrap-header"> |
23 <div class="wrap-header"> |
24 <div class="header"> |
24 <div class="header"> |
25 |
25 |
26 <!-- popin user --> |
26 <!-- popin user --> |
27 |
27 |
28 <div class="popin user info" id="user"> |
28 <div class="popin user" id="user"> |
29 <div class="pointer"></div> |
29 <div class="pointer"></div> |
30 <div class="popin-content"> |
30 <div class="popin-content"> |
31 <h2>Mashup75</h2> |
31 <div class="user-screen info"> |
32 <h3>mash@cinecast.fr</h3> |
32 <h2>Mashup75</h2> |
33 <a href="#" class="nb-hashcut">12 Hashcuts</a> |
33 <h3>mash@cinecast.fr</h3> |
34 <p> |
34 <a href="#" class="nb-hashcut">12 Hashcuts</a> |
35 <a href="#" class="change-account button">Changer de compte</a> |
|
36 </p> |
|
37 </div> |
|
38 </div><!-- popin user info--> |
|
39 |
|
40 <div class="popin user signup" id="user"> |
|
41 <div class="pointer"></div> |
|
42 <div class="popin-content"> |
|
43 <h2>Créer un compte :</h2> |
|
44 <form action="#" class="signup-form"> |
|
45 <p> |
35 <p> |
46 <label for="signup-pseudo">Pseudonyme : </label> |
36 <a href="#" class="change-account button">Changer de compte</a> |
47 <input type="text" id="signup-pseudo" name="" /> |
|
48 </p> |
37 </p> |
49 <p > |
38 </div> |
50 <label for="signup-email">Email : </label> |
39 <div class="user-screen signup hide"> |
51 <input type="text" id="signup-email" name="" /> |
40 <h2>Créer un compte :</h2> |
52 </p> |
41 <form action="#" class="signup-form"> |
53 <p > |
42 <p> |
54 <label for="signup-password">Mot de passe : </label> |
43 <label for="signup-pseudo">Pseudonyme : </label> |
55 <input type="password" id="signup-password" name="" /> |
44 <input type="text" id="signup-pseudo" name="" /> |
56 </p> |
45 </p> |
57 <p> |
46 <p > |
58 <label for="signup-password">Confirmer le mot de passe : </label> |
47 <label for="signup-email">Email : </label> |
59 <input type="password" id="signup-password" name="" /> |
48 <input type="text" id="signup-email" name="" /> |
60 </p> |
49 </p> |
61 <p> |
50 <p > |
62 <input class="button" type="submit" value="Créer le compte"> |
51 <label for="signup-password">Mot de passe : </label> |
63 </p> |
52 <input type="password" id="signup-password" name="" /> |
64 </form> |
53 </p> |
65 |
54 <p> |
66 </div> |
55 <label for="signup-password">Confirmer le mot de passe : </label> |
67 </div><!-- popin user signup--> |
56 <input type="password" id="signup-password" name="" /> |
68 |
57 </p> |
69 <div class="popin user login" id="user"> |
58 <p> |
70 <div class="pointer"></div> |
59 <input class="button" type="submit" value="Créer le compte"> |
71 <div class="popin-content"> |
60 </p> |
72 <h2>Connexion :</h2> |
61 </form> |
73 <form action="#" class="login-form"> |
62 </div> |
74 <p> |
63 <div class="user-screen login hide"> |
75 <label for="signup-pseudo">E-mail : </label> |
64 <h2>Connexion :</h2> |
76 <input type="text" id="signup-pseudo" name="" /> |
65 <form action="#" class="login-form"> |
77 </p> |
66 <p> |
78 <p > |
67 <label for="signup-pseudo">E-mail : </label> |
79 <label for="signup-email">Mot de passe : </label> |
68 <input type="text" id="signup-pseudo" name="" /> |
80 <input type="password" id="signup-email" name="" /> |
69 </p> |
81 </p> |
70 <p > |
82 <p> |
71 <label for="signup-email">Mot de passe : </label> |
83 <input class="button" type="submit" value="Se connecter"> |
72 <input type="password" id="signup-email" name="" /> |
84 </p> |
73 </p> |
85 <p> |
74 <p> |
86 <a class="button signup-button" href="#">Créer un compte</a> |
75 <input class="button" type="submit" value="Se connecter"> |
87 </p> |
76 </p> |
88 </form> |
77 <p> |
89 |
78 <a class="button signup-button" href="#">Créer un compte</a> |
|
79 </p> |
|
80 </form> |
|
81 </div> |
90 </div> |
82 </div> |
91 </div><!-- popin user login--> |
83 </div><!-- popin user login--> |
92 |
84 |
93 <!-- /popin user --> |
85 <!-- /popin user --> |
94 |
86 |