HTMLify
newform.html
Views: 431 | Author: dakshbadal1379
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""> <link href="./Document_files/css2" rel="stylesheet"> <style> html{ font-family: "Montserrat", sans-serif; } body{ font-family: "Montserrat", sans-serif; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #302b63; } section{ /* border: 10px solid yellow; */ height: 50%; margin: 20px 200px 50px 200px; width: 50%; display: flex; align-items: center; justify-content: center; /* padding-bottom: 10em; */ } .section{ /* border: 10px solid red; */ height: 50%; padding: 0rem 3em 5rem 3em; background-color: #fff; border-radius: 80px; } h3{ color: #302b63; font-family: "Montserrat", sans-serif; font-size: 4em; font-weight: 600; padding-left: 120px; } input{ width: 30em; height: 5em; margin-top: 50px; border-radius: 12px; outline: none; /* font-size: 10px; */ } button{ width: 30em; height: 5em; border-radius: 12px; margin-left: 3px; background-color: #302b63; color: #fff; } ::placeholder{ font-size: 25px; font-weight: 400; } #ei{ /* font-size: 20px; */ background-color: #302b63; color: #fff; /* font-size: 30px; */ } </style> </head> <body> <section> <div class="section"> <h3>Login</h3> <input type="text" name=" " id=" " placeholder="Username" maxlength="15" size="20" required><br> <input type="password" name=" " id=" " placeholder="Password" maxlength="15" required><br><br><br> <input type="button" value="Login" id="ei"> </div> </section> </body> </html> |