Adds Introduction page

Simplified Introdction page

Spiced up home page more, style changes to code examples

_sass/modules/_buttons.scss

@@ -1,10 +1,10 @@
 .btn {
   color: $color-white;
-  display: inline-block;
+  display: flex;
   background: $color-blue-5;
+  align-items: center;
   padding: $spacing-unit/4 $spacing-unit/2;
-  width: 200px;
-  border-radius: 4px;
+  border-radius: 8px;
   text-decoration: none;
 
   &:hover {

_sass/modules/_content-area.scss

@@ -13,12 +13,12 @@
     content: "Example";
     display: block;
     padding: 8px 12px;
-    font-weight: bold;
-    color: $color-white;
-    background: $color-blue-5;
-    border-bottom: none;
+    color: $color-slate;
+    background: #fff;
+    border: 1px solid $color-blue-2;
     border-radius: 3px 3px 0 0;
-    box-sizing: border-box;
+    font-size: 16px;
+    font-weight: bold;
   }
 
   // Label every second code block with "Output"

_sass/modules/_home-banner.scss

@@ -1,4 +1,4 @@
-.home--banner {
+.home-banner {
   text-align: center;
   border-bottom: 1px solid lighten($color-slate, 50%);
   padding-bottom: $spacing-unit;

_sass/modules/_home-users-grid.scss

@@ -0,0 +1,20 @@
+.home-users-grid {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: $spacing-unit / 2;
+}
+
+.home-users-grid__item{
+  flex: 1;
+  margin-right: $spacing-unit / 2;
+  max-width: 50%;
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.home-users-blurb {
+  text-align: right;
+}