diff --git a/app/controllers/tutorials_controller.rb b/app/controllers/tutorials_controller.rb
index d8e977b..db92320 100755
--- a/app/controllers/tutorials_controller.rb
+++ b/app/controllers/tutorials_controller.rb
@@ -4,6 +4,13 @@ class TutorialsController < ApplicationController
 
   def index
   end
+  
+  def breaker
+    render :partial => "layouts/tutorial/home/breaker"
+  end
+  
+  def builder
+  end
 
   def credentials
     render :partial => "layouts/tutorial/credentials/creds"
diff --git a/app/views/layouts/tutorial/home/_breaker.html.erb b/app/views/layouts/tutorial/home/_breaker.html.erb
new file mode 100644
index 0000000..e69de29
diff --git a/app/views/layouts/tutorial/home/_builder.html.erb b/app/views/layouts/tutorial/home/_builder.html.erb
new file mode 100644
index 0000000..e69de29
diff --git a/app/views/tutorials/index.html.erb b/app/views/tutorials/index.html.erb
index 14fe634..67b4bd0 100755
--- a/app/views/tutorials/index.html.erb
+++ b/app/views/tutorials/index.html.erb
@@ -3,45 +3,51 @@
     <h1> Welcome to RailsGoat  </h1>
     <h3> Tutorial Guide </h3>
     
-    <div class="row-fluid">
+    <!-- Begin Main Section -->
+    <div id="main" class="row-fluid">
         <div class="span12">
           <h6>Railsgoat can be used by either software developers or security professionals as a means of training themselves on Ruby on Rails security. 
             We describe software developers as "builders" and security professionals as "breakers". 
             <br/><br/>Please choose the category that you fall under for more information.
-          </h6>
+          </h6><br/><br/>
           <!-- Begin Buttons -->
-            <div class="widget">
-              <div class="widget-body">
-                <div class="row-fluid">
-                  <div class="metro-navigation">
-                    <!-- Begin Builder Button -->
-                    <div class="nav-block block-blue double">
-                      <a href="#">
-                        <div class="fs1" aria-hidden="true" data-icon=></div>
-                        <div class="brand">
-                          Builder
-                        </div>
-                      </a>
-                    </div>
-                    <!-- End Builder Button-->
-                    <!-- Begin Breaker Button -->
-                    <div class="nav-block block-red double">
-                      <a href="#">
-                        <div class="fs1" aria-hidden="true" data-icon=></div>
-                        <div class="brand">
-                          Breaker
-                        </div>
-                      </a>
-                    </div>
-                    <!-- End Breaker Button-->
+          <div class="row-fluid">
+            <div class="metro-navigation">
+              <!-- Begin Builder Button -->
+              <div class="nav-block block-blue double">
+                <a href="#">
+                  <div class="fs1" aria-hidden="true" data-icon=></div>
+                  <div class="brand">
+                    Builder
                   </div>
-                </div>
+                </a>
               </div>
+              <!-- End Builder Button-->
+              <!-- Begin Breaker Button -->
+              <div class="nav-block block-red double offset1">
+                <a id="breaker" href="#">
+                  <div class="fs1" aria-hidden="true" data-icon=></div>
+                  <div class="brand">
+                    Breaker
+                  </div>
+                </a>
+              </div>
+              <!-- End Breaker Button-->
             </div>
-            
+          </div>
           <!-- End Buttons -->
         </div>
     </div>
+    <!-- End Main Section-->
+    <!-- Begin Tutorial Section -->
+    <div class="row-fluid">
+        <div class="span12">
+          <div id="info">
+            
+          </div>  
+        </div>  
+    </div>    
+    <!-- End Tutorial Section -->
   </div>
 </div>
 
@@ -50,5 +56,12 @@ function makeActive(){
   $('li[id="tutorials_home"]').addClass('active');
 };
 
+$('#breaker').click(function(event){
+  event.preventDefault();
+  $("#main").empty()
+  $("#info").empty()
+  $("#info").load(<%= sanitize  breaker_tutorials_path.inspect %>)
+});
+
 $(document).ready(makeActive);
 </script>
\ No newline at end of file
diff --git a/config/routes.rb b/config/routes.rb
index 35ef733..05e5739 100755
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -66,6 +66,8 @@ Railsgoat::Application.routes.draw do
       get "gauntlt"
       get "logic_flaws"
       get "metaprogramming"
+      get "breaker"
+      get "builder"
     end
   end