File Name : Index.html
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<h2>Form Login</h2>
<input type="text" name="fname" placeholder="Tau Ita Boot Sira Nia Name">
<input type="text" name="fname" placeholder="Tau ita boot sira nia email">
<input type="password" name="fpasswprd" placeholder="Tau ita boot nia password">
<input type="submit" value="Login">
</form>
</body>
</html>
File Name : style.css
*{
margin: 0;
padding: 0;
font-family:sans-serif; ;
box-sizing: border-box;
}
body{
height: 100vh;
display: flex;
align-items: center;
background-color: blue;
justify-content: center;
}
form{
width: 400px;
background-color: red;
display: flex;
padding: 20px 40px;
flex-direction: column;
border-radius: 20px;
box-shadow: 6px 8px 12px rgba(0,0,0,0,3),-6px 0 12px rgba(0,0,0,0,3);
}
form h2{
text-align: center;
color: white;
font-size: 20px;
margin-bottom: 15px;
}
input{
margin-bottom: 12px;
border:1px solid red;
padding-left: 10px;
border-radius: 5px;
height: 40px;
outline: none;
}
input[type='submit']{
background-color: yellow;
cursor:pointer;
height: 46px;
font-size: 16px;
color: red;
}
input[type='submit']:hover{
background-color: blue;
transition: 0.5s easse;
}
NIA RESULTADU MAK HANESAN TUIR MAI NE'E :
