index.html

<!DOCTYPE html>
<html>
<head>
	<title>first animation website</title>
	<meta charset="utf-8">
	<meta charset="utf-8" name="description" content="animated website">
	<meta name="sunil" content="sunil kumar">
	<meta http-equiv="refresh" content="30">
	<meta name="viewport" content="width=device-width;initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<div class="left-section">
			<div class="header">
				<h1 class="animation a1">welcome back friend</h1>
				<h4 class="animation a2">login and enjoyy your account</h4>
			</div>
			<div class="form">
				<input type="username" name="" class="form-field animation a3" placeholder="username">
				<input type="password" name="" class="form-field animation a4" placeholder="password">
				<p class="animation a5"><a href="#">Forgot password</a></p>
				<button class="animation a6">Login</button>
				
			</div>
	     </div>
	     <div class="right-section"></div>
	 </div>

</body>
</html>