diff --git a/about/index.html b/about/index.html
new file mode 100644
index 0000000..7c81198
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	
+		
+	
+	<title>about | </title>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta charset="utf-8">
+	<!-- Meta -->
+	<link rel="canonical" href="/">
+	<meta name="description" content="">
+	<meta name="robots" content="index,follow">
+	<meta property="og:title" content="about | ">
+	<meta property="og:type" content="article">
+	<meta property="og:url" content="/">
+	<meta property="og:description" content="">
+
+	
+
+	<meta name="generator" content="Eleventy v3.1.5">
+
+	<!-- CSS -->
+	
+	<style>:root {
+	color-scheme: light dark;
+}
+
+/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
+/* 1. Use a more-intuitive box-sizing model */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+*:not(dialog) {
+  margin: 0;
+}
+
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  /* 4. Increase line-height */
+  line-height: 1.5;
+  /* 5. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 6. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+/* 7. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
+
+/* 8. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/* 9. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*
+  10. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}</style>
+
+  
+</head>
+
+<body>
+	<div id="content">
+		<header>
+  <nav>
+  </nav>
+</header>
+
+
+		<main id="main">
+			
+<h1>about</h1>
+
+
+
+<p>This is a test about page</p>
+
+
+		</main>
+	</div>
+
+  <footer>
+</footer>
+
+	<!-- This page `/about/` was built on 2026-05-13T22:55:22.380Z -->
+</body>
+</html>
diff --git a/index.html b/index.html
index 4901e0b..229609b 100644
--- a/index.html
+++ b/index.html
@@ -158,6 +158,6 @@ h1, h2, h3, h4, h5, h6 {
   <footer>
 </footer>
 
-	<!-- This page `/` was built on 2026-05-13T22:53:54.446Z -->
+	<!-- This page `/` was built on 2026-05-13T22:55:22.381Z -->
 </body>
 </html>
