Proposed design for badge design display (#1837)

The sample badge design and the features of the badge design have been
displayed on home page

Fixes #1814

frontend/app/styles/partials/pricing.scss

@@ -13,6 +13,9 @@ $price-color: #686565;
     font-weight: 200;
     text-align: center;
   }
+  .features-list{
+    padding-top: 80px;
+  }
 }
 
 .pdf-div {
@@ -23,6 +26,7 @@ $price-color: #686565;
   }
 }
 
+
 .icon-pdf .shipped {
   margin-bottom: 10px;
 

frontend/app/templates/application.hbs

@@ -3,6 +3,8 @@
     {{#if (eq currentRouteName 'index')}}
       {{welcome-header session=session}}
       {{pricing-component}}
+      {{badge-design}}
+
     {{/if}}
     <div class="ui fluid container main-container">
         {{outlet}}

frontend/app/templates/components/badge-design.hbs

@@ -0,0 +1,28 @@
+{{!--
+<div class="ui grid">
+  <div class="six wide column">
+  </div>
+  <div class="six wide column">
+    <h3>Features</h3>
+  </div>
+</div> --}}
+<div class="wrapper">
+        <p class="heading-alpha">Features</p>
+  <div class="ui stackable two column grid container center aligned">
+    <div class="column">
+      <div class="carousel-body">
+        <img class="ui large image" src="https://raw.githubusercontent.com/rajvaibhavdubey/rajvaibhavdubey.github.io/master/badge_design_red.png">
+      </div>
+    </div>
+    <div class="column features-list" >
+      <div class="border-left"></div>
+      <div class="ui left aligned bulleted list features-list">
+        <h3 class="item">Many badge backgrounds to choose from</h3>
+        <h3 class="item">Different types of available badge sizes</h3>
+        <h3 class="item">Custom font colours</h3>
+        <h3 class="item">Custom background sources</h3>
+        <h3 class="item">Different paper sizes</h3>
+      </div>
+    </div>
+  </div>
+  </div>