Guest User

Untitled

a guest
Dec 12th, 2018
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.11 KB | None | 0 0
  1. body {
  2. margin:0px;
  3. padding:0px;
  4. background:url('nasaback.jpg');
  5. background-size:cover;
  6. background-position:center;
  7. }
  8.  
  9. h1 {
  10. color:white;
  11. font-size:80px;
  12. text-align:center;
  13. margin:50px 0px 25px 0px;
  14. background-color:black;
  15. height:100px;
  16. }
  17.  
  18. input[type="text"], select {
  19. width:500px;
  20. padding: 8px 0px;
  21. margin:12px 500px;
  22. height:50px;
  23. font-size:20px;
  24. border:none;
  25. border-radius:15px;
  26. text-align:center;
  27. color:black;
  28. }
  29.  
  30. input[type="submit"] {
  31. width:250px;
  32. padding: 8px 0px;
  33. margin:20px 500px 0px 630px;
  34. height:50px;
  35. font-size:20px;
  36. border:none;
  37. border-radius:15px;
  38. text-align:center;
  39. color:white;
  40. cursor:pointer;
  41. background-color:blue;
  42. }
  43.  
  44. input[type="submit"]:hover {
  45. width:500px;
  46. transition:0.5s;
  47. padding: 8px 0px;
  48. height:50px;
  49. font-size:20px;
  50. border:none;
  51. border-radius:15px;
  52. text-align:center;
  53. color:white;
  54. cursor:pointer;
  55. background-color:green;
  56. position:relative;
  57. }
  58.  
  59. <!DOCTYPE html>
  60. <html>
  61. <head>
  62. <title>Nasa Login Form</title>
  63. <link href="nasa.css" type="text/css" rel="stylesheet">
  64. </head>
  65. <body>
  66. <h1>Welcome To NASA Usa</h1>
  67. <form class="login-form">
  68. <Input type="text" placeholder="Your Name">
  69. <br>
  70. <input type="text" placeholder="Street">
  71. <br>
  72. <input type="text" placeholder="Block"> 
  73. <br>
  74. <input type="text" placeholder="State">
  75. <br>
  76.   <select id="country" name="country">
  77.       <option value="North America">North America</option>
  78.       <option value="South America">South America</option>
  79.       <option value="Asia">Asia</option>
  80.       <option value="Middle East">Middle East</option>
  81.       <option value="Antartica">Antartica</option>
  82.         </select>
  83.     <br>
  84.     <input type="text" placeholder="Landmark">
  85.     <br>
  86.     <input type="text" placeholder="Mobile No">
  87.     <br>
  88.     <input type="submit" value="Enroll Me In" name="">
  89.     </form>
  90.     </body>
  91.     </html>
Add Comment
Please, Sign In to add comment