Signup-Form
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Card component with floating labels</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="container">
<!-- code here -->
<div class="card">
<div class="card-image">
<h2 class="card-heading">
Get started
<small>Let us create your account</small>
</h2>
</div>
<form class="card-form">
<div class="input">
<input type="text" class="input-field" required/>
<label class="input-label">Full name</label>
</div>
<div class="input">
<input type="text" class="input-field" required/>
<label class="input-label">Email</label>
</div>
<div class="input">
<input type="password" class="input-field" required/>
<label class="input-label">Password</label>
</div>
<div class="action">
<button class="action-button">Get started</button>
</div>
</form>
<div class="card-info">
<p>By signing up you are agreeing to our <a href="#">Terms and Conditions</a></p>
</div>
</div>
</div>
<!-- partial -->
</body>
</html>