index.html

<html>

<head>
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="./styles.css" />
	<script src="/script.js"></script>
</head>

<body>
	<div id="bigTitle">TEST Heading</div>

	<form id="mainForm">
		<ul>
			<li>
				<label for="name">Name:</label>
				<input id="name "type="text">
			</li>
			<li>
				<label for="datePicker">Date:</label>
				<input id="datePicker" type="date">
			</li>
			<li>
				<label for="acceptBox">Accept?</label>
				<input id="acceptBox" type="checkbox">
			</li>
			<li>
				<label for="message">Leave a message:</label>
				<input id="message" type="text area">
			</li>
			<li class="button">
				<button type="submit">Send it!</button>
			</li>
		</ul>
	</form>
</body>

</html>