kiso_themes 1.0.2

data/app/views/content_blocks/general/_37.html.haml

@@ -0,0 +1,52 @@
+%body
+  .container.py-5
+    .row
+      .col-12
+        %h2.pt-5.text-center.header-separator A plan to fit every need.
+        %p.lead.text-center.pb-5 Select the plan that's right for you below, and you can be up and running in minutes.
+    .row
+      .col-12.col-md-4
+        .pricing-table-2
+          %header.bg-dark
+            %h1.text-white.m-0
+              $0
+            %p.text-muted.text-uppercase.mb-0 Free, forever.
+          %h5.bg-gray-900.text-center.p-3.text-white.m-0 Trial
+          %ul.tiere-feature-list
+            %li 20 Users
+            %li 3 Archives
+            %li 5 Client Projects
+            %li  
+            %li  
+          .bg-dark.d-flex.align-items-center.justify-content-center.p-3
+            %a.btn.btn-info.p-4{href: "#"} Buy Now
+      .col-12.col-md-4
+        .pricing-table-2
+          %header.bg-dark
+            %h1.text-white.m-0
+              $5
+            %p.text-muted.text-uppercase.mb-0 Per Month
+          %h5.bg-gray-900.text-center.p-3.text-white.m-0 Bronze
+          %ul.tiere-feature-list
+            %li 20 Users
+            %li 3 Archives
+            %li 5 Client Projects
+            %li 20 Cat Gifs
+            %li  
+          .bg-dark.d-flex.align-items-center.justify-content-center.p-3
+            %a.btn.btn-info.p-4{href: "#"} Buy Now
+      .col-12.col-md-4
+        .pricing-table-2
+          %header.bg-dark
+            %h1.text-white.m-0
+              $10
+            %p.text-muted.text-uppercase.mb-0 Per Month
+          %h5.bg-gray-900.text-center.p-3.text-white.m-0 Gold
+          %ul.tiere-feature-list
+            %li 20 Users
+            %li 3 Archives
+            %li 5 Client Projects
+            %li 20 Cat gifs
+            %li Unlimited Toots
+          .bg-dark.d-flex.align-items-center.justify-content-center.p-3
+            %a.btn.btn-info.p-4{href: "#"} Buy Now

data/app/views/content_blocks/general/_37.html.slim

@@ -0,0 +1,52 @@
+body
+  .container.py-5
+    .row
+      .col-12
+        h2.pt-5.text-center.header-separator A plan to fit every need.
+        p.lead.text-center.pb-5 Select the plan that's right for you below, and you can be up and running in minutes.
+    .row
+      .col-12.col-md-4
+        .pricing-table-2
+          header.bg-dark
+            h1.text-white.m-0
+              | $0
+            p.text-muted.text-uppercase.mb-0 Free, forever.
+          h5.bg-gray-900.text-center.p-3.text-white.m-0 Trial
+          ul.tiere-feature-list
+            li 20 Users
+            li 3 Archives
+            li 5 Client Projects
+            li  
+            li  
+          .bg-dark.d-flex.align-items-center.justify-content-center.p-3
+            a.btn.btn-info.p-4 href: "#"  Buy Now
+      .col-12.col-md-4
+        .pricing-table-2
+          header.bg-dark
+            h1.text-white.m-0
+              | $5
+            p.text-muted.text-uppercase.mb-0 Per Month
+          h5.bg-gray-900.text-center.p-3.text-white.m-0 Bronze
+          ul.tiere-feature-list
+            li 20 Users
+            li 3 Archives
+            li 5 Client Projects
+            li 20 Cat Gifs
+            li  
+          .bg-dark.d-flex.align-items-center.justify-content-center.p-3
+            a.btn.btn-info.p-4 href: "#"  Buy Now
+      .col-12.col-md-4
+        .pricing-table-2
+          header.bg-dark
+            h1.text-white.m-0
+              | $10
+            p.text-muted.text-uppercase.mb-0 Per Month
+          h5.bg-gray-900.text-center.p-3.text-white.m-0 Gold
+          ul.tiere-feature-list
+            li 20 Users
+            li 3 Archives
+            li 5 Client Projects
+            li 20 Cat gifs
+            li Unlimited Toots
+          .bg-dark.d-flex.align-items-center.justify-content-center.p-3
+            a.btn.btn-info.p-4 href: "#"  Buy Now

data/app/views/content_blocks/general/_38.html.erb

@@ -0,0 +1,61 @@
+<div class="container py-5">
+  <div class="row">
+    <div class="col-12">
+      <h2 class="pt-5 text-center header-separator">A plan to fit every need.</h2>
+      <p class="lead text-center pb-5">Select the plan that's right for you below, and you can be up and running in minutes.</p>
+    </div>
+  </div>
+  <div class="row equal-cols">
+    <div class="col-12 col-md-4">
+      <div class="pricing-table-3 shadow">
+        <header class="">
+          <h5 class="font-weight-bold text-center text-uppercase m-0">Trial</h5>
+          <p class="text-muted text-uppercase mb-5">Lorem ipsum dolor sit amet.</p>
+          <h1 class="font-weight-normal m-0 mb-4"><sup>$</sup><strong>0</strong><small>/mo</small></h2>
+          <a href="#" class="btn btn-lg btn-info p-4">Start your Trial</a>
+        </header>
+        <ul class="tiere-feature-list">
+          <li>20 Users</li>
+          <li>3 Archives</li>
+          <li>5 Client Projects</li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="pricing-table-3 shadow">
+        <header class="">
+          <h5 class="font-weight-bold text-center text-uppercase m-0">Bronze</h5>
+          <p class="text-muted text-uppercase mb-5">Lorem ipsum dolor sit amet.</p>
+          <h1 class="font-weight-normal m-0 mb-4"><sup>$</sup><strong>10</strong><small>/mo</small></h2>
+          <a href="#" class="btn btn-lg btn-info p-4">Start your Trial</a>
+        </header>
+        <ul class="tiere-feature-list">
+          <li>20 Users</li>
+          <li>3 Archives</li>
+          <li>5 Client Projects</li>
+          <li>5 Client Projects</li>
+          <li>5 Client Projects</li>
+        </ul>
+      </div>
+
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="pricing-table-3 shadow">
+        <header class="">
+          <h5 class="font-weight-bold text-center text-uppercase m-0">Gold</h5>
+          <p class="text-muted text-uppercase mb-5">Lorem ipsum dolor sit amet.</p>
+          <h1 class="font-weight-normal m-0 mb-4"><sup>$</sup><strong>90</strong><small>/mo</small></h2>
+          <a href="#" class="btn btn-lg btn-info p-4">Start your Trial</a>
+        </header>
+        <ul class="tiere-feature-list">
+          <li>20 Users</li>
+          <li>3 Archives</li>
+          <li>5 Client Projects</li>
+          <li>5 Client Projects</li>
+          <li>5 Client Projects</li>
+          <li>5 Client Projects</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_38.html.haml

@@ -0,0 +1,54 @@
+%body
+  .container.py-5
+    .row
+      .col-12
+        %h2.pt-5.text-center.header-separator A plan to fit every need.
+        %p.lead.text-center.pb-5 Select the plan that's right for you below, and you can be up and running in minutes.
+    .row.equal-cols
+      .col-12.col-md-4
+        .pricing-table-3.shadow
+          %header
+            %h5.font-weight-bold.text-center.text-uppercase.m-0 Trial
+            %p.text-muted.text-uppercase.mb-5 Lorem ipsum dolor sit amet.
+            %h1.font-weight-normal.m-0.mb-4
+              %sup $
+              %strong 0
+              %small /mo
+              %a.btn.btn-lg.btn-info.p-4{href: "#"} Start your Trial
+          %ul.tiere-feature-list
+            %li 20 Users
+            %li 3 Archives
+            %li 5 Client Projects
+      .col-12.col-md-4
+        .pricing-table-3.shadow
+          %header
+            %h5.font-weight-bold.text-center.text-uppercase.m-0 Bronze
+            %p.text-muted.text-uppercase.mb-5 Lorem ipsum dolor sit amet.
+            %h1.font-weight-normal.m-0.mb-4
+              %sup $
+              %strong 10
+              %small /mo
+              %a.btn.btn-lg.btn-info.p-4{href: "#"} Start your Trial
+          %ul.tiere-feature-list
+            %li 20 Users
+            %li 3 Archives
+            %li 5 Client Projects
+            %li 5 Client Projects
+            %li 5 Client Projects
+      .col-12.col-md-4
+        .pricing-table-3.shadow
+          %header
+            %h5.font-weight-bold.text-center.text-uppercase.m-0 Gold
+            %p.text-muted.text-uppercase.mb-5 Lorem ipsum dolor sit amet.
+            %h1.font-weight-normal.m-0.mb-4
+              %sup $
+              %strong 90
+              %small /mo
+              %a.btn.btn-lg.btn-info.p-4{href: "#"} Start your Trial
+          %ul.tiere-feature-list
+            %li 20 Users
+            %li 3 Archives
+            %li 5 Client Projects
+            %li 5 Client Projects
+            %li 5 Client Projects
+            %li 5 Client Projects

data/app/views/content_blocks/general/_38.html.slim

@@ -0,0 +1,54 @@
+body
+  .container.py-5
+    .row
+      .col-12
+        h2.pt-5.text-center.header-separator A plan to fit every need.
+        p.lead.text-center.pb-5 Select the plan that's right for you below, and you can be up and running in minutes.
+    .row.equal-cols
+      .col-12.col-md-4
+        .pricing-table-3.shadow
+          header
+            h5.font-weight-bold.text-center.text-uppercase.m-0 Trial
+            p.text-muted.text-uppercase.mb-5 Lorem ipsum dolor sit amet.
+            h1.font-weight-normal.m-0.mb-4
+              sup $
+              strong 0
+              small /mo
+              a.btn.btn-lg.btn-info.p-4 href: "#"  Start your Trial
+          ul.tiere-feature-list
+            li 20 Users
+            li 3 Archives
+            li 5 Client Projects
+      .col-12.col-md-4
+        .pricing-table-3.shadow
+          header
+            h5.font-weight-bold.text-center.text-uppercase.m-0 Bronze
+            p.text-muted.text-uppercase.mb-5 Lorem ipsum dolor sit amet.
+            h1.font-weight-normal.m-0.mb-4
+              sup $
+              strong 10
+              small /mo
+              a.btn.btn-lg.btn-info.p-4 href: "#"  Start your Trial
+          ul.tiere-feature-list
+            li 20 Users
+            li 3 Archives
+            li 5 Client Projects
+            li 5 Client Projects
+            li 5 Client Projects
+      .col-12.col-md-4
+        .pricing-table-3.shadow
+          header
+            h5.font-weight-bold.text-center.text-uppercase.m-0 Gold
+            p.text-muted.text-uppercase.mb-5 Lorem ipsum dolor sit amet.
+            h1.font-weight-normal.m-0.mb-4
+              sup $
+              strong 90
+              small /mo
+              a.btn.btn-lg.btn-info.p-4 href: "#"  Start your Trial
+          ul.tiere-feature-list
+            li 20 Users
+            li 3 Archives
+            li 5 Client Projects
+            li 5 Client Projects
+            li 5 Client Projects
+            li 5 Client Projects

data/app/views/content_blocks/general/_39.html.erb

@@ -0,0 +1,16 @@
+<div class="container content-block-9 d-flex flex-column">
+  <div class="row equal-cols align-items-center">
+    <div class="col-12 col-md-3">
+      <img src="<%= image_path('kiso_themes/stock/acme_1.png') %>" >
+    </div>
+    <div class="col-12 col-md-3">
+      <img src="<%= image_path('kiso_themes/stock/acme_2.png') %>" >
+    </div>
+    <div class="col-12 col-md-3">
+      <img src="<%= image_path('kiso_themes/stock/acme_3.png') %>" >
+    </div>
+    <div class="col-12 col-md-3">
+      <img src="<%= image_path('kiso_themes/stock/acme_4.png') %>" >
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_39.html.haml

@@ -0,0 +1,10 @@
+.container.content-block-9.d-flex.flex-column
+  .row.equal-cols.align-items-center
+    .col-12.col-md-3
+      %img{src: "#{image_path('kiso_themes/stock/acme_1.png')}"}/
+    .col-12.col-md-3
+      %img{src: "#{image_path('kiso_themes/stock/acme_2.png')}"}/
+    .col-12.col-md-3
+      %img{src: "#{image_path('kiso_themes/stock/acme_3.png')}"}/
+    .col-12.col-md-3
+      %img{src: "#{image_path('kiso_themes/stock/acme_4.png')}"}/

data/app/views/content_blocks/general/_39.html.slim

@@ -0,0 +1,10 @@
+.container.content-block-9.d-flex.flex-column
+  .row.equal-cols.align-items-center
+    .col-12.col-md-3
+      img src: "#{image_path('kiso_themes/stock/acme_1.png')}" /
+    .col-12.col-md-3
+      img src: "#{image_path('kiso_themes/stock/acme_2.png')}" /
+    .col-12.col-md-3
+      img src: "#{image_path('kiso_themes/stock/acme_3.png')}" /
+    .col-12.col-md-3
+      img src: "#{image_path('kiso_themes/stock/acme_4.png')}" /

data/app/views/content_blocks/general/_4.html.erb

@@ -0,0 +1,12 @@
+<div class="container content-block-4">
+  <div class="row">
+    <div class="co-12 col-md-5 mr-md-auto">
+      <img src="//placeimg.com/600/400/any" class="rounded">
+    </div>
+    <div class="col-12 col-md-6">
+      <h2 class="text-primary">This is an awesome thing here</h2>
+      <p class="lead">Amazing virtues of modern startup capitalism. Ut fuga numquam similique nesciunt dolor. Culpa necessitatibus numquam reprehenderit corporis accusantium numquam doloremque sunt!</p>
+      <p>You won't believe what lorem facere maiores corporis architecto magnam sunt expedita et! Ut fuga numquam similique nesciunt dolor. </p>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_4.html.haml

@@ -0,0 +1,8 @@
+.container.content-block-4
+  .row
+    .co-12.col-md-5.mr-md-auto
+      %img.rounded{src: "//placeimg.com/600/400/any"}/
+    .col-12.col-md-6
+      %h2.text-primary This is an awesome thing here
+      %p.lead Amazing virtues of modern startup capitalism. Ut fuga numquam similique nesciunt dolor. Culpa necessitatibus numquam reprehenderit corporis accusantium numquam doloremque sunt!
+      %p You won't believe what lorem facere maiores corporis architecto magnam sunt expedita et! Ut fuga numquam similique nesciunt dolor.

data/app/views/content_blocks/general/_4.html.slim

@@ -0,0 +1,8 @@
+.container.content-block-4
+  .row
+    .co-12.col-md-5.mr-md-auto
+      img.rounded src: "//placeimg.com/600/400/any" /
+    .col-12.col-md-6
+      h2.text-primary This is an awesome thing here
+      p.lead Amazing virtues of modern startup capitalism. Ut fuga numquam similique nesciunt dolor. Culpa necessitatibus numquam reprehenderit corporis accusantium numquam doloremque sunt!
+      p You won't believe what lorem facere maiores corporis architecto magnam sunt expedita et! Ut fuga numquam similique nesciunt dolor.

data/app/views/content_blocks/general/_40!dark.html.erb

@@ -0,0 +1,9 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-7 ml-md-auto mr-md-auto text-center text-white mt-5 mb-5">
+      <h1 class="text-shadow-light leading-normal">You'll never have to work again</h1>
+      <p class="lead font-weight-medium mt-5 text-shadow-light">PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.</p>
+      <a class="btn btn-lg btn-circle btn-outline-light text-white text-hover-dark" href="javascript:">Find out More</a>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_40!dark.html.haml

@@ -0,0 +1,6 @@
+.container
+  .row
+    .col-12.col-md-7.ml-md-auto.mr-md-auto.text-center.text-white.mt-5.mb-5
+      %h1.text-shadow-light.leading-normal You'll never have to work again
+      %p.lead.font-weight-medium.mt-5.text-shadow-light PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.
+      %a.btn.btn-lg.btn-circle.btn-outline-light.text-white.text-hover-dark{href: "javascript:"} Find out More

data/app/views/content_blocks/general/_40!dark.html.slim

@@ -0,0 +1,6 @@
+.container
+  .row
+    .col-12.col-md-7.ml-md-auto.mr-md-auto.text-center.text-white.mt-5.mb-5
+      h1.text-shadow-light.leading-normal You'll never have to work again
+      p.lead.font-weight-medium.mt-5.text-shadow-light PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.
+      a.btn.btn-lg.btn-circle.btn-outline-light.text-white.text-hover-dark href: "javascript:"  Find out More

data/app/views/content_blocks/general/_5.html.erb

@@ -0,0 +1,28 @@
+<div class="container">
+  <div class="row">
+    <h2 class="header-separator text-center col-12 my-4 mb-5">Can you believe these features?</h2>
+  </div>
+  <div class="row">
+    <div class="col-12 col-md-4 text-center">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "eye", class: "display-1" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "ticket", class: "display-1" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "pulse", class: "display-1" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_5.html.haml

@@ -0,0 +1,19 @@
+.container
+  .row
+    %h2.header-separator.text-center.col-12.my-4.mb-5 Can you believe these features?
+  .row
+    .col-12.col-md-4.text-center
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "eye", class: "display-1"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "ticket", class: "display-1"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "pulse", class: "display-1"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?

data/app/views/content_blocks/general/_5.html.slim

@@ -0,0 +1,19 @@
+.container
+  .row
+    h2.header-separator.text-center.col-12.my-4.mb-5 Can you believe these features?
+  .row
+    .col-12.col-md-4.text-center
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "eye", class: "display-1"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "ticket", class: "display-1"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "pulse", class: "display-1"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?

data/app/views/content_blocks/general/_6.html.erb

@@ -0,0 +1,49 @@
+<div class="container">
+  <div class="row">
+    <h2 class="header-separator text-center col-12 my-4 mb-5">Can you believe these features?</h2>
+  </div>
+  <div class="row">
+    <div class="col-12 col-md-4 text-center mb-5">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "eye", class: "display-3" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center mb-5">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "ticket", class: "display-3" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center mb-5">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "pulse", class: "display-3" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center mt-5">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "eye", class: "display-3" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center mt-5">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "ticket", class: "display-3" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+    <div class="col-12 col-md-4 text-center mt-5">
+      <div class="bg-circle bg-primary-lightest text-white mb-4">
+        <%= theme_icon_tag "pulse", class: "display-3" %>
+      </div>
+      <h3>Amazing Feature</h3>
+      <p>Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_6.html.haml

@@ -0,0 +1,34 @@
+.container
+  .row
+    %h2.header-separator.text-center.col-12.my-4.mb-5 Can you believe these features?
+  .row
+    .col-12.col-md-4.text-center.mb-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "eye", class: "display-3"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mb-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "ticket", class: "display-3"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mb-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "pulse", class: "display-3"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mt-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "eye", class: "display-3"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mt-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "ticket", class: "display-3"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mt-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "pulse", class: "display-3"
+      %h3 Amazing Feature
+      %p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?

data/app/views/content_blocks/general/_6.html.slim

@@ -0,0 +1,34 @@
+.container
+  .row
+    h2.header-separator.text-center.col-12.my-4.mb-5 Can you believe these features?
+  .row
+    .col-12.col-md-4.text-center.mb-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "eye", class: "display-3"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mb-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "ticket", class: "display-3"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mb-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "pulse", class: "display-3"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mt-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "eye", class: "display-3"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mt-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "ticket", class: "display-3"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+    .col-12.col-md-4.text-center.mt-5
+      .bg-circle.bg-primary-lightest.text-white.mb-4
+        = theme_icon_tag "pulse", class: "display-3"
+      h3 Amazing Feature
+      p Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?

data/app/views/content_blocks/general/_7.html.erb

@@ -0,0 +1,21 @@
+<div class="row no-gutters equal-cols align-items-center">
+  <div class="col-12 col-md-5">
+    <img class="mb-3 mb-md-0" src="//placeimg.com/800/600" height="510px">
+  </div>
+  <div class="col-12 col-md-5 mx-md-auto">
+    <h2 class="leading-normal">Ultime fantastic nightstand reproduction</h2>
+    <p class="lead">Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur! </p>
+    <a class="d-table btn btn-outline-primary btn-border-2x" href="javascript:">See the demo</a>
+
+    <div class="row no-gutters mt-5">
+      <div class="col-12 col-md-5">
+        <h6 class="font-weight-normal">Cats on the roof</h6>
+        <p class="small text-muted">Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?</p>
+      </div>
+      <div class="col-12 col-md-5 ml-md-auto">
+        <h6 class="font-weight-normal">Cats on the roof</h6>
+        <p class="small text-muted">Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?</p>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/general/_7.html.haml

@@ -0,0 +1,14 @@
+.row.no-gutters.equal-cols.align-items-center
+  .col-12.col-md-5
+    %img.mb-3.mb-md-0{height: "510px", src: "//placeimg.com/800/600"}/
+  .col-12.col-md-5.mx-md-auto
+    %h2.leading-normal Ultime fantastic nightstand reproduction
+    %p.lead Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur!
+    %a.d-table.btn.btn-outline-primary.btn-border-2x{href: "javascript:"} See the demo
+    .row.no-gutters.mt-5
+      .col-12.col-md-5
+        %h6.font-weight-normal Cats on the roof
+        %p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?
+      .col-12.col-md-5.ml-md-auto
+        %h6.font-weight-normal Cats on the roof
+        %p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?

data/app/views/content_blocks/general/_7.html.slim

@@ -0,0 +1,14 @@
+.row.no-gutters.equal-cols.align-items-center
+  .col-12.col-md-5
+    img.mb-3.mb-md-0 height: "510px", src: "//placeimg.com/800/600" /
+  .col-12.col-md-5.mx-md-auto
+    h2.leading-normal Ultime fantastic nightstand reproduction
+    p.lead Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur!
+    a.d-table.btn.btn-outline-primary.btn-border-2x href: "javascript:"  See the demo
+    .row.no-gutters.mt-5
+      .col-12.col-md-5
+        h6.font-weight-normal Cats on the roof
+        p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?
+      .col-12.col-md-5.ml-md-auto
+        h6.font-weight-normal Cats on the roof
+        p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?

data/app/views/content_blocks/general/_8.html.erb

@@ -0,0 +1,21 @@
+<div class="row no-gutters equal-cols align-items-center">
+  <div class="col-12 col-md-5 mx-md-auto">
+    <h2 class="leading-normal">Ultime fantastic nightstand reproduction</h2>
+    <p class="lead">Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur! </p>
+    <a class="d-table btn btn-outline-primary btn-border-2x" href="javascript:">See the demo</a>
+
+    <div class="row no-gutters mt-5">
+      <div class="col-12 col-md-5">
+        <h6 class="font-weight-normal">Cats on the roof</h6>
+        <p class="small text-muted">Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?</p>
+      </div>
+      <div class="col-12 col-md-5 ml-md-auto">
+        <h6 class="font-weight-normal">Cats on the roof</h6>
+        <p class="small text-muted">Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?</p>
+      </div>
+    </div>
+  </div>
+  <div class="col-12 col-md-5">
+    <img class="mb-3 mb-md-0" src="//placeimg.com/800/600" height="510px">
+  </div>
+</div>