more media for index and proper buttons

app/assets/stylesheets/web_dev.sass

@@ -225,49 +225,34 @@ h4 , h5 , h6
 .block-md p
   margin: 10px
 
+@media only screen and (max-width: 1200px)
+  .bordered-grid  .bordered-item
+    min-height: 175px
+@media only screen and (max-width: 1000px)
+  .bordered-grid  .bordered-item
+    min-height: 190px
+@media only screen and (max-width: 800px)
+  .bordered-grid  .bordered-item
+    min-height: 170px
+    &:nth-child(2)
+      border:   1px dotted #aaa
+
 .bordered-grid  .bordered-item
   padding-top: 15px
-  min-height: 170px
+  padding-bottom: 15px
   -webkit-box-sizing: border-box
   -moz-box-sizing: border-box
   box-sizing: border-box
-  &:nth-child(1)
-    border-bottom: 1px dotted #aaa
-  &:nth-child(2)
-    border-left:   1px dotted #aaa
-    border-right:  1px dotted #aaa
-    border-bottom: 1px dotted #aaa
-  &:nth-child(3)
-    border-bottom: 1px dotted #aaa
-  &:nth-child(5)
-    border-left:   1px dotted #aaa
-    border-right:  1px dotted #aaa
-.stack
-  h3
-    margin-bottom: 0px
-  .brace_part1
-    width: 12px
-    height: 3em
-    border-right: 2px solid black
-    border-top-right-radius: 12px
-  .brace_part2
-    width: 12px
-    height: 3em
-    border-left: 2px solid black
-    border-bottom-left-radius: 12px
-    margin-left: 10px
-  .brace_part3
-    width: 12px
-    height: 3em
-    margin-left: 10px
-    border-left: 2px solid black
-    border-top-left-radius: 12px
-  .brace_part4
-    width: 12px
-    height: 3em
-    border-right: 2px solid black
-    border-bottom-right-radius: 12px
 
+  .row
+    margin-bottom: 20px
+  &:nth-child(1)
+    border:   1px dotted #aaa
+  &:nth-child(2)
+    border-bottom: 1px dotted #aaa
+    border-top: 1px dotted #aaa
+  &:nth-child(3)
+    border:   1px dotted #aaa
 
 .padding-xs .row
   padding-top: 10px
@@ -289,25 +274,3 @@ h4 , h5 , h6
     left: 0
     width: 100%
     height: 100%
-
-
-.display-table
-  display: table
-  width: 100%
-  height: 100%
-  position: relative
-  z-index: 99
-
-.display-table-cell
-  display: table-cell
-  width: 100%
-  height: 100%
-
-.overlay
-  background:rgba(0,0,0, 0.10)
-  position:absolute
-  left: 0
-  right: 0
-  top: 0
-  bottom: 0
-  z-index: 1

app/views/pages/index.html.haml

@@ -7,7 +7,7 @@
   %h3
     enjoy coding and get paid
   .action
-    %a.btn.btn-primary.btn-lg Apply
+    =link_to "Apply now", new_user_registration_path , class: "btn btn-success btn-lg"
 
 .section
   .container
@@ -51,7 +51,7 @@
   %h3
     optimal learning conditions
   .action
-    %a.btn.btn-primary.btn-lg Apply
+    =link_to "Course details", page_path(:course) , class: "btn btn-success btn-lg"
 
 .section
   .container
@@ -99,20 +99,48 @@
     %h3
       and be recharged
     .action
-      %a.btn.btn-primary.btn-lg Apply
+      =link_to "Camp details", page_path(:camp) , class: "btn btn-success btn-lg"
 
 .section
-  .spacer-big
-  .divider.margin-top-30.margin-bottom-80
-  .row
-    .col-md-12.centered
-      Web Dev Camp's teacher's have
-      %b decades of experience
-      and started the camp
-      in an endeavor to increase
-      %b
-        diversity in tech.
-  .divider.margin-top-80.margin-bottom-30
+  .container
+    .row
+      .col-md-12.centered
+        %p
+          Web Dev Camp's teacher's have
+          %b decades of experience
+          and started the camp
+          in an endeavor to increase
+          %b
+            diversity in tech.
+    .row.clearfix.bordered-grid
+      .col-md-4.bordered-item
+        .row
+          .col-xs-4
+            = image_tag "torsten.png"
+          .col-xs-8
+            %h3 Torsten Ruger
+            %span Course Director
+            %br
+            %small 20 years of web development
+      .col-md-4.bordered-item
+        .row
+          .col-xs-4
+            =image_tag "sherif.png"
+          .col-xs-8
+            %h3 Sherif Abushadi
+            %span Teacher
+            %br
+            %small 20 years of teaching
+      .col-md-4.bordered-item
+        .row
+          .col-xs-4
+            =image_tag "raisa.jpg"
+          .col-xs-8
+            %h3 Raisa Kaipainen
+            %span Camp director
+            %br
+            %small 20 years of running courses
+
 
 .section.heading{:style => "background-image: url('#{image_url("slider/lunch.jpg")}');"}
   .container
@@ -122,15 +150,17 @@
     %h3
       Remove all distraction
     .action
-      %a.btn.btn-primary.btn-lg Apply
+      =link_to "Apply now", new_user_registration_path , class: "btn btn-success btn-lg"
 
 .section
   .container.space-30
     .row
       .col-md-6
-        %h1.centered Need Convincing
-        %p.lead.centered
+        %h1.centered Not Convinced?
+        %p.lead.centered.space-30
           Watch our marketing guy :-) talk about bootcamps
+        .action.centered
+          =link_to "Apply now", new_user_registration_path , class: "btn btn-success btn-lg"
       .col-md-6
         .embed-container
           %iframe{:allowfullscreen => "", :frameborder => "0",  :src => "https://www.youtube.com/embed/wGFsNA5Hw2s"}