Advertisement
PifyZ

Untitled

Oct 14th, 2015
377
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.91 KB | None | 0 0
  1. Bonjour à tous,
  2.  
  3. Voici un petit atelier HTML/CSS accessible aussi bien aux débutants qu'aux experts.
  4.  
  5. # Objectif
  6.  
  7. Il s'agit de styliser un formulaire de connexion avec un HTML donné qu'il vous est interdit de modifier.
  8.  
  9. N'hésitez pas à rendre le formulaire responsive, à utiliser des animations CSS, etc.
  10.  
  11. Voici le code HTML :
  12.  
  13. ````
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17. <meta charset="utf-8" />
  18. <title>Formulaire de connexion</title>
  19. <link rel="stylesheet" type="text/css" href="style.css" />
  20. </head>
  21.  
  22. <body>
  23. <div class="login-form">
  24. <h1>Formulaire de connexion</h1>
  25.  
  26. <form method="post" action="">
  27. <label for="username">Pseudonyme</label>
  28. <input type="text" name="username" id="username" placeholder="Pseudonyme" />
  29.  
  30. <label for="password">Mot de passe</label>
  31. <input type="text" name="password" id="password" placeholder="Mot de passe" />
  32.  
  33. <label for="remember-me">Se souvenir de moi</label>
  34. <input type="checkbox" name="remember-me" id="remember-me" />
  35.  
  36. <input type="submit" name="login-form-submit" value="Connexion" />
  37. </form>
  38. </div>
  39. </body>
  40. </html>
  41. ````
  42.  
  43. # Déroulement
  44.  
  45. Le concours se déroule en deux étapes :
  46. - la première consiste à envoyer vos participations ;
  47. - la seconde consistera en les votes.
  48.  
  49. Voir le règlement pour en savoir plus.
  50.  
  51. Le but de ce concours est de s'amuser et pourquoi pas de découvrir de nouvelles méthodes/techniques. Aucune récompense n'est promise aux gagnants. :)
  52.  
  53. # Règlement
  54.  
  55. Les créations doivent être les vôtres à 100%.
  56. Le HTML ne peut être modifié
  57. Le Javascript est interdit.
  58. Les préprocesseurs CSS sont autorisés.
  59.  
  60. Les créations envoyées après le 31 octobre ne seront acceptées.
  61.  
  62. Il n'est possible de voter que pour deux participations. Dans le cas ou plus sont énoncés, seuls les deux premiers seront comptabilisés.
  63.  
  64. # Participations
  65.  
  66. En attente.
  67.  
  68. Bonne chance à tous !
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement