diff --git a/docs/assets/css/calendar.css b/docs/assets/css/calendar.css
new file mode 100644
index 0000000..123671f
--- /dev/null
+++ b/docs/assets/css/calendar.css
@@ -0,0 +1,31 @@
+table {
+    border-collapse: collapse;
+}
+
+td {
+    text-align: left;
+    padding: 8px;
+    overflow: auto;
+}
+
+th {
+    text-align: center;
+}
+
+td, th {
+    border: 1px solid #000000;
+    width: 200px;
+    height: 135px;
+}
+
+td span {
+    color: #ff0000;
+}
+
+.lm, .nm {
+    color: #bbbbbb;
+}
+
+.holiday {
+    font-style: italic;
+}
\ No newline at end of file
diff --git a/docs/calendar/index.html b/docs/calendar/index.html
index bbf721d..1f62cc1 100644
--- a/docs/calendar/index.html
+++ b/docs/calendar/index.html
@@ -7,6 +7,7 @@
 	<link rel="stylesheet" href="../assets/css/main.css">
 	<link rel="stylesheet" href="../assets/css/pages.css">
 	<link rel="stylesheet" href="../assets/css/movement.css">
+	<link rel="stylesheet" href="../assets/css/calendar.css">
 </head>
 
 <body>
@@ -26,25 +27,63 @@
 	<main data-m="drop" data-m-duration="0.5">
 		<h1>Calendar</h1>
 		<article>
-			<h2>Lorem ipsum</h2>
-			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus id turpis vitae accumsan. Nulla
-				sodales elementum ipsum, sit amet ornare est congue at. Phasellus lacinia rhoncus felis id ultrices.
-				Nulla vitae tellus at ante sollicitudin porttitor et nec dolor. Duis pulvinar, eros a lobortis dictum,
-				dui lacus rutrum diam, dignissim hendrerit erat nunc fringilla nunc. Curabitur augue sapien, porta nec
-				congue sed, mollis nec ex. Phasellus ornare sem sapien, in consectetur ante porttitor eu. Donec tempor,
-				orci eu porta cursus, mi erat elementum dui, id eleifend neque orci quis mi. In hac habitasse platea
-				dictumst. Sed nisl eros, finibus eu velit a, mattis elementum tellus. Morbi sit amet sollicitudin arcu.
-				Aenean quis nisi dignissim, posuere turpis ac, accumsan mauris. Integer rhoncus dignissim diam a
-				lobortis. Suspendisse potenti. Nam aliquam nulla ipsum, eget cursus metus condimentum sed. Proin id
-				justo eget purus eleifend consectetur eget sed quam.</p>
-			<h2>Lorem ipsum</h2>
-			<p>Aliquam maximus lectus consectetur justo pellentesque, commodo cursus ante suscipit. Cras at arcu
-				feugiat, gravida justo sed, pretium nunc. Sed et sapien finibus, pulvinar erat a, molestie tortor.
-				Quisque et justo eget turpis sollicitudin laoreet in at risus. Ut feugiat molestie risus, vel imperdiet
-				odio ultrices eget. Nullam lacus nunc, venenatis ut pellentesque eget, ornare id quam. Donec a magna at
-				ipsum elementum tincidunt. Phasellus suscipit commodo vehicula. Fusce semper lacinia efficitur. Nam
-				euismod feugiat neque, a placerat neque vehicula in. Proin rutrum lobortis sagittis. Aenean consectetur
-				lorem nec urna ultrices, eget suscipit nibh tempor. Mauris mollis non est vitae sodales.</p>
+			<h2>March 2023 calendar</h2>
+			<table>
+				<tr>
+					<th>Sunday</th>
+					<th>Monday</th>
+					<th>Tuesday</th>
+					<th>Wednesday</th>
+					<th>Thursday</th>
+					<th>Friday</th>
+					<th>Saturday</th>
+				</tr>
+				<tr>
+					<td><span class="lm">26</span></td>
+					<td><span class="lm">27</span><p class="lm">Volunteer Day</p></td>
+					<td><span class="lm">28</span></td>
+					<td><span>1</span></td>
+					<td><span>2</span></td>
+					<td><span>3</span><p>Food Drive</p></td>
+					<td><span>4</span></td>
+				</tr>
+				<tr>
+					<td><span>5</span></td>
+					<td><span>6</span><p>Volunteer Day</p></td>
+					<td><span>7</span></td>
+					<td><span>8</span></td>
+					<td><span>9</span></td>
+					<td><span>10</span></td>
+					<td><span>11</span></td>
+				</tr>
+				<tr>
+					<td><span>12</span></td>
+					<td><span>13</span><p>Volunteer Day</p></td>
+					<td><span>14</span></td>
+					<td><span>15</span></td>
+					<td><span>16</span></td>
+					<td><span>17</span><p>Food Drive</p><p class="holiday">St. Patrick's Day</span></td>
+					<td><span>18</span><p>Blood Drive with American Red Cross</p></td>
+				</tr>
+				<tr>
+					<td><span>19</span></td>
+					<td><span>20</span><p>Volunteer Day</p></td>
+					<td><span>21</span></td>
+					<td><span>22</span></td>
+					<td><span>23</span></td>
+					<td><span>24</span></td>
+					<td><span>25</span></td>
+				</tr>
+				<tr>
+					<td><span>26</span></td>
+					<td><span>27</span><p>Volunteer Day</p></td>
+					<td><span>28</span></td>
+					<td><span>29</span></td>
+					<td><span>30</span></td>
+					<td><span>31</span><p>Food Drive</p></td>
+					<td><span class="nm">1</span></td>
+				</tr>
+			</table>
 		</article>
 	</main>
 	<footer data-m="bounce-up" data-m-duration="0.5">

Sunday	Monday	Tuesday	Wednesday	Thursday	Friday	Saturday
26	27 Volunteer Day	28	1	2	3 Food Drive	4
5	6 Volunteer Day	7	8	9	10	11
12	13 Volunteer Day	14	15	16	17 Food Drive St. Patrick's Day	18 Blood Drive with American Red Cross
19	20 Volunteer Day	21	22	23	24	25
26	27 Volunteer Day	28	29	30	31 Food Drive	1