index.html (1373B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Web comp</title> 8 <style> 9 body { 10 background-color: black; 11 color: white; 12 margin: 0; 13 padding: 0; 14 font-family: monospace; 15 } 16 .form { 17 margin: 1em auto; 18 text-align: center; 19 max-width: 400px; 20 } 21 input { 22 color: white; 23 background-color: black; 24 box-shadow: none; 25 border-style: none; 26 border-bottom: 1px solid grey; 27 min-width: 100%; 28 margin: 0.5em auto; 29 } 30 span { 31 text-align: left; 32 border-radius: 4px; 33 margin: 1em auto; 34 min-width: 100%; 35 } 36 header { 37 font-size: 2em; 38 background-color: whitesmoke; 39 } 40 </style> 41 </head> 42 <body> 43 <header> 44 <a href="/login" >login</a> 45 </header> 46 <main> 47 <div class="form"> 48 <div> 49 <input type="text" placeholder="user"/> 50 <input type="password" placeholder="password"/> 51 </div> 52 <div> 53 </div> 54 </main> 55 </body> 56 </html>