Commit message:

Add website index and css files. Add blog index. Update Blog pages to
new formatting. Update blog-template. Update all pages bases on
html and css validation.

diff --git a/blog/blog-template.html b/blog/blog-template.html
index 160ab9d..f50a1a8 100644
--- a/blog/blog-template.html
+++ b/blog/blog-template.html
@@ -1,46 +1,67 @@
 <!DOCTYPE html>
+
 <html>
+
 <head>
-  <title>blog template</title>
-  <link type="text/css" rel="stylesheet" href="../stylesheets/blog-stylesheet.css">
+	<title>blog template</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<link type="text/css" rel="stylesheet" href="../stylesheets/default.css">
+	<link type="text/css" rel="stylesheet" href="../stylesheets/blog-stylesheet.css">
 </head>

 <body>

+<!-- Image, name and title area -->
 <header>
-<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
-<div>
-<h1>Jeremy Gagon</h1>
-<h2>Web Developer</h2>
-</div>
+	<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
+	<section>
+		<h1>Jeremy Gagon</h1>
+		<h2>Web Developer</h2>
+	</section>
+	<!-- Quote section -->
+	<section id="quote">
+		<h3 class="invisible">Quote</h3>
+		<q>I want to put a ding in the universe.</q>
+		<p>Steve Jobs</p>
+	</section>
+	<!-- Primary Navigation Section -->
+	<nav>
+		<ul>
+  			<li><a href="../index.html">Home</a></li>
+			<li class="line"><a href="#">Portfolio</a></li>
+			<li class="line"><a href="index.html" id="current" >Blog</a></li>
+			<li class="line"><a href="#">About Me</a></li>
+			<li class="line"><a href="#">Contact</a></li>
+		</ul>
+	</nav>
+
 </header>

-<nav>
-<ul>
-  <li><a href="#">Home</a></li>
-  <li class="line"><a href="#">Portfolio</a></li>
-  <li class="line"><a href="#">Blog</a></li>
-  <li class="line"><a href="#">About Me</a></li>
-  <li class="line"><a href="#">Contact</a></li>
-</ul>
-</nav>
-
-<div id="blog">
-<h1>11/28/14 Title</h1>
-<!-- <h2>Secondary Title</h2> -->
-<p></p>
-<p></p>
-</div>
+<!-- Main content area -->
+<main>
+	<section id="blog">
+		<h1>title</h1>
+		<h2>subtitle</h2>
+		<h3>date</h3>
+	</section>
+</main>
+<!-- sidebar area -->
+<aside>
+	<!-- Twitter widget -->
+	<a class="twitter-timeline" href="https://twitter.com/jergagon1" data-widget-id="538848438926843904">Tweets by @jergagon1</a>
+	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+</aside>

+<!-- Secondary Navigation to external links -->
 <footer>
-  <ul>
-  <li><a href="mailto:jergagon1@gmail.com">Email</a></li>
-  <li class="line"><a href="https://github.com/jergagon1">GitHub</a></li>
-  <li class="line"><a href="https://www.facebook.com/jeremygagon">Facebook</a></li>
-  <li class="line"><a href="https://twitter.com/jergagon1">Twitter</a></li>
-  <li class="line"><a href="http://www.quora.com/Jeremy-Gagon">Quora</a></li>
-  <li class="line"><a href="http://www.linkedin.com/pub/jeremy-gagon/30/750/285/">Linkedin</a></li>
-  </ul>
+	<ul>
+		<li><a href="mailto:jergagon1@gmail.com">Email</a></li>
+		<li class="line"><a href="https://github.com/jergagon1">GitHub</a></li>
+		<li class="line"><a href="https://www.facebook.com/jeremygagon">Facebook</a></li>
+		<li class="line"><a href="https://twitter.com/jergagon1">Twitter</a></li>
+		<li class="line"><a href="http://www.quora.com/Jeremy-Gagon">Quora</a></li>
+		<li class="line"><a href="http://www.linkedin.com/pub/jeremy-gagon/30/750/285/">Linkedin</a></li>
+	</ul>
 </footer>

 </body>
diff --git a/blog/c1-chefs-kitchen.html b/blog/c1-chefs-kitchen.html
index ca5edb7..64fd358 100644
--- a/blog/c1-chefs-kitchen.html
+++ b/blog/c1-chefs-kitchen.html
@@ -1,77 +1,96 @@
 <!DOCTYPE html>
+
 <html>
+
 <head>
-  <title>blog template</title>
-  <link type="text/css" rel="stylesheet" href="../stylesheets/blog-stylesheet.css">
+	<title>Chefs in the Kitchen</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<link type="text/css" rel="stylesheet" href="../stylesheets/default.css">
+	<link type="text/css" rel="stylesheet" href="../stylesheets/blog-stylesheet.css">
 </head>

 <body>

+<!-- Image, name and title area -->
 <header>
-<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
-<div>
-<h1>Jeremy Gagon</h1>
-<h2>Web Developer</h2>
-</div>
-</header>
+	<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
+	<section>
+		<h1>Jeremy Gagon</h1>
+		<h2>Web Developer</h2>
+	</section>
+	<!-- Quote section -->
+	<section id="quote">
+		<h3 class="invisible">Quote</h3>
+		<q>I want to put a ding in the universe.</q>
+		<p>Steve Jobs</p>
+	</section>
+	<!-- Primary Navigation Section -->
+	<nav>
+		<ul>
+  			<li><a href="../index.html">Home</a></li>
+			<li class="line"><a href="#">Portfolio</a></li>
+			<li class="line"><a href="index.html" id="current">Blog</a></li>
+			<li class="line"><a href="#">About Me</a></li>
+			<li class="line"><a href="#">Contact</a></li>
+		</ul>
+	</nav>

-<nav>
-<ul>
-  <li><a href="#">Home</a></li>
-  <li class="line"><a href="#">Portfolio</a></li>
-  <li class="line"><a href="#">Blog</a></li>
-  <li class="line"><a href="#">About Me</a></li>
-  <li class="line"><a href="#">Contact</a></li>
-</ul>
-</nav>
-
-<div id="blog">
-<h1>11/23/14 Cultural Blog: Chefs in the Kitchen</h1>
-
-<h2>Reflections on the Culture of Devbootcamp</h2>
+</header>

-<p>As I set out on my journey with Devbootcamp, I am both extremely excited and extremely nervous. I believe these feelings stem from uncertainty about my skill level and the expectations of what I've signed up for.</p>
+<!-- Main content area -->
+<main>
+	<section id="blog">
+		<h1>Cultural Blog: Chefs in the Kitchen</h1>

-<p>Luckily, there are some great resources available to students to help manage expectations including a video introduction to the culture of DBC: Shereef's Fireside Chat. In it, Shereef discusses how Devbootcamp came to be and how it has developed over time. He reflects on the culture and dynamics of how things work at DBC and some of the things that affect a student's success.</p>
+		<h2>Reflections on the Culture of Devbootcamp</h2>

-<p>The central theme of the chat is that Devbootcamp is a "big experiment". Things are constantly developing and changing. Students tend to succeed if they have a compatible mindset with the experiment.</p>
+		<h3>November 23, 2014</h3>

-<p>Students tend to arrive at Devbootcamp with one of two mindsets:</p>
+		<p>As I set out on my journey with Devbootcamp, I am both extremely excited and extremely nervous. I believe these feelings stem from uncertainty about my skill level and the expectations of what I've signed up for.</p>

-<p>The first is the "restaurant" mindset, where a student feels that they can get their education by paying money, getting a download of the material, completing a set of tasks and then going off to get a job. They want their education served up like something ordered from a restaurant.</p>
+		<p>Luckily, there are some great resources available to students to help manage expectations including a video introduction to the culture of DBC: Shereef's Fireside Chat. In it, Shereef discusses how Devbootcamp came to be and how it has developed over time. He reflects on the culture and dynamics of how things work at DBC and some of the things that affect a student's success.</p>

-<p>The second mindset is the "kitchen" mindset, where you show up and "put an apron on" to help make things happen.  You decide that you are going to make the experience your own. You engage, lead, show initiative, help, teach, learn, experiment, etc...</p>
+		<p>The central theme of the chat is that Devbootcamp is a "big experiment". Things are constantly developing and changing. Students tend to succeed if they have a compatible mindset with the experiment.</p>

-<p>Shereef talks about how most people have a mixture of these mindsets and that you need to learn to encourage one and discourage the other.</p>
+		<p>Students tend to arrive at Devbootcamp with one of two mindsets:</p>

-<p>The kitchen mindset is clearly the path to success at DBC as well as everything else in life.</p>
+		<p>The first is the "restaurant" mindset, where a student feels that they can get their education by paying money, getting a download of the material, completing a set of tasks and then going off to get a job. They want their education served up like something ordered from a restaurant.</p>

-<p>From watching Shereef's video, I have a very positive impression of DBC and I believe that the spirit of the school is in keeping with the culture of software development.</p>
+		<p>The second mindset is the "kitchen" mindset, where you show up and "put an apron on" to help make things happen.  You decide that you are going to make the experience your own. You engage, lead, show initiative, help, teach, learn, experiment, etc...</p>

-<p>My impression is that to be a software developer, you have to be open, curious, confident, willing to help others, willing to learn from others and able to work with other people in a highly productive and empathetic way. You share your expertise and freely admit your ignorance about something.</p>
+		<p>Shereef talks about how most people have a mixture of these mindsets and that you need to learn to encourage one and discourage the other.</p>

-<p>I believe that DBC has been designed to help encourage these traits in students and my impression is that personal growth in these areas is far more important than just learning to code.</p>
+		<p>The kitchen mindset is clearly the path to success at DBC as well as everything else in life.</p>

-<p>I believe that this will be a great learning experience for me and I am ready to embrace the culture.
-</p>
+		<p>From watching Shereef's video, I have a very positive impression of DBC and I believe that the spirit of the school is in keeping with the culture of software development.</p>

-<p>In the past, I had a passive or reactive mindset about my career path. With that as my mindset, life provided exactly what I was asking for: a career path that I was not really happy with, my potential was unrealized and I was undervalued as an employee.</p>
+		<p>My impression is that to be a software developer, you have to be open, curious, confident, willing to help others, willing to learn from others and able to work with other people in a highly productive and empathetic way. You share your expertise and freely admit your ignorance about something.</p>

-<p>DBC is the first specific deliberate career choice I have made. I am not afraid of the challenge of growing and making this my own. I am afraid of NOT doing so and ending up in the same random dead-end situation.
-</p>
+		<p>I believe that DBC has been designed to help encourage these traits in students and my impression is that personal growth in these areas is far more important than just learning to code.</p>

-<p>In my research prior to signing up for DBC, I had a sense that it was a place where you made your own destiny based on your level of engagement and commitment. After watching Shereef's video, I am happy to know that I wasn't far off target. It was helpful to hear it explained explicitly.</p>
+		<p>I believe that this will be a great learning experience for me and I am ready to embrace the culture.</p>

-<p>I am excited to participate in this learning environment because I feel I have a lot of room for growth in my emotional intelligence. I feel that growth in that area will unlock my potential.</p>
+		<p>In the past, I had a passive or reactive mindset about my career path. With that as my mindset, life provided exactly what I was asking for: a career path that I was not really happy with, my potential was unrealized and I was undervalued as an employee.</p>

-<p>I am also nervous about the process for the same reason: I have a lot of room for growth in my emotional intelligence.</p>
+		<p>DBC is the first specific deliberate career choice I have made. I am not afraid of the challenge of growing and making this my own. I am afraid of NOT doing so and ending up in the same random dead-end situation.</p>

-<p>I can't wait to see how I develop through the process.</p>
+		<p>In my research prior to signing up for DBC, I had a sense that it was a place where you made your own destiny based on your level of engagement and commitment. After watching Shereef's video, I am happy to know that I wasn't far off target. It was helpful to hear it explained explicitly.</p>

-</div>
+		<p>I am excited to participate in this learning environment because I feel I have a lot of room for growth in my emotional intelligence. I feel that growth in that area will unlock my potential.</p>

+		<p>I am also nervous about the process for the same reason: I have a lot of room for growth in my emotional intelligence.</p>

+		<p>I can't wait to see how I develop through the process.</p>
+	</section>
+</main>
+<!-- sidebar area -->
+<aside>
+	<!-- Twitter widget -->
+	<a class="twitter-timeline" href="https://twitter.com/jergagon1" data-widget-id="538848438926843904">Tweets by @jergagon1</a>
+	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+</aside>

+<!-- Secondary Navigation to external links -->
 <footer>
   <ul>
   <li><a href="mailto:jergagon1@gmail.com">Email</a></li>
diff --git a/blog/index.html b/blog/index.html
new file mode 100644
index 0000000..02a92f3
--- /dev/null
+++ b/blog/index.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+	<title>Jeremy Gagon::Blog</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<link type="text/css" rel="stylesheet" href="../stylesheets/default.css">
+	<link type="text/css" rel="stylesheet" href="../stylesheets/blog-stylesheet.css">
+</head>
+
+<body>
+
+
+<!-- Image, name and title area -->
+<header>
+	<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
+	<section>
+		<h1>Jeremy Gagon</h1>
+		<h2>Web Developer</h2>
+	</section>
+	<!-- Quote section -->
+	<section id="quote">
+		<h3 class="invisible">Quote</h3>
+		<q>I want to put a ding in the universe.</q>
+		<p>Steve Jobs</p>
+	</section>
+	<!-- Primary Navigation Section -->
+	<nav>
+		<ul>
+  			<li><a href="../index.html">Home</a></li>
+			<li class="line"><a href="#">Portfolio</a></li>
+			<li class="line"><a href="#" id="current">Blog</a></li>
+			<li class="line"><a href="#">About Me</a></li>
+			<li class="line"><a href="#">Contact</a></li>
+		</ul>
+	</nav>
+
+</header>
+
+<!-- Main content area -->
+<main>
+	<!-- Blog list -->
+	<section id="bloglist">
+		<!-- Developer note - provide mechanism for 2 column layout in future release as get more blog posts-->
+		<h1>Recent Blogs</h1>
+		<h2>November 2014</h2>
+		<ul>
+			<li><a href ="#">Latest Blog</a></li>
+			<li><a href ="c1-chefs-kitchen.html">Chefs in the Kitchen</a></li>
+			<li><a href ="t1-git-blog.html">Version Control, Git and GitHub</a></li>
+		</uL>
+
+	</section>
+
+</main>
+
+<!-- Sidebar content -->
+<aside>
+	<!-- Twitter widget -->
+	<a class="twitter-timeline" href="https://twitter.com/jergagon1" data-widget-id="538848438926843904">Tweets by @jergagon1</a>
+	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+</aside>
+
+<!-- Secondary Navigation to external links -->
+<footer>
+	<ul>
+		<li><a href="mailto:jergagon1@gmail.com">Email</a></li>
+		<li class="line"><a href="https://github.com/jergagon1">GitHub</a></li>
+		<li class="line"><a href="https://www.facebook.com/jeremygagon">Facebook</a></li>
+		<li class="line"><a href="https://twitter.com/jergagon1">Twitter</a></li>
+		<li class="line"><a href="http://www.quora.com/Jeremy-Gagon">Quora</a></li>
+		<li class="line"><a href="http://www.linkedin.com/pub/jeremy-gagon/30/750/285/">Linkedin</a></li>
+	</ul>
+</footer>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/blog/t1-git-blog.html b/blog/t1-git-blog.html
index 583a167..04b4123 100644
--- a/blog/t1-git-blog.html
+++ b/blog/t1-git-blog.html
@@ -1,76 +1,96 @@
 <!DOCTYPE html>
+
 <html>
+
 <head>
-  <title>blog template</title>
+  <title>Version Control, Git and GitHub</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <link type="text/css" rel="stylesheet" href="../stylesheets/default.css">
   <link type="text/css" rel="stylesheet" href="../stylesheets/blog-stylesheet.css">
 </head>

 <body>

+<!-- Image, name and title area -->
 <header>
-<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
-<div>
-<h1>Jeremy Gagon</h1>
-<h2>Web Developer</h2>
-</div>
-</header>
+	<img src="../imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
+	<section>
+		<h1>Jeremy Gagon</h1>
+		<h2>Web Developer</h2>
+	</section>
+	<!-- Quote section -->
+	<section id="quote">
+		<h3 class="invisible">Quote</h3>
+		<q>I want to put a ding in the universe.</q>
+		<p>Steve Jobs</p>
+	</section>
+	<!-- Primary Navigation Section -->
+	<nav>
+		<ul>
+  			<li><a href="../index.html">Home</a></li>
+			<li class="line"><a href="#">Portfolio</a></li>
+			<li class="line"><a href="index.html" id="current">Blog</a></li>
+			<li class="line"><a href="#">About Me</a></li>
+			<li class="line"><a href="#">Contact</a></li>
+		</ul>
+	</nav>

-<nav>
-<ul>
-  <li><a href="#">Home</a></li>
-  <li class="line"><a href="#">Portfolio</a></li>
-  <li class="line"><a href="#">Blog</a></li>
-  <li class="line"><a href="#">About Me</a></li>
-  <li class="line"><a href="#">Contact</a></li>
-</ul>
-</nav>
-
-<div id="blog">
-<h1>11/22/14 A Crash Course from a Crash Course Newbie</h1>
-<h2>Version Control, Git and GitHub</h2>
+</header>

-<p>Welcome to my blog! I'm writing on the verge of completing my first week of Phase 0 at Devbootcamp. It's been awesome and I am excited to share some of the great things I've learned.</p>
+<main>
+	<section id="blog">
+		<h1>A Crash Course from a Crash Course Newbie</h1>
+		<h2>Version Control, Git and GitHub</h2>
+		<h3>November 22, 2014</h3>

-<p>This week focused on version control, Git and Github. These sound great, right? Except...you might not know what any of these are! Don't worry, you will in a few paragraphs - that's where the crash course comes in.
-</p>
+		<p>Welcome to my blog! I'm writing on the verge of completing my first week of Phase 0 at Devbootcamp. It's been awesome and I am excited to share some of the great things I've learned.</p>

+		<p>This week focused on version control, Git and Github. These sound great, right? Except...you might not know what any of these are! Don't worry, you will in a few paragraphs - that's where the crash course comes in.</p>

-<p>Version control is simply a mechanism to track and record changes to files over time. As you work on code (or any other type of document), you have to make constant decisions about how to proceed: should I turn left or right? Should I use an array or a hash? Version control systems record the state of your files at key points so you can revert to those points if things go wrong.</p>

-<p>Using a version control system (VCS) also provides you with a level of backup for your project. Generally, you can recover lost or deleted files.</p>
+		<p>Version control is simply a mechanism to track and record changes to files over time. As you work on code (or any other type of document), you have to make constant decisions about how to proceed: should I turn left or right? Should I use an array or a hash? Version control systems record the state of your files at key points so you can revert to those points if things go wrong.</p>

-<p>The odds are pretty good that on a large development project, you won't be writing every line of code by yourself. Version control systems allow developers to collaborate on big projects by keeping track of who is working on what or if two people are working on different parts of the same thing.</p>
+		<p>Using a version control system (VCS) also provides you with a level of backup for your project. Generally, you can recover lost or deleted files.</p>

-<p>VCSs allow developers to experiment with ideas while not destroying the main repository of project code. The developer can save out a version (branch) of the source files (the tree) to try things out. If they work, the version control system can merge them back into the tree.  If not, no harm, no foul. You simply abandon the branch.</p>
+		<p>The odds are pretty good that on a large development project, you won't be writing every line of code by yourself. Version control systems allow developers to collaborate on big projects by keeping track of who is working on what or if two people are working on different parts of the same thing.</p>

-<h3>Okay, so what's Git?</h3>
+		<p>VCSs allow developers to experiment with ideas while not destroying the main repository of project code. The developer can save out a version (branch) of the source files (the tree) to try things out. If they work, the version control system can merge them back into the tree.  If not, no harm, no foul. You simply abandon the branch.</p>

-<p>Git is a popular free version control system developed originally by Linus Torvalds of Linux fame.</p>
+		<h3>Okay, so what's Git?</h3>

-<p>Git is a distributed version control system which means that you download and run the software locally on your computer. Each collaborator has a full copy of all of the files and file history, so if one computer or server crashes, nothing is lost. Essentially, everyone has the master set of files. Awesome, right?</p>
+		<p>Git is a popular free version control system developed originally by Linus Torvalds of Linux fame.</p>

-<p>Git tracks folders and detects when you make changes in them. If you add a file or change a comma in a document, Git knows. It will tell you if you type "git status" in your command line.</p>
+		<p>Git is a distributed version control system which means that you download and run the software locally on your computer. Each collaborator has a full copy of all of the files and file history, so if one computer or server crashes, nothing is lost. Essentially, everyone has the master set of files. Awesome, right?</p>

-<p>There's a temporary staging area where you can hold files before you save them to Git. You can group a set of similar files together by adding them to the staging area with the command "git add my_awesome_file.rb" or better yet "git add ." to add all the files at once.</p>
+		<p>Git tracks folders and detects when you make changes in them. If you add a file or change a comma in a document, Git knows. It will tell you if you type "git status" in your command line.</p>

-<p>Now that you have all of your files in the staging area, it's time to save them out. You do this with a "commit". A commit does a couple of things: it saves out a snapshot of the current state of the files, it allows you to add a message to describe what changed and it lets your collaborators know that you've saved stuff out and that they should get the latest files.</p>
+		<p>There's a temporary staging area where you can hold files before you save them to Git. You can group a set of similar files together by adding them to the staging area with the command "git add my_awesome_file.rb" or better yet "git add ." to add all the files at once.</p>

-<h3>What's GitHub?</h3>
+		<p>Now that you have all of your files in the staging area, it's time to save them out. You do this with a "commit". A commit does a couple of things: it saves out a snapshot of the current state of the files, it allows you to add a message to describe what changed and it lets your collaborators know that you've saved stuff out and that they should get the latest files.</p>

-<p>What if there was a place on the internet where you could put your awesome Git folder and all of your collaborators could upload and download changes whenever they were online? What if there was a place where you could post your code and brilliant people would help you fix bugs, suggest improvements and even write code for you? GitHub is that place.</p>
+		<h3>What's GitHub?</h3>

-<p>GitHub allows developers to post code in open repositories that other developers can view, tweak and use in their own projects. It's a collaborative hub for developers to share their expertise.</p>
+		<p>What if there was a place on the internet where you could put your awesome Git folder and all of your collaborators could upload and download changes whenever they were online? What if there was a place where you could post your code and brilliant people would help you fix bugs, suggest improvements and even write code for you? GitHub is that place.</p>

-<p>For a fee, individuals or organizations can have private repositories, but the free accounts are open to everyone.</p>
+		<p>GitHub allows developers to post code in open repositories that other developers can view, tweak and use in their own projects. It's a collaborative hub for developers to share their expertise.</p>

-<p>Varying types of open source licenses can be included with your project repository on GitHub to offer some control over redistribution and use of your code, but generally open source licenses favor less restriction and encourage code reuse.</p>
+		<p>For a fee, individuals or organizations can have private repositories, but the free accounts are open to everyone.</p>

-<p>On to week 2!!!</p>
+		<p>Varying types of open source licenses can be included with your project repository on GitHub to offer some control over redistribution and use of your code, but generally open source licenses favor less restriction and encourage code reuse.</p>

-</div>
+		<p>On to week 2!!!</p>

+	</section>
+</main>

+<!-- sidebar area -->
+<aside>
+	<!-- Twitter widget -->
+	<a class="twitter-timeline" href="https://twitter.com/jergagon1" data-widget-id="538848438926843904">Tweets by @jergagon1</a>
+	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+</aside>

+<!-- Secondary Navigation to external links -->
 <footer>
   <ul>
   <li><a href="mailto:jergagon1@gmail.com">Email</a></li>
diff --git a/index.html b/index.html
index 443fa11..0024329 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,95 @@
+<!DOCTYPE html>
+
 <html>
-  <body>
-    Hello DBC!
-  </body>
-</html>
+
+<head>
+	<title>Jeremy Gagon::Home</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<link type="text/css" rel="stylesheet" href="stylesheets/default.css">
+</head>
+
+<body>
+
+
+<!-- Image, name and title area -->
+<header>
+	<img src="imgs/jeremy_gagon.jpg" alt="Headshot Jeremy Gagon" />
+	<section>
+		<h1>Jeremy Gagon</h1>
+		<h2>Web Developer</h2>
+	</section>
+	<!-- Quote section -->
+	<section id="quote">
+		<h3 class="invisible">Quote</h3>
+		<q>I want to put a ding in the universe.</q>
+		<p>Steve Jobs</p>
+	</section>
+	<!-- Primary Navigation Section -->
+	<nav>
+		<ul>
+  			<li><a href="#" id="current">Home</a></li>
+			<li class="line"><a href="#">Portfolio</a></li>
+			<li class="line"><a href="blog/index.html">Blog</a></li>
+			<li class="line"><a href="#">About Me</a></li>
+			<li class="line"><a href="#">Contact</a></li>
+		</ul>
+	</nav>
+
+</header>
+
+<!-- Main content area -->
+<main>
+	<!-- Intro Message Area -->
+	<section id="welcome">
+		<h1>Welcome!</h1>
+		<p>Welcome to my site. It's in progress, so please bear with me. I am currently studying web development at <a href ="http://devbootcamp.com/">Dev Bootcamp</a>. I'm learning great skills like Ruby on Rails, Node JS and Javascript.</p>
+		<p> I have a diverse background in music and architectural IT, and I couldn't be more thrilled to be on my new exciting path in web development!</p>
+		<p>Mix one part computer fanatic, one part vegan, one part cat lover (sorry dogs - you're okay, too!) and one part drummer.</p>
+		<p class="more">more...</p>
+	</section>
+	<!-- excerpt from current blog -->
+	<section id="blogexcerpt">
+		<h2>Current Blog</h2>
+		<h3>Cultural Blog: Chefs in the Kitchen</h3>
+
+		<h4>Reflections on the Culture of Devbootcamp</h4>
+
+		<h5>November 23, 2014</h5>
+
+		<p>As I set out on my journey with Devbootcamp, I am both extremely excited and extremely nervous. I believe these feelings stem from uncertainty about my skill level and the expectations of what I've signed up for.</p>
+		<p class="more"><a href="blog/c1-chefs-kitchen.html">more...</a></p>
+	</section>
+	<!-- code excerpt section -->
+	<section id="codesample">
+		<h2>Current Code</h2>
+		<pre><code>
+def my_method (sweet_argument)
+	puts "That's a #{sweet_argument}"
+end
+		</code></pre>
+		<p class="more">more...</p>
+	</section>
+</main>
+
+<!-- Sidebar content -->
+<aside>
+	<!-- Twitter widget -->
+	<a class="twitter-timeline" href="https://twitter.com/jergagon1" data-widget-id="538848438926843904">Tweets by @jergagon1</a>
+	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+</aside>
+
+<!-- Secondary Navigation to external links -->
+<footer>
+	<ul>
+		<li><a href="mailto:jergagon1@gmail.com">Email</a></li>
+		<li class="line"><a href="https://github.com/jergagon1">GitHub</a></li>
+		<li class="line"><a href="https://www.facebook.com/jeremygagon">Facebook</a></li>
+		<li class="line"><a href="https://twitter.com/jergagon1">Twitter</a></li>
+		<li class="line"><a href="http://www.quora.com/Jeremy-Gagon">Quora</a></li>
+		<li class="line"><a href="http://www.linkedin.com/pub/jeremy-gagon/30/750/285/">Linkedin</a></li>
+	</ul>
+</footer>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/stylesheets/blog-stylesheet.css b/stylesheets/blog-stylesheet.css
index b98bfe6..3a6ccce 100644
--- a/stylesheets/blog-stylesheet.css
+++ b/stylesheets/blog-stylesheet.css
@@ -1,110 +1,38 @@
-* {
-	font-family: sans-serif;
-}
-
-body {
-	padding: 20px;
-}
-
-header img {
-	float: left;
-	height: 100px;
-	width: 100px;
-}
-
-header div {
-	float: left;
-	padding-bottom: 0px;
-	margin-bottom: 0px;
-	padding-top: 40px;
-	padding-left: 10px;
-}
-
-header h1 {
-	font-size: 24px;
-	font-weight: 600;
-	padding-bottom: 0px;
-	margin-bottom: 0px;
-	font-family: sans-serif;
-
-}
-
-header h2 {
-	font-size: 16px;
-	font-weight: 500;
-	font-family: sans-serif;
-	padding-bottom: 0px;
-	margin-bottom: 0px;
-	padding-top: 0px;
-	margin-top: 0px;
-}
-
-nav {
-	border-bottom: 1px solid black;
-	padding-bottom: 10px;
-}
-
-nav a {
-	text-decoration: none;
-}
-
-nav ul {
-	clear: both;
-	padding-left: 0px;
-	padding-top: 10px;
-}
-
-nav li {
-	float: left;
-	padding-right: 10px;
-	list-style: none;
-}
-
-.line {
-	border-left: 1px solid black;
-	padding-left: 10px;
-}
-
-#blog {
-	border-bottom: 1px solid black;
-}
-
+/* formatting for individual blog pages */
 #blog h1 {
-	font-size: 20px;
+	font-size: 1.25em;
 	font-weight: 500;
-	padding-bottom: 0px;
-	margin-bottom: 0px;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
 }

 #blog h2 {
-	font-size: 18px;
+	font-size: 1.125em;
 	font-weight: 500;
-	padding-bottom: 0px;
-	margin-bottom: 0px;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
 }

 #blog h3 {
-	font-size: 16px;
+	font-size: 1em;
 	font-weight: 500;
-	padding-bottom: 0px;
-	margin-bottom: 0px;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
 }

 #blog p {
-	padding-top: 0px;
-	margin-top: 10px;
+	padding-top: 0em;
+	margin-top: 1em;
 }

-footer a {
-	text-decoration: none;
-}

-footer ul {
-	padding-left: 0px;
+/* formatting for blog index page */
+#bloglist ul {
+	list-style: none;
+	padding: 0em;
+	margin: 0em;
 }

-footer li {
-	float: left;
-	padding-right: 10px;
-	list-style: none;
+#bloglist li {
+	padding-top: 1.5em;
 }
\ No newline at end of file
diff --git a/stylesheets/default.css b/stylesheets/default.css
new file mode 100644
index 0000000..7b8b9d1
--- /dev/null
+++ b/stylesheets/default.css
@@ -0,0 +1,217 @@
+/* Global Formatting*/
+* {
+	font-family: "Open sans", sans-serif;
+}
+
+body {
+	padding: 0em;
+	margin: 0em;
+}
+
+a {
+	text-decoration: none;
+	color: #A93BB2;
+}
+
+a:hover {
+	color: #FF9203;
+}
+
+
+
+.invisible {
+	display: none;
+}
+
+/* Header Formatting*/
+header {
+	width: 100%;
+	background-color: black;
+	color: white;
+}
+
+header img {
+	float: left;
+	height: 6.25em;
+	width: 6.25em;
+	padding-left: 2em;
+	padding-top: 2em;
+}
+
+header section {
+	color: #A93BB2;
+	float: left;
+	height: 6.25em;
+	padding: 2em 0em 0em 2em;
+}
+
+header h1 {
+	font-size: 1.5em;
+	font-weight: 600;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
+}
+
+header h2 {
+	font-size: 1em;
+	font-weight: 500;
+	padding: 0em;
+	margin: 0em;
+}
+
+#quote {
+	margin: 0em;
+	padding: 0em;
+	float: right;
+	width: 9em;
+	text-align: right;
+	color: white;
+	padding-right: 2em;
+	padding-top: 3.75em;
+}
+
+#quote p {
+	font-size: 0.75em;
+}
+
+
+/*Primary Nav Formatting*/
+nav {
+	padding-bottom: 1em;
+	color: white;
+}
+
+nav a {
+	text-decoration: none;
+	color: #FF9203;
+}
+
+nav a:hover {
+	color: #A93BB2;
+}
+
+#current {
+	color: #A93BB2;
+}
+
+nav ul {
+	clear: both;
+	padding-left: 2em;
+	padding-top: 1em;
+}
+
+nav li {
+	float: left;
+	padding-right: 1em;
+	list-style: none;
+}
+
+.line {
+	border-left: 1px solid black;
+	padding-left: 1em;
+}
+
+
+
+/* Main Content Section Formatting*/
+main {
+	float: left;
+	width: 65%;
+	padding-left: 2em;
+	padding-top: 1em;
+}
+
+
+main h1 {
+	font-size: 1.25em;
+	font-weight: 600;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
+}
+
+main h2 {
+	font-size: 1.125em;
+	font-weight: 600;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
+}
+
+main h3 {
+	font-size: 1em;
+	font-weight: 600;
+	padding-bottom: 0em;
+	margin-bottom: 0em;
+}
+
+main p {
+	padding-top: 0px;
+	margin-top: 1em;
+}
+
+#welcome {
+	width: 100%;
+}
+
+#welcome p {
+	padding-right: 1em;
+}
+
+/* blog excerpt formatting */
+#blogexcerpt {
+	width: 45%;
+	float: left;
+	padding-right: 5%;
+}
+
+.more {
+	text-align: right;
+}
+
+
+#codesample {
+	width: 45%;
+	float: left;
+	margin: 0em;
+	padding-right: 5%;
+}
+
+/* Aside Formatting*/
+aside {
+	width: 25%;
+	float: right;
+	padding: 1em;
+}
+
+
+
+/* Footer Formatting */
+footer {
+	width: 100%;
+	/*border-top: 1px solid black;*/
+	position: fixed;
+	bottom: 0em;
+	background-color: #FFAA3D;
+	padding: 0em;
+	margin: 0em;
+}
+
+footer a {
+	text-decoration: none;
+	color: #A93BB2;
+}
+
+footer a:hover {
+	color: white;
+}
+
+footer ul {
+	padding: 1em;
+	padding-top: 0em;
+	padding-left: 2em;
+}
+
+footer li {
+	float: left;
+	padding-right: 10px;
+	list-style: none;
+}
\ No newline at end of file