Phlo Project - Code Canvas Design

<!DOCTYPE html>
<html lang="nl">
<head>
<meta name="viewport" content="width=device-width">
<style>
form {
	max-width: 400px;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #333;
	border-radius: 4px;
}
form div {
	margin-bottom: 1em;
}
label {
	display: block;
	margin-bottom: 0.5em;
}
input, textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #333;
	background: #111;
	color: white;
}
button {
	width: 100%;
	background: lime;
	color: black;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
}
* {
	box-sizing: border-box;
}
body {
	background-color: black;
	color: white;
	font-family: sans-serif;
}
a {
	color: lime;
}
img {
	max-width: 100%;
}
</style>
</head>
<body>
<h1>Contact formulier</h1>
<p>Vul dit formulier in om contact met ons op te nemen. We reageren binnen 24 uur op je bericht.</p>
<form>
	<div>
		<label for="name">Naam:</label>
		<input type="text" id="name" name="name" required>
	</div>
	<div>
		<label for="email">Email:</label>
		<input type="email" id="email" name="email" required>
	</div>
	<div>
		<label for="message">Bericht:</label>
		<textarea id="message" name="message" required>

Beschrijving: