Work on welcome page

resources/assets/sass/app.scss

@@ -1,9 +1,11 @@
-$font-family-sans-serif: "Lato", Helvetica, Arial, sans-serif;
-
+@import "partials/variables";
 @import "bootstrap";
 @import "partials/auth";
 @import "partials/navigation";
+@import "partials/banner";
+
+@import "pages/welcome";
 
 .fa-btn {
-	margin-right: 10px;
+    margin-right: 10px;
 }

resources/assets/sass/pages/_welcome.scss

@@ -0,0 +1,43 @@
+.steps {
+    max-width: 80%;
+    padding-left: 0;
+    list-style: none;
+    counter-reset: welcome-steps;
+}
+
+.steps > .steps__item {
+    margin-bottom: 2.5em;
+    padding: 19px;
+    border: 1px solid $gray-lighter;
+    border-radius: 4px;
+    overflow: hidden;
+
+    // The step number.
+    &:before {
+        content: counter(welcome-steps);
+        counter-increment: welcome-steps;
+        width: 50px;
+        height: 50px;
+        float: left;
+        margin-right: 1em;
+        background: $gray-lighter;
+        border: 1px solid darken($gray-lighter, 10%);
+        border-radius: 50%;
+        font: bold 2em monospace;
+        text-align: center;
+        line-height: 49px;
+    }
+
+    .body {
+        float: left;
+    }
+
+    h2 {
+        font-weight: bold;
+        margin-top: 0;
+    }
+
+    p:last-child {
+        margin-bottom: 0;
+    }
+}

resources/assets/sass/partials/_banner.scss

@@ -0,0 +1,18 @@
+.jumbotron {
+    background: $primary;
+    color: lighten($primary, 35%);
+    margin-top: -20px;
+}
+
+.jumbotron__header,
+.jumbotron h1 {
+    font-weight: bold;
+    color: white;
+    margin-top: 0;
+}
+
+.jumbotron__body {
+    max-width: 80%;
+    margin-bottom: 0;
+    line-height: 1.6em;
+}

resources/assets/sass/partials/_variables.scss

@@ -0,0 +1,3 @@
+$font-family-sans-serif: "Lato", Helvetica, Arial, sans-serif;
+
+$primary: #F55430;