diff --git a/header.html b/header.php
similarity index 97%
rename from header.html
rename to header.php
index 5d35fc4..a62bb0f 100644
--- a/header.html
+++ b/header.php
@@ -1,44 +1,44 @@
-<!DOCTYPE html>
-<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
-<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 8)|!(IE)]><!-->
-<html class="no-js" lang="en">
-<!--<![endif]-->
-
-<head>
-
-    <!--- Basic Page Needs
-   ================================================== -->
-    <meta charset="utf-8">
-    <title>Benjamin Harris</title>
-    <meta name="description" content="Benjamin Harris">
-    <meta name="author" content="Benjamin Harris">
-    <meta name="theme-color" content="#333333">
-
-    <!-- Mobile Specific Metas
-   ================================================== -->
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
-    <link rel="openid.delegate" href="https://benharr.is/" />
-    <link rel="openid.server" href="https://openid.indieauth.com/openid" />
-    <link rel="pingback" href="https://webmention.io/benharr.is/xmlrpc" />
-    <link rel="webmention" href="https://webmention.io/benharr.is/webmention" />
-    <link rel="pgpkey" href="/keypub.txt">
-    <!-- CSS
-    ================================================== -->
-    <link rel="stylesheet" href="css/default.css">
-    <link rel="stylesheet" href="css/layout.css">
-    <link rel="stylesheet" href="css/media-queries.css">
-    <link rel="stylesheet" href="css/magnific-popup.css">
-
-    <!-- Script
-   ================================================== -->
-    <script src="js/modernizr.js"></script>
-
-    <!-- Favicons
-    ================================================== -->
-    <link rel="shortcut icon" href="favicon.ico">
-
-</head>
-
-<body>
+<!DOCTYPE html>
+<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 8)|!(IE)]><!-->
+<html class="no-js" lang="en">
+<!--<![endif]-->
+
+<head>
+
+    <!--- Basic Page Needs
+   ================================================== -->
+    <meta charset="utf-8">
+    <title>Benjamin Harris</title>
+    <meta name="description" content="Benjamin Harris">
+    <meta name="author" content="Benjamin Harris">
+    <meta name="theme-color" content="#333333">
+
+    <!-- Mobile Specific Metas
+   ================================================== -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <link rel="openid.delegate" href="https://benharr.is/" />
+    <link rel="openid.server" href="https://openid.indieauth.com/openid" />
+    <link rel="pingback" href="https://webmention.io/benharr.is/xmlrpc" />
+    <link rel="webmention" href="https://webmention.io/benharr.is/webmention" />
+    <link rel="pgpkey" href="/keypub.txt">
+    <!-- CSS
+    ================================================== -->
+    <link rel="stylesheet" href="css/default.css">
+    <link rel="stylesheet" href="css/layout.css">
+    <link rel="stylesheet" href="css/media-queries.css">
+    <link rel="stylesheet" href="css/magnific-popup.css">
+
+    <!-- Script
+   ================================================== -->
+    <script src="js/modernizr.js"></script>
+
+    <!-- Favicons
+    ================================================== -->
+    <link rel="shortcut icon" href="favicon.ico">
+
+</head>
+
+<body>
diff --git a/now/index.html b/now/index.html
deleted file mode 100644
index 6d80f5f..0000000
--- a/now/index.html
+++ /dev/null
@@ -1,168 +0,0 @@
-
-<!DOCTYPE html>
-<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
-<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
-<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
-<head>
-
-   <!--- Basic Page Needs
-   ================================================== -->
-   <meta charset="utf-8">
-    <title>Now | Benjamin Harris</title>
-    <meta name="description" content="Benjamin Harris">
-    <meta name="author" content="Benjamin Harris">
-   <meta name="theme-color" content="#333333">
-
-   <!-- Mobile Specific Metas
-   ================================================== -->
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
-    <!-- CSS
-    ================================================== -->
-   <link rel="stylesheet" href="/css/default.css">
-    <link rel="stylesheet" href="/css/layout.css">
-   <link rel="stylesheet" href="/css/media-queries.css">
-   <link rel="stylesheet" href="/css/magnific-popup.css">
-
-   <!-- Script
-   ================================================== -->
-    <script src="/js/modernizr.js"></script>
-
-   <!-- Favicons
-    ================================================== -->
-    <link rel="shortcut icon" href="/favicon.ico" >
-
-    <style>
-        header {
-            position: relative;
-            height: 600px;
-            min-height: 400px;
-            width: 100%;
-            background: #161415 url("/images/now-background.jpg") no-repeat top center;
-            background-size: cover !important;
-            -webkit-background-size: cover !important;
-            text-align: center;
-            overflow: hidden;
-        }
-    </style>
-
-</head>
-
-<body>
-   <!-- Header
-   ================================================== -->
-   <header id="home">
-
-      <nav id="nav-wrap">
-
-         <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
-	      <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
-
-         <ul id="nav" class="nav">
-            <li><a href="/">Home</a></li>
-            <li><a href="/#about">About</a></li>
-	         <li><a href="/#resume">Resume</a></li>
-            <li><a href="/#contact">Contact</a></li>
-            <li class="current"><a class="smoothscroll" href="#now">Now</a></li>
-         </ul> <!-- end #nav -->
-
-      </nav> <!-- end #nav-wrap -->
-
-      <div class="row banner">
-         <div class="banner-text">
-            <h1 class="responsive-headline">What I'm up to now</h1>
-            <!--<h3>This is what I'm working on <a class="smoothscroll" href="#now">now</a></h3>-->
-            <hr />
-
-        </div>
-      </div>
-
-
-   </header> <!-- Header End -->
-
-
-   <!-- Now Section
-   ================================================== -->
-   <section id="resume">
-
-      <div class="row">
-
-         <div class="three columns">
-
-            <img class="profile-pic"  src="/images/profilepic.jpg" alt="" />
-
-         </div>
-
-         <div class="nine columns main-col">
-
-            <h2>What I've been up to</h2>
-
-            <ul>
-                <li>&bull; Living in Traverse City, MI</li>
-                <li>&bull; Working at Hagerty Classic Car Insurance as a <del>Test Engineer</del> <ins>Developer</ins></li>
-                <li>&bull; Learning C# and practicing Ruby</li>
-                <li>&bull; Flying Drones</li>
-                <li>&bull; Thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li>
-                <li>&bull; We have a <a href="https://tilde.team/discord/">Discord server</a> now!</li>
-                <li>&bull; Looking for open source projects to contribute to. <a href="mailto:ben@tilde.team">Hit me up</a> if you have any ideas or suggestions.</li>
-            </ul>
-
-            <p>Updated December 11th, 2017</p>
-
-         </div> <!-- end .main-col -->
-
-      </div>
-
-   </section> <!-- About Section End-->
-
-
-
-
-
-
-
-   <!-- footer
-   ================================================== -->
-   <footer>
-
-      <div class="row">
-
-         <div class="twelve columns">
-
-            <ul class="social social-links">
-                <li><a href="https://github.com/benharri"><i class="fa fa-github"></i></a></li>
-                <li><a href="https://gitlab.com/benharri"><i class="fa fa-gitlab"></i></a></li>
-                <li><a href="https://t.me/bharris"><i class="fa fa-paper-plane"></i></a></li>
-                <li><a href="https://facebook.com/bharrismac"><i class="fa fa-facebook"></i></a></li>
-                <li><a href="https://twitter.com/nebsirrah"><i class="fa fa-twitter"></i></a></li>
-                <li><a href="https://www.linkedin.com/in/benjaminhharris"><i class="fa fa-linkedin"></i></a></li>
-                <li><a href="https://instagram.com/benharr.is"><i class="fa fa-instagram"></i></a></li>
-            </ul>
-            <ul class="copyright">
-               <li>&copy; Copyright 2017 Benjamin Harris</li>
-            </ul>
-
-         </div>
-
-         <div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
-
-      </div>
-
-   </footer> <!-- Footer End-->
-
-   <!-- Java Script
-   ================================================== -->
-   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-   <script>window.jQuery || document.write('<script src="/js/jquery-1.10.2.min.js"><\/script>')</script>
-   <script type="text/javascript" src="/js/jquery-migrate-1.2.1.min.js"></script>
-
-   <script src="/js/jquery.flexslider.js"></script>
-   <script src="/js/waypoints.js"></script>
-   <script src="/js/jquery.fittext.js"></script>
-   <script src="/js/magnific-popup.js"></script>
-   <script src="/js/now.js"></script>
-
-</body>
-
-</html>
-
diff --git a/now/index.php b/now/index.php
new file mode 100644
index 0000000..0ca03a8
--- /dev/null
+++ b/now/index.php
@@ -0,0 +1,77 @@
+<?php
+include "../header.html";
+?>
+   <!-- Header
+   ================================================== -->
+   <header id="home">
+
+      <nav id="nav-wrap">
+
+         <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
+	      <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
+
+         <ul id="nav" class="nav">
+            <li><a href="/">Home</a></li>
+            <li><a href="/#about">About</a></li>
+	         <li><a href="/#resume">Resume</a></li>
+            <li><a href="/#contact">Contact</a></li>
+            <li class="current"><a class="smoothscroll" href="#now">Now</a></li>
+         </ul> <!-- end #nav -->
+
+      </nav> <!-- end #nav-wrap -->
+
+      <div class="row banner">
+         <div class="banner-text">
+            <h1 class="responsive-headline">What I'm up to now</h1>
+            <!--<h3>This is what I'm working on <a class="smoothscroll" href="#now">now</a></h3>-->
+            <hr />
+
+        </div>
+      </div>
+
+
+   </header> <!-- Header End -->
+
+
+   <!-- Now Section
+   ================================================== -->
+   <section id="resume">
+
+      <div class="row">
+
+         <div class="three columns">
+
+            <img class="profile-pic"  src="/images/profilepic.jpg" alt="" />
+
+         </div>
+
+         <div class="nine columns main-col">
+
+            <h2>What I've been up to</h2>
+
+            <ul>
+                <li>&bull; Living in Traverse City, MI</li>
+                <li>&bull; Working at Hagerty Classic Car Insurance as a <del>Test Engineer</del> <ins>Developer</ins></li>
+                <li>&bull; Learning C# and practicing Ruby</li>
+                <li>&bull; <del>Flying Drones</del> (cold isn't good for battery life, hopefully picking this back up once it's warmer out:)</li>
+                <li>&bull; Thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li>
+                <li>&bull; We have a <a href="https://tilde.team/discord/">Discord server</a> now!</li>
+                <li>&bull; Probably spending too much time on irc??? <a href="https://tilde.team/irc/">tilde-irc</a></li>
+                <li>&bull; Looking for open source projects to contribute to. <a href="mailto:ben@tilde.team">Hit me up</a> if you have any ideas or suggestions.</li>
+            </ul>
+
+            <p>Updated April 10th, 2018</p>
+
+         </div> <!-- end .main-col -->
+
+      </div>
+
+   </section> <!-- About Section End-->
+
+
+
+
+
+
+
+<?php include "../footer.php";
