diff --git a/index.html b/index.html
index 32d8724..56cadb1 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+
 <html>
 <head>
   <meta charset='utf-8'>
@@ -8,21 +8,22 @@
   <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
 </head>
 <body>
-<header>
-    <ul>
-      <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
-      <li class="header">|</li>
-      <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
-    </ul>
-    <hr>
-    <br>
-  </header>
+  <header>
+  <ul>
+    <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
+    <li class="header">|</li>
+    <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
+  </ul>
+  <hr>
+  <br>
+</header>
+
 
     <ul>
       <li><a href="./today_i_learned.html">Today I Learned</a></li>
     </ul>
 
-<footer>
+  <footer>
     <hr>
     <br>
     <ul>
diff --git a/notes.html b/notes.html
index e17c1ec..8fbcafd 100644
--- a/notes.html
+++ b/notes.html
@@ -1,15 +1,38 @@
+
 <!DOCTYPE html>
 <html>
 <head>
   <meta charset='utf-8'>
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>
-  <title>Page Title</title>
+  <title>Notes</title>
   <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
 </head>
 <body>
+  <header>
   <ul>
-    <li><a href="./index.html">Index</a></li>
-  </ul> 
+    <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
+    <li class="header">|</li>
+    <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
+  </ul>
+  <hr>
+  <br>
+</header>
+
+
+  Coming soon
+
+  <footer>
+    <hr>
+    <br>
+    <ul>
+      <li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
+      <li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
+      <li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
+      <li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
+      <li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
+    </ul>
+</footer>
+
 </body>
 </html>
diff --git a/partials/_footer.erb b/partials/_footer.erb
new file mode 100644
index 0000000..acff5d2
--- /dev/null
+++ b/partials/_footer.erb
@@ -0,0 +1,11 @@
+<footer>
+    <hr>
+    <br>
+    <ul>
+      <li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
+      <li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
+      <li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
+      <li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
+      <li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
+    </ul>
+</footer>
diff --git a/partials/_header.erb b/partials/_header.erb
new file mode 100644
index 0000000..570d37c
--- /dev/null
+++ b/partials/_header.erb
@@ -0,0 +1,9 @@
+<header>
+  <ul>
+    <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
+    <li class="header">|</li>
+    <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
+  </ul>
+  <hr>
+  <br>
+</header>
diff --git a/render.rb b/render.rb
new file mode 100644
index 0000000..58ffbd0
--- /dev/null
+++ b/render.rb
@@ -0,0 +1,20 @@
+require 'erb'
+
+def render_partial(file_name)
+  File.read("partials/#{file_name}.erb")
+end
+
+def render_template(file_name)
+  template = File.read("views/#{file_name}.erb")
+  renderer = ERB.new(template)
+  output = renderer.result(binding)
+ 
+  File.write("#{file_name}.html", output)  # Write output to HTML file
+end
+
+# List of main files to render
+main_files = ['index', 'today_i_learned', 'notes', 'resume']
+
+main_files.each do |file|
+  render_template(file)
+end
diff --git a/resume.html b/resume.html
index 9b65a22..26b2ecc 100644
--- a/resume.html
+++ b/resume.html
@@ -1,15 +1,38 @@
+
 <!DOCTYPE html>
 <html>
 <head>
   <meta charset='utf-8'>
   <meta http-equiv='X-UA-Compatible' content='IE=edge'>
-  <title>Resume Page</title>
+  <title>Resume</title>
   <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
 </head>
 <body>
+  <header>
   <ul>
-    <li><a href="./index.html">Index</a></li>
-  </ul> 
+    <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
+    <li class="header">|</li>
+    <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
+  </ul>
+  <hr>
+  <br>
+</header>
+
+
+  Placeholder - resume
+
+    <footer>
+    <hr>
+    <br>
+    <ul>
+      <li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
+      <li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
+      <li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
+      <li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
+      <li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
+    </ul>
+</footer>
+
 </body>
 </html>
diff --git a/today_i_learned.html b/today_i_learned.html
index 44e8d24..cce94ab 100644
--- a/today_i_learned.html
+++ b/today_i_learned.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+
 <html>
 <head>
   <meta charset='utf-8'>
@@ -8,15 +8,16 @@
   <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
 </head>
 <body>
-<header>
-    <ul>
-      <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
-      <li class="header">|</li>
-      <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
-    </ul>
-    <hr>
-    <br>
-  </header>
+  <header>
+  <ul>
+    <li class="header"><a href="https://aavalam.org/" target="_blank">Aavalam Home</a></li>
+    <li class="header">|</li>
+    <li class="header"><a href="./index.html">Kelly's Aavalam Space</a></li>
+  </ul>
+  <hr>
+  <br>
+</header>
+
 
   <h1>Posts</h1>
   <ul>
@@ -25,7 +26,8 @@ <h1>Posts</h1>
     <li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-log-77cf7346d6f4" target="_blank">git: git log search</a></li>
     <li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-logs-by-author-2037e6c40c1e" target="_blank">git: git log author search</a></li>
   </ul> 
-<footer>
+
+  <footer>
     <hr>
     <br>
     <ul>
@@ -36,6 +38,7 @@ <h1>Posts</h1>
       <li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
     </ul>
 </footer>
+
 </body>
 </html>
 
diff --git a/views/index.erb b/views/index.erb
new file mode 100644
index 0000000..8c295c2
--- /dev/null
+++ b/views/index.erb
@@ -0,0 +1,19 @@
+<% require 'erb' %>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+  <title>Kelly's Site</title>
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+  <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
+</head>
+<body>
+  <%= File.read('partials/_header.erb') %>
+
+    <ul>
+      <li><a href="./today_i_learned.html">Today I Learned</a></li>
+    </ul>
+
+  <%= File.read('partials/_footer.erb') %>
+</body>
+</html>
diff --git a/views/notes.erb b/views/notes.erb
new file mode 100644
index 0000000..6f1b945
--- /dev/null
+++ b/views/notes.erb
@@ -0,0 +1,18 @@
+<% require 'erb' %>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+  <title>Notes</title>
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+  <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
+</head>
+<body>
+  <%= File.read('partials/_header.erb') %>
+
+  Coming soon
+
+  <%= File.read('partials/_footer.erb') %>
+</body>
+</html>
diff --git a/views/resume.erb b/views/resume.erb
new file mode 100644
index 0000000..781ed51
--- /dev/null
+++ b/views/resume.erb
@@ -0,0 +1,18 @@
+<% require 'erb' %>
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+  <title>Resume</title>
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+  <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
+</head>
+<body>
+  <%= File.read('partials/_header.erb') %>
+
+  Placeholder - resume
+
+    <%= File.read('partials/_footer.erb') %>
+</body>
+</html>
diff --git a/views/today_i_learned.erb b/views/today_i_learned.erb
new file mode 100644
index 0000000..8a9540b
--- /dev/null
+++ b/views/today_i_learned.erb
@@ -0,0 +1,25 @@
+<% require 'erb' %>
+<html>
+<head>
+  <meta charset='utf-8'>
+  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+  <title>Today I Learned...</title>
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+  <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
+</head>
+<body>
+  <%= File.read('partials/_header.erb') %>
+
+  <h1>Posts</h1>
+  <ul>
+    <li><a href="https://medium.com/@kelpopko/today-i-learned-git-series-custom-base-branch-23296860b403" target="_blank">git: Set custom base branch</a></li>
+    <li><a href="https://medium.com/@kelpopko/today-i-learned-git-series-custom-base-branch-revisited-71aa8db3e0f2" target="_blank">git: custom base branch revisited</a></li>
+    <li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-log-77cf7346d6f4" target="_blank">git: git log search</a></li>
+    <li><a href="https://medium.com/@kelpopko/today-i-learned-searching-git-logs-by-author-2037e6c40c1e" target="_blank">git: git log author search</a></li>
+  </ul> 
+
+  <%= File.read('partials/_footer.erb') %>
+</body>
+</html>
+
+
