add CTA to Examples section, set type

website/source/assets/stylesheets/_buttons.scss

@@ -27,11 +27,29 @@
 }
 
 .terra-btn{
-  background-color: rgba(130, 47, 247, 0.36);
+	position: relative;
+	display: inline-block;
+	// Extra 3px of bottom padding compensates for ::after content
+	padding: 20px 30px 23px;
+	color: white;
+  background-color: $purple;
+	font-size: 20px;
+	font-weight: 500;
+	text-transform: uppercase;
+	letter-spacing: 2px;
   @include transition( background-color 0.3s ease );
 
+	&::after {
+		font-size: 1.2em;
+		content: "»";
+		position: relative;
+		left: 5px;
+	}
+
   &:hover{
+		color: white;
     background-color: rgba(130, 47, 247, 0.8);
+		text-decoration: none;
     @include transition( background-color 0.3s ease );
   }
 }

website/source/assets/stylesheets/_home.scss

@@ -30,7 +30,6 @@ body.page-home {
 
 	p.lead{
 		font-size: 24px;
-		max-width: 28em;
 	}
 
 	#customer-logos {
@@ -233,7 +232,6 @@ body.page-home {
 		}
 
 		p {
-			max-width: 35em;
 			margin-bottom: 20px;
 		}
 
@@ -358,6 +356,15 @@ body.page-home {
 		}
 	}
 
+	.cta {
+		text-align: center;
+
+		.btn {
+			position: relative;
+			margin: 0 50%;
+		}
+	}
+
 
 	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 		#demos{

website/source/index.html.erb

@@ -125,7 +125,7 @@
 				<h2>Examples</h2>
 			</div>
 
-			<div class="col-xs-12 col-lg-12 explantion">
+			<div class="col-md-6 explantion">
 				<h3>Layering Resources</h3>
         <p>Use attributes from other resources to create a layered
 					infrastructure. Terraform handles ordering resource creation
@@ -160,7 +160,7 @@
 					</div>
 			</div> <!-- /.terminal-item -->
 
-			<div class="col-xs-12 col-lg-12 explantion">
+			<div class="col-md-6 explantion">
 				<h3>Fast, Simplified Interaction</h3>
 				<p>
                     Simple and intuitive configuration makes even the most complicated services approachable:
@@ -199,6 +199,13 @@
 						</div>
 					</div>
 			</div> <!-- /.terminal-item -->
+			<div class="cta col-sm-8 col-sm-offset-2">
+				<p class="lead">The intro contains a walkthrough guide, introductory literature and
+					a range of examples to experiment with Terraform.</p>
+				<p>
+					<a class="terra-btn" href="#">Get started</a>
+				</p>
+			</div>
 		</div>
 	</div>
 	<div class="feature-skew" id="demo-bg"></div>