adding styles

dest/index.html

@@ -40,6 +40,7 @@
 			<div class="col-12 col-sm-3">
 				<nav class="nav">
 					<ul class="margin-top-0x">
+                        <li><a href="#introduction">Introduction</a></li>
 						<li><a href="#npm">npm</a></li>
 						<li><a href="#get-started">Get Started</a></li>
 						<li><a href="#typography">Typography</a></li>
@@ -53,6 +54,9 @@
 				</nav>
 			</div>
 			<div class="col-12 col-sm-9">
+                <h2 id="introduction" class="lead">
+                    Introduction
+                </h2>
 				<p>
 					Why? There are so many! Yes, of Course, but this is not a Framework, it is a Boilerplate, more simple. I have tried to build a minimalistic sass.
 				</p>

src/scss/example.scss

@@ -20,10 +20,15 @@
     margin: 0 auto;
 }
 
+.lead {
+    margin-top: -(toEm(5px));
+}
+
 .header {
     padding: 8px 0 0;
     margin: 0 0 20px;
     background-color: $crispy__color-primary;
+    border-bottom: 1px solid darken($crispy__color-primary, 10%);
 
     @include crispy__media-sm() {
         margin: 0 0 30px;
@@ -49,7 +54,7 @@
 
 // button
 .button {
-    border: 1px solid $crispy__color-primary;
+    border: 1px solid darken($crispy__color-primary, 10%);
     background-color: $crispy__color-primary;
     color: white;