Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- margin:0px;
- padding:0px;
- background:url('nasaback.jpg');
- background-size:cover;
- background-position:center;
- }
- h1 {
- color:white;
- font-size:80px;
- text-align:center;
- margin:50px 0px 25px 0px;
- background-color:black;
- height:100px;
- }
- input[type="text"], select {
- width:500px;
- padding: 8px 0px;
- margin:12px 500px;
- height:50px;
- font-size:20px;
- border:none;
- border-radius:15px;
- text-align:center;
- color:black;
- }
- input[type="submit"] {
- width:250px;
- padding: 8px 0px;
- margin:20px 500px 0px 630px;
- height:50px;
- font-size:20px;
- border:none;
- border-radius:15px;
- text-align:center;
- color:white;
- cursor:pointer;
- background-color:blue;
- }
- input[type="submit"]:hover {
- width:500px;
- transition:0.5s;
- padding: 8px 0px;
- height:50px;
- font-size:20px;
- border:none;
- border-radius:15px;
- text-align:center;
- color:white;
- cursor:pointer;
- background-color:green;
- position:relative;
- }
- <!DOCTYPE html>
- <html>
- <head>
- <title>Nasa Login Form</title>
- <link href="nasa.css" type="text/css" rel="stylesheet">
- </head>
- <body>
- <h1>Welcome To NASA Usa</h1>
- <form class="login-form">
- <Input type="text" placeholder="Your Name">
- <br>
- <input type="text" placeholder="Street">
- <br>
- <input type="text" placeholder="Block">
- <br>
- <input type="text" placeholder="State">
- <br>
- <select id="country" name="country">
- <option value="North America">North America</option>
- <option value="South America">South America</option>
- <option value="Asia">Asia</option>
- <option value="Middle East">Middle East</option>
- <option value="Antartica">Antartica</option>
- </select>
- <br>
- <input type="text" placeholder="Landmark">
- <br>
- <input type="text" placeholder="Mobile No">
- <br>
- <input type="submit" value="Enroll Me In" name="">
- </form>
- </body>
- </html>
Add Comment
Please, Sign In to add comment