calendar.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Calendar</title>
	<link rel="stylesheet" type="text/css" href="calendar.css">
</head>
<body>
	<header>
		<h1>Calendar</h1>
	</header>
	<main>
		<div id="calendar">
			<div id="calendar-header">
				<button id="prev-month-btn">&lt;</button>
				<h2 id="calendar-month"></h2>
				<button id="next-month-btn">&gt;</button>
			</div>
			<table>
				<thead>
					<tr>
						<th>Mon</th>
						<th>Tue</th>
						<th>Wed</th>
						<th>Thu</th>
						<th>Fri</th>
						<th>Sat</th>
						<th>Sun</th>
					</tr>
				</thead>
				<tbody id="calendar-body">
				</tbody>
			</table>
		</div>
	</main>
	<script type="text/javascript" src="calendar.js"></script>
</body>
</html>