Added backgrounds

Author: alvagante

_includes/blog_detail.html

@@ -3,8 +3,8 @@
     <div class="container">
       <div class="row">
         <div class="col-lg-4">
-          <a href="{{ site.url }}/blog/">example42's blog</a></h2>
-          {{ post.date | date: "%Y-%m-%d" }}
+          <h2><a href="{{ site.url }}/blog/">example42's blog</a></h2>
+          {{ page.date | date: "%Y-%m-%d" }}
         </div>
         <div class="col-lg-8">
         <h1>{{ page.title }}</h1>

_includes/services_ansible.html

@@ -1,5 +1,5 @@
 <section id="splash">
-  <div class="content-section-a">
+  <div class="lightback-5">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">

_includes/services_health.html

@@ -1,5 +1,5 @@
 <section id="splash">
-  <div class="content-section-a">
+  <div class="lightback-7">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">

_includes/services_instant.html

@@ -1,5 +1,5 @@
 <section id="splash">
-  <div class="content-section-a">
+  <div class="lightback-1">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">

_includes/services_kickstart.html

@@ -1,5 +1,5 @@
 <section id="splash">
-  <div class="content-section-a">
+  <div class="lightback-5">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">

_includes/services_smart.html

@@ -1,5 +1,5 @@
 <section id="splash">
-  <div class="content-section-a">
+  <div class="lightback-3">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">

_includes/services_training.html

@@ -1,5 +1,5 @@
 <section id="splash">
-  <div class="content-section-a">
+  <div class="lightback-6">
     <div class="container">
       <div class="row">
         <div class="col-lg-12">

css/landing-page.css

@@ -87,6 +87,27 @@ h6 {
     background-size: cover;
 }
 
+.lightback-1 {
+    background: url(../img/lightback-1.jpg) no-repeat center center;
+}
+.lightback-2 {
+    background: url(../img/lightback-2.jpg) no-repeat center center;
+}
+.lightback-3 {
+    background: url(../img/lightback-3.jpg) no-repeat center center;
+}
+.lightback-4 {
+    background: url(../img/lightback-4.jpg) no-repeat center center;
+}
+.lightback-5 {
+    background: url(../img/lightback-5.jpg) no-repeat center center;
+}
+.lightback-6 {
+    background: url(../img/lightback-6.jpg) no-repeat center center;
+}
+.lightback-7 {
+    background: url(../img/lightback-7.jpg) no-repeat center center;
+}
 @media(max-width:767px) {
     .intro-message {
         padding-bottom: 15%;