Spaces:
Running
Running
File size: 1,980 Bytes
b361446 |
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 |
<DOCTYPE html!>
<html>
<head>
<style>
body{
background-image: url("https://media.istockphoto.com/id/472789981/video/star-rating-5-stars-lower-third-hd.jpg?s=640x640&k=20&c=I0UVn5rcSx-0EJnAAOkK6Schv4p6OoLQwtX3KZSE8mM=");
height: 100vh;
background-size: cover;
}
</style>
</head>
<body>
<form style="margin: 100px; color: #bae7f4; border-radius: 8px;">
<table align="center" style="background-color: #bae7f4; padding: 40px; border-radius: 8px;">
<tr align="center"><th colspan="4"><h1 align="center">Login Form</h1></th></tr>
<tr>
<td>
<label style="font-size: 24px;">Username :</label>
</td>
<td>
<input type="text" style="height:27px;"></input>
</td>
</tr>
<tr>
<td>
<label style="font-size: 24px;">Password :</label>
</td>
<td>
<input type="password" style="height:27px;"></input>
</td>
</tr>
<tr>
<td>
<input type="submit" value="SUBMIT" style="background-color: yellow; border-radius: 10px; height: 30px; width: 100px; border-width: 0px; margin-top: 8px;"></input>
</td>
<td>
<input type="reset" value="RESET" style="background-color: yellow; border-radius: 10px; height: 30px; width: 100px; border-width: 0px; margin-top: 8px;"></input>
</td>
</tr>
</table>
</form>
</body>
</html>
|