diff --git a/test.html b/test.html
new file mode 100644
index 0000000..d619e76
--- /dev/null
+++ b/test.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+<html lang="en-US">
+  <head>
+  <link rel="icon" type="image/x-icon" href=""> 
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Indeed</title>
+    <link href="indeedlayout.css" rel="stylesheet" type="text/css" media="all">
+  </head>
+
+
+<body> 
+
+<!-- the entire layout is contained in this "container" div.-->
+<div class="container">
+
+
+<!-- here you can put your site title and your name! -->
+<div class='header'>
+
+<h1>Indeed Web</h1>
+<h2>by Xo Xixxii</h2>
+
+</div>
+
+<!--now here's the bio part-->
+<div class='bio'>
+
+<img src='shutterstocknerd.jpg' id='profilepic'> <!--replace this with a picture of you, or an avatar or something. for the indieweb it's usually a face pic.-->
+
+
+<!--put a short bit about yourself or your site in this div; if it's outside a div it'll look a little weird.-->
+<div>
+<p>Jake, 35, he/him. US-based programmer & indie web enthusiast; proud to be a father, an ally, and a geek!</p>
+</div>
+<!--end of text div-->
+
+</div>
+<!--end of bio section-->
+
+<!--navigation bar! change the links to whatever you want. it's a flexbox, so you can put as many as you want. -->
+<div id='navbar'>
+<a href=''>Now</a> 
+<a href=''>About</a> 
+<a href=''>Uses</a> 
+<a href=''>Blog</a> 
+<a href=''>RSS</a>
+</div>
+<!--end of navigation bar-->
+
+<!--box one-->
+<div class="box">
+<h1>Box Name</h1>
+<h2>Indeed.</h2>
+<p>Indeed Web is a jolly twist on the most popular form of IndieWeb site design, with a little pop of color and optional jaunty box titles to give it some character. If you feel the need to disguise yourself as a professional computer man with a blog, perhaps this can help!</p>
+
+<ul>
+<li>This is a list.</li>
+<li>Some ideas for pages on your web site:</li>
+<ul>
+<li>display some of your favorite pictures you have on your computer</li>
+<li>share your bookmarked sites</li>
+<li>write down instructions for how to do something you're pretty good at doing</li>
+</ul>
+<li>Or nothing at all. Do what you want.</li>
+</ul>
+
+<p><b>This is bolded.</b> <i>This is italicized.</i> <u>This is underlined.</u> <a href="http://www.neocities.org">This is a link.</a></p>
+
+</div>
+<!--end of box one-->
+
+<!--box two-->
+<div class="box reversebox">
+<h1>Box Name</h1>
+<h2>Opposite Day!</h2>
+<p>This is a reverse box.</p>
+</div>
+<!--end of box two-->
+
+<!--box three. this one's here so you can see one without a jaunty title card. -->
+<div class="box">
+<h2>Inside title.</h2>
+<p>Text inside your box goes here.</p>
+</div>
+<!--end of box three-->
+
+ <!--footer. good for putting copyright info, contact info, credits, and webrings... -->
+<div class="footer">
+<p>Footer text footer text...</p>
+<img src="https://xixxii.neocities.org/lorenribozonebutton2.png"> <img src="https://xixxii.neocities.org/images/buttons/cc0.png">
+</div>
+<!--end of footer-->
+
+</div>
+<!--end of layout container!!-->
+
+<!-- this is the little guy in the corner; clicking it takes you to the top of the page. -->
+<a href="#" id="pagetop">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <path fill="var(--ci-primary-color, currentColor)" d="M256,496A240,240,0,0,1,86.294,86.294,240,240,0,0,1,425.706,425.706,238.432,238.432,0,0,1,256,496Zm0-448C141.309,48,48,141.309,48,256s93.309,208,208,208,208-93.309,208-208S370.691,48,256,48Z" class="ci-primary"/>
+  <polygon fill="var(--ci-primary-color, currentColor)" points="356.686 315.313 256 214.628 155.314 315.313 132.686 292.687 256 169.373 379.314 292.687 356.686 315.313" class="ci-primary"/>
+</svg>
+</a>
+<!--end of corner guy-->
+
+</body>
+</html>
