Advertisement
Guest User

derp

a guest
Apr 14th, 2016
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="style.css">
  5. <title>Login</title>
  6. </head>
  7. <body>
  8. <div class="container">
  9. <div class="box">
  10. <p id="logintext">Please Login below</p>
  11. <div class="login">
  12. <form action="index.php" method="post" class="inputboxxen">
  13. Username:<input type="text" name="username" class="textfield"><br>
  14. Password: <input type="password" name="password" class="textfield"><br>
  15. <input type="button" value="Login" id="loginbutton">
  16. </form>
  17. </div>
  18. </div>
  19. </div>
  20. <?php
  21.  
  22. ?>
  23. </body>
  24. </html>
  25.  
  26. body{
  27. background-image: url(img/league.jpg);
  28. background-repeat: no-repeat;
  29. background-size: cover;
  30. }
  31. .container{
  32.  
  33. }
  34. .box{
  35. margin-top: 10%;
  36. margin-left: 35%;
  37. margin-right: 35%;
  38. margin-bottom: 0%;
  39. height: 300px;
  40. background-color:rgba(209, 209, 209, 0.6);
  41.  
  42.  
  43. }
  44. .login{
  45. margin-top: 5%;
  46. margin-left: 20%;
  47. margin-right: 20%;
  48. margin-bottom: 10%;
  49. background: ;
  50. height: 400px;
  51.  
  52. }
  53. #logintext{
  54. text-align: center;
  55. padding-top: 5%;
  56. font-weight: bold;
  57. }
  58. #loginbutton{
  59. margin-left: 25%;
  60. margin-top: 5%;
  61. }
  62. .inputboxxen{
  63. margin-left: 5%;
  64. margin-top: 20%;
  65. }
  66. .textfield{
  67. margin-bottom: 2%;
  68. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement