- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Keep exploring!</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="https://htmlacademy.us3.list-manage.com/subscribe/post?u=2198e961288bea12428046a80&id=5850ad7af4" method="post" target="_top">
<label for="email">Your email</label>
<input type="email" name="EMAIL" required id="email">
<button type="submit">Subscribe</button>
</form>
</body>
</html>
CSS
body {
padding: 20px;
background-color: #302683;
color: white;
line-height: 2;
font-family: "Muller", sans-serif;
font-size: 25px;
}
form {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
label {
display: block;
font-size: 30px;
}
input {
margin-bottom: 20px;
padding: 8px 15px;
border: none;
background-color: white;
font-size: inherit;
}
button {
display: block;
padding: 8px 15px;
font-size: inherit;
font-family: inherit;
border: none;
background-color: #4eb543;
color: white;
}
Goalscompleted
- Enter your email and submit form.