Profile page {simplified}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
margin: 0;
padding: 0;
background-color: black;
}
input{
text-align: center;
}
.container{
margin-top: 3%;
margin-left: 41%;
border: 1px solid;
height: 500px;
width: 500px;
align-content: center;
border-radius: 5ex;
text-align: center;
background-color: rgb(235, 195, 195);
}
img{
border-radius: 80px;
border: 2px solid;
border-color: red;
margin: -100px 0px 10px 6px;
}
a{
text-decoration: none;
margin: 0px 0px 0px 90px;
font-size: smaller;
}
.formset{
margin: 25px 0px 0px 9px;
}
button {
background-color: #04AA6D;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor:pointer;
width: 20%;
height: fit-content;
border-radius: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="imgcont">
<img
src="https://static.vecteezy.com/system/resources/thumbnails/002/002/403/small/man-with-beard-avatar-character-isolated-icon-free-vector.jpg"
height="120" alt>
</div>
<div class="formset">
<form action>
<label for="Username">Username</label><br>
<input type="text" placeholder="First name"><br>
<label for="Pass">Password</label><br>
<input type="text" placeholder="8 digit pin"><br>
<a href>forget password ?</a>
</form>
<button type="submit">Login</button>
</div>
</div>
</body>
</html>
Comments
Post a Comment