diff --git a/app/views/layouts/_footer.html.erb b/app/views/layouts/_footer.html.erb
new file mode 100644
index 0000000..e2ed58b
--- /dev/null
+++ b/app/views/layouts/_footer.html.erb
@@ -0,0 +1,9 @@
+<footer>
+  <nav class="round">
+    <ul>
+      <li><%= link_to "About", '#' %></li>
+      <li><%= link_to "Contact", '#' %></li>
+      <li><%= link_to "News", 'http://news.railstutorial.org/' %></li>
+      <li><%= link_to "Rails Tutorial", 'http://railstutorial.org/' %></li>
+    </ul>
+</footer>
\ No newline at end of file
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
new file mode 100644
index 0000000..bc0c1b2
--- /dev/null
+++ b/app/views/layouts/_header.html.erb
@@ -0,0 +1,10 @@
+<header>
+  <%= image_tag("logo.png", :alt => "Sample App", :class => "round") %>
+  <nav class="round">
+    <ul>
+      <li><%= link_to "Home", '#' %></li>
+      <li><%= link_to "Help", '#' %></li>
+      <li><%= link_to "Sign in", '#' %></li>
+    </ul>
+  </nav>
+</header>
\ No newline at end of file
diff --git a/app/views/layouts/_stylesheets.html.erb b/app/views/layouts/_stylesheets.html.erb
new file mode 100644
index 0000000..a7a80e2
--- /dev/null
+++ b/app/views/layouts/_stylesheets.html.erb
@@ -0,0 +1,7 @@
+<!--[if lt IE 9]>
+<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+<%= stylesheet_link_tag 'blueprint/screen', :media => 'screen' %>
+<%= stylesheet_link_tag 'blueprint/print',  :media => 'print' %>
+<!--[if lt IE 8]><%= stylesheet_link_tag 'blueprint/ie' %><![endif]-->
+<%= stylesheet_link_tag 'custom', :media => 'screen' %>
\ No newline at end of file
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index f78603a..7e23b7f 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -3,29 +3,15 @@
   <head>
     <title><%= title %></title>
     <%= csrf_meta_tag %>
-    <!--[if lt IE 9]>
-    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <%= stylesheet_link_tag 'blueprint/screen', :media => 'screen' %>
-    <%= stylesheet_link_tag 'blueprint/print',  :media => 'print' %>
-    <!--[if lt IE 8]><%= stylesheet_link_tag 'blueprint/ie' %><![endif]-->
-    <%= stylesheet_link_tag 'custom', :media => 'screen' %>
+    <%= render 'layouts/stylesheets' %>
   </head>
   <body>
     <div class="container">
-      <header>
-        <%= image_tag("logo.png", :alt => "Sample App", :class => "round") %>
-        <nav class="round">
-          <ul>
-            <li><%= link_to "Home", '#' %></li>
-            <li><%= link_to "Help", '#' %></li>
-            <li><%= link_to "Sign in", '#' %></li>
-          </ul>
-        </nav>
-      </header>
+      <%= render 'layouts/header' %>
       <section class="round">
         <%= yield %>
       </section>
+      <%= render 'layouts/footer' %>
     </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/public/stylesheets/custom.css b/public/stylesheets/custom.css
index c1f2c9b..a703f3c 100644
--- a/public/stylesheets/custom.css
+++ b/public/stylesheets/custom.css
@@ -94,3 +94,16 @@ a.signup_button {
   border-radius:         10px;
 }
 
+/* Footer */
+
+footer {
+  text-align: center;
+  margin-top: 10px;
+  width: 710px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+footer nav {
+  float: none;
+}
