Update sub page jumbotrons, news section

Signed-off-by: Eric Poirier <eric.poirier@eclipse-foundation.org>

content/resources/blogs/_index.md

 ---
 title: "Blogs"
 description: "Useful resources to learn more about Eclipse IoT"
+headline: "Blogs"
+jumbotron_bg_class: "featured-jumbotron-sub-pages header-projects-bg-img"
 icon: "file-text"
 layout: "resources-sub-section"
 weight: 5

content/resources/news/_index.md

 ---
 title: "News & Events"
 seo_title: "News & Events - ECDtools"
+headline: "News & Events"
+jumbotron_bg_class: "featured-jumbotron-sub-pages header-membership-bg-img"
 description: ""
 keywords: ["ECDtools"]
 ---
 
 {{< grid/section-container class="featured-news">}}
   {{< grid/div class="row" isMarkdown="false" >}}
-    {{< grid/div class="col-sm-14" isMarkdown="false" >}}
+    {{< grid/div class="col-sm-12" isMarkdown="false" >}}
       {{< newsroom/news
           title="News"
           id="news-list-container"
@@ -18,14 +20,14 @@ keywords: ["ECDtools"]
           paginate="true" >}}
     {{</ grid/div >}}
 
-    {{< grid/div class="col-sm-8 col-sm-offset-2 featured-events text-center" isMarkdown="false" >}}
+    {{< grid/div class="col-sm-12 featured-events text-center" isMarkdown="false" >}}
       {{< newsroom/events
           title="Upcoming Events"
           publishTarget="ecd_tools"
           class="col-sm-24"
           containerClass="event-timeline"
           upcoming="1"
-          templateId="custom-events-template" templatePath="/js/templates/event-list-timeline.mustache"
+          templateId="custom-events-template" templatePath="js/templates/event-list-format.mustache"
           count="4"  includeList="true" >}}
     {{</ grid/div >}}
    {{</ grid/div >}}

layouts/shortcodes/home/whats-new.html

@@ -45,12 +45,12 @@
                   <h4 class="whats-new-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
                   <p class="whats-new-description">{{ .Content }}</p>
                 {{ end }}
-                <p class="whats-new-view-all"><a href="/resources/blogs">View All Blogs Posts <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
+                <p class="whats-new-view-all"><a href="/resources/blogs">View All Blog Posts <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
               </div>
               <div class="col-sm-10 match-height-item-by-row whats-new-item">
                 <div class="whats-new-icon"><img alt="Events icon" src="images/ecdtools/home/events.svg"></div>
                 <div id="event-list-container" class="news-items" data-template-id="event-short-list" data-upcoming="1" data-count="1" data-publish-target="ecd_tools"></div>
-                <p class="whats-new-view-all"><a href="/resources/events">View All Events <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
+                <p class="whats-new-view-all"><a href="/resources/news">View All Events <i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
               </div>
             </div>
           </div>

less/_components/_commons.less

@@ -208,3 +208,16 @@
 .icon-primary {
   border-color: @brand-primary;
 }
+
+@media screen and (min-width: 768px) {
+  .event-timeline .timeline-item:nth-of-type(2n):before {
+    left: -17%;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .event-timeline .timeline-item:before {
+    right: -17%;
+  }
+}
+