diff --git a/about.md b/about.md
index 04a8585..b518046 100644
--- a/about.md
+++ b/about.md
@@ -6,12 +6,32 @@ permalink: /about/
 
 I'm a developer at [Brave Software](https://brave.com) and enjoy taking part in the open source community.
 
-- Before joining Brave, I spent 8 years as a developer at GoDaddy working on different hosting products (2008 - 2016). These included dedicated hosting, VPS (virtual private server), shared hosting, and their associated UIs.
+-----
 
-- Before GoDaddy, I was in the manufacturing (TMG) organization at Intel (2005 – 2008). I worked on middleware products (COM/DCOM, guaranteed delivery services, etc) used at the D1D factory in Hillsboro, Oregon. D1D is/was the flagship factory where the ground-breaking process engineering took place for processors. Products I worked on were used in the 1264 (65nm), 1266 (45nm) and 1268 (32nm) processes.
+<table id="about-me">
+  <tr>
+    <td>
+      <div class="badge badge-godaddy"></div>
+    </td>
+    <td>
+<div markdown="1">
+  Before joining Brave in 2016, I spent 8 years as a developer at GoDaddy working on different hosting products (2008 - 2016). These included dedicated hosting, VPS (virtual private server), shared hosting, and their associated UIs.
 
-- Before Intel and GoDaddy, I also worked for several small businesses in the payment processing industry.
+  Before GoDaddy, I was in the manufacturing (TMG) organization at Intel (2005 – 2008). I worked on middleware products (COM/DCOM, guaranteed delivery services, etc) used at the D1D factory in Hillsboro, Oregon. D1D is/was the flagship factory where the ground-breaking process engineering took place for processors. Products I worked on were used in the 1264 (65nm), 1266 (45nm) and 1268 (32nm) processes.
 
-- Some friends and I formed Morgopolis Studios, LLC in 2012 and released our first video game, [Magicians &amp; Looters](http://mal-game.com/), for the Xbox 360 Indie Games marketplace. It’s also available [for PC on Steam](https://store.steampowered.com/app/284180/Magicians__Looters/).
+  Before Intel and GoDaddy, I also worked for several small businesses in the payment processing industry.
+</div>
+    </td>
+    <td>
+      <div class="badge badge-intel"></div>
+    </td>
+  </tr>
+</table>
+
+-----
+
+Some friends and I formed *Morgopolis Studios, LLC* in 2012 and released our first video game, [Magicians &amp; Looters](http://mal-game.com/), for the Xbox 360 Indie Games marketplace. It’s also available [for PC on Steam](https://store.steampowered.com/app/284180/Magicians__Looters/).
+
+-----
 
 I’ve been writing software since the early 1990s (when I was 10 or 11 years old) and I still love it. I attended and got a bachelor's degree from UAT (University of Advancing Technology) here in the valley (Tempe, AZ).
diff --git a/assets/main.scss b/assets/main.scss
index a723924..dccdfe2 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -36,4 +36,64 @@
   .svg-icon {
     fill: #337ab7;
   }
-}
\ No newline at end of file
+}
+
+/* formatting for headers / titles / paragraphs */
+h1, h2, h3, h4, h5, h6 {
+  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
+}
+
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eee;
+}
+
+/* landing page */
+#portrait-jumbo {
+  text-align: center;
+  padding: 0px;
+  margin-bottom: 0px;
+}
+.portrait {
+  display: inline-block;
+  background-image: url(sprite-index.jpg);
+  background-position: 0px 0px;
+  width: 322px;
+  height: 322px;
+  margin: 0px;
+  border: 0px;
+}
+#intro {
+  text-align: center;
+}
+
+/* /about/ page */
+table#about-me {
+  border: 0px;
+  td {
+    border: 0;
+  }
+}
+.badge {
+  background-image: url(sprite-badges.png);
+  width: 116px;
+  height: 181px;
+  margin: 0px;
+  border: 0px;
+}
+.badge-godaddy {
+  background-position: 0px 0px;
+}
+.badge-intel {
+  background-position: -116px 0px;
+}
+@media (min-width: 800px) {
+  .badge { display: block; }
+}
+@media (max-width: 799px) {
+  .badge { display: none !important; }
+  .media-left,
+  .media-right { padding: 0 !important; }
+}
diff --git a/assets/sprite-badges.png b/assets/sprite-badges.png
new file mode 100644
index 0000000..5f9bdb6
Binary files /dev/null and b/assets/sprite-badges.png differ
diff --git a/assets/sprite-index.jpg b/assets/sprite-index.jpg
new file mode 100644
index 0000000..c27a5bc
Binary files /dev/null and b/assets/sprite-index.jpg differ
diff --git a/assets/sprite-learn.png b/assets/sprite-learn.png
new file mode 100755
index 0000000..05b8d91
Binary files /dev/null and b/assets/sprite-learn.png differ
diff --git a/index.md b/index.md
index 25ec40c..84a258d 100644
--- a/index.md
+++ b/index.md
@@ -5,12 +5,17 @@
 layout: page
 ---
 
-# Hi, I'm Brian :)
+<div id="portrait-jumbo">
+  <div class="icons portrait"></div>
+  <h1>Hi, I'm Brian :)</h1>
+</div>
 
-My goal is to make a difference in people's lives.
+<div id="intro" markdown="1">
+  My goal is to make a difference in people's lives.
 
-I've been writing code since 1993 and I want to share all the things I've learned along the way.
+  I've been writing code since 1993 and I want to share all the things I've learned along the way.
 
-I'm always learning new things, <a title="My GitHub profile" href="{{links.github}}" rel="me nofollow noopener" target="_blank">contributing on GitHub</a>,
-<a title="My Twitter account" href="{{links.twitter}}" rel="me nofollow noopener" target="_blank">tweeting about coding</a>,
-and <a title="My blog" href="{{links.blog}}">blogging</a>.
+  I'm always learning new things, <a title="My GitHub profile" href="https://github.com/{{site.github_username}}" rel="me nofollow noopener" target="_blank">contributing on GitHub</a>,
+  <a title="My Twitter account" href="https://www.twitter.com/{{site.twitter_username}}" rel="me nofollow noopener" target="_blank">tweeting about coding</a>,
+  and <a title="My blog" href="{{site.blog}}">blogging</a>.
+</div>
\ No newline at end of file