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