Login form html and css.

Html Files. !DOCTYPE html>

Login Here

Username

Password

LOGIN FORM CSS. body{ margin: 0px; padding: 0px; background-image: url(faisal.jpg); background-image-size: cover; background-repeat: no-repeat; background-position: center; font-family: sans-serif; } .loginbox{ width: 320px; height: 420px; background: #000; color: #fff; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); box-sizing: border-box; padding: 70px 30px; } .avater{ width: 100px; height: 100px; border-radius: 50%; position: absolute; top: -50px; left: calc(50% - 50px); } h1{ margin: 0; padding: 0 0 20px; text-align: center; font-size: 22px; } loginbox p{ margin: 0px; padding: 0px; font-weight: bold; } .loginbox{ input[type=\"text\"], input[type=\"password\"],; border: none; border-bottom: 1px solid #fff; background: transparent; outline: none; height: 40px; color: #fff; font-size: 40px; } .loginbox input[type=\"submit\"] { border: none; outline: none; height: 40px; background: #fb2525; color: #fff; font-size: 18px; border-radius: 20px; } .loginbox input[type=\"submit\"]:hover { cursor: pointer; background: #ffc107; color: #000; } .loginbox a{ text-decoration: none; font-size: 12px; line-height: 20px; color: darkgray; } .loginbox a:hover { color: #ffc107; }