diff --git a/about.html b/about.html
index 5db0d0a..28a6c4f 100644
--- a/about.html
+++ b/about.html
@@ -21,7 +21,7 @@
   <body>
     <div id="replace_with_navbar"></div>
 
-<br><br><br>
+<br><br><br><br><br>
 
   <!-- headings -->
   <h1>About Me</h1>
@@ -45,4 +45,4 @@ <h1>About Me</h1>
   <script src="script.js"></script>
 <footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="credit.html">Credits</a></footer>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/blog.html b/blog.html
index 8c7be6b..dab9610 100644
--- a/blog.html
+++ b/blog.html
@@ -23,16 +23,14 @@
 
 <br><br><br><br><br>
     <br>
-  </p>
+  
   <!-- headings -->
-  <h1>About Me</h1>
-  <p>
-    This is dummy text that will be replaced with links to actual blog posts.
-  </p>
+  <h1><a class="link" style="color:yellow" href="/posts/my-first-post.html">My First Post!</a></h1>
+  
   <script src="script.js"></script>
 </body>
 
 <footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="credit.html">Credits</a></footer>
-</div>
 
-</html>
\ No newline at end of file
+
+</html>
diff --git a/nav.html b/nav.html
index b976bd3..78c26cb 100644
--- a/nav.html
+++ b/nav.html
@@ -1,16 +1,16 @@
 <!-- NAVIGATION BAR CODE -->
 <div class="header">
   <header> 
-    <table style="background-image: url('assets/images/banner.png')"> 
+    <table style="background-image: url('/assets/images/banner.png')"> 
       <tr>
         <td><p style="color: black"><b>Sean's Website</b></p></td>
-        <td><button class="table-button" onclick = "window.location.href='index.html';">Home</button></td>
-        <td><button class="table-button" onclick = "window.location.href='about.html';">About</button></td>
-        <td><button class="table-button" onclick = "window.location.href='blog.html';">Blog</button></td>
-        <td><button class="table-button" onclick = "window.location.href='projects.html';">Projects</button></td>
-        <td><button class="table-button" onclick = "window.location.href='rss.html';">RSS</button></td>
-        <td><button class="table-button" onclick = "window.location.href='downloads.html';">Downloads</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/index.html';">Home</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/about.html';">About</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/blog.html';">Blog</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/projects.html';">Projects</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/rss.html';">RSS</button></td>
+        <td><button class="table-button" onclick = "window.location.href='/downloads.html';">Downloads</button></td>
       </tr>
     </table>
   </header>
-</div>
\ No newline at end of file
+</div>
diff --git a/posts/my-first-post.html b/posts/my-first-post.html
new file mode 100644
index 0000000..b536ed7
--- /dev/null
+++ b/posts/my-first-post.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang = "en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Sean's Website</title>
+    <link href="/style.css" rel="stylesheet" type="text/css">
+    <script>
+      // loads header
+      function loadHeader() {
+        fetch('/nav.html')
+          .then(response => response.text())
+          .then(data => {
+            document.getElementById('replace_with_navbar').outerHTML = data;
+          });
+      }
+      document.addEventListener('DOMContentLoaded', loadHeader);
+    </script>
+  </head>
+  <body>
+    <div id="replace_with_navbar"></div>
+
+<br><br><br><br><br>
+
+  <!-- headings -->
+  <h1>First Post!</h1>
+  
+  <p>
+  Hello everyone!
+
+  My name is Sean, and welcome to my website! Here, I'll be posting my thoughts occasionally on things that interest me, like cooking, programming, and science. Maybe I'll even set up RSS properly!
+  </p>
+
+  
+    
+  <script src="/script.js"></script>
+<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="/credit.html">Credits</a></footer>
+</body>
+</html>
diff --git a/posts/template.html b/posts/template.html
new file mode 100644
index 0000000..ea23eac
--- /dev/null
+++ b/posts/template.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang = "en">
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Sean's Website</title>
+    <link href="/style.css" rel="stylesheet" type="text/css">
+    <script>
+      // loads header
+      function loadHeader() {
+        fetch('/nav.html')
+          .then(response => response.text())
+          .then(data => {
+            document.getElementById('replace_with_navbar').outerHTML = data;
+          });
+      }
+      document.addEventListener('DOMContentLoaded', loadHeader);
+    </script>
+  </head>
+  <body>
+    <div id="replace_with_navbar"></div>
+
+<br><br><br><br><br>
+
+  <!-- headings -->
+  <h1>Template</h1>
+  
+  <p>
+    This is a template post for other posts to use
+  </p>
+
+  <ul>
+    <li>1</li>
+    <li>2</li>
+    <li>COBOL (like <a class="link"   style="color:yellow" href="https://github.com/otterkit/otterkit">The Otterkit Project</a> or other programming and computing topics</li>
+    <li>3</li>
+    <li>4</li>
+  </ul>
+
+  <p>
+  If you're interested, please download my <a class="link" style="color:yellow" href="/assets/sean_vo_resume.pdf">resume</a> here.
+  </p>
+    
+  <script src="/script.js"></script>
+<footer><a href="#index.html">&#8593;</a>&emsp;&emsp;<a class="name" href="/credit.html">Credits</a></footer>
+</body>
+</html>
