kiso_themes 1.0.2

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

@@ -0,0 +1,50 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-8 mr-md-auto ml-md-auto text-center">
+      <img src="<%= image_path('kiso_themes/pyrrmid_200.png') %>" width="200" height="200" class="mt-3 mb-3">
+      <h3>Introducing a new way to excel</h3>
+      <p class="lead">Caustic soda polygon window ultiamte inversion.</p>
+    </div>
+  </div>
+  <div class="row mt-5">
+    <div class="col-12 col-md-10 ml-md-auto mr-md-auto">
+      <div class="container">
+        <div class="row">
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <div class="media-body">
+                <h6 class="mt-0">Feature 1</h6>
+                <p class="">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <div class="media-body">
+                <h6 class="mt-0">Feature 2</h6>
+                <p class="">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <div class="media-body">
+                <h6 class="mt-0">Feature 3</h6>
+                <p class="">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <div class="media-body">
+                <h6 class="mt-0">Feature 4</h6>
+                <p class="">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,30 @@
+.container
+  .row
+    .col-12.col-md-8.mr-md-auto.ml-md-auto.text-center
+      %img.mt-3.mb-3{height: "200", src: "#{image_path('kiso_themes/pyrrmid_200.png')}", width: "200"}/
+      %h3 Introducing a new way to excel
+      %p.lead Caustic soda polygon window ultiamte inversion.
+  .row.mt-5
+    .col-12.col-md-10.ml-md-auto.mr-md-auto
+      .container
+        .row
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                %h6.mt-0 Feature 1
+                %p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                %h6.mt-0 Feature 2
+                %p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                %h6.mt-0 Feature 3
+                %p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                %h6.mt-0 Feature 4
+                %p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

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

@@ -0,0 +1,30 @@
+.container
+  .row
+    .col-12.col-md-8.mr-md-auto.ml-md-auto.text-center
+      img.mt-3.mb-3 height: "200", src: "#{image_path('kiso_themes/pyrrmid_200.png')}", width: "200" /
+      h3 Introducing a new way to excel
+      p.lead Caustic soda polygon window ultiamte inversion.
+  .row.mt-5
+    .col-12.col-md-10.ml-md-auto.mr-md-auto
+      .container
+        .row
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                h6.mt-0 Feature 1
+                p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                h6.mt-0 Feature 2
+                p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                h6.mt-0 Feature 3
+                p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              .media-body
+                h6.mt-0 Feature 4
+                p Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

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

@@ -0,0 +1,54 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-8 mr-md-auto ml-md-auto text-center">
+      <img src="<%= image_path('kiso_themes/pyrrmid_200.png') %>" class="mt-3 mb-3" width="200" height="200">
+      <h3>Introducing a new way to excel</h3>
+      <p class="lead">Caustic soda polygon window ultiamte inversion.</p>
+    </div>
+  </div>
+  <div class="row mt-5">
+    <div class="col-12 col-md-10 ml-md-auto mr-md-auto">
+      <div class="container">
+        <div class="row">
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <i class="d-flex mr-3 ti-eye h2"></i>
+              <div class="media-body">
+                <h5 class="mt-0">Feature 1</h5>
+                <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <i class="d-flex mr-3 ti-eye h2"></i>
+              <div class="media-body">
+                <h5 class="mt-0">Feature 2</h5>
+                <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <i class="d-flex mr-3 ti-eye h2"></i>
+              <div class="media-body">
+                <h5 class="mt-0">Feature 3</h5>
+                <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="media mb-4">
+              <i class="d-flex mr-3 ti-eye h2"></i>
+              <div class="media-body">
+                <h5 class="mt-0">Feature 4</h5>
+                <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+              </div>
+            </div>
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,34 @@
+.container
+  .row
+    .col-12.col-md-8.mr-md-auto.ml-md-auto.text-center
+      %img.mt-3.mb-3{height: "200", src: "#{image_path('kiso_themes/pyrrmid_200.png')}", width: "200"}/
+      %h3 Introducing a new way to excel
+      %p.lead Caustic soda polygon window ultiamte inversion.
+  .row.mt-5
+    .col-12.col-md-10.ml-md-auto.mr-md-auto
+      .container
+        .row
+          .col-12.col-md-6
+            .media.mb-4
+              %i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                %h5.mt-0 Feature 1
+                %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              %i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                %h5.mt-0 Feature 2
+                %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              %i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                %h5.mt-0 Feature 3
+                %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              %i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                %h5.mt-0 Feature 4
+                %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

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

@@ -0,0 +1,34 @@
+.container
+  .row
+    .col-12.col-md-8.mr-md-auto.ml-md-auto.text-center
+      img.mt-3.mb-3 height: "200", src: "#{image_path('kiso_themes/pyrrmid_200.png')}", width: "200" /
+      h3 Introducing a new way to excel
+      p.lead Caustic soda polygon window ultiamte inversion.
+  .row.mt-5
+    .col-12.col-md-10.ml-md-auto.mr-md-auto
+      .container
+        .row
+          .col-12.col-md-6
+            .media.mb-4
+              i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                h5.mt-0 Feature 1
+                p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                h5.mt-0 Feature 2
+                p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                h5.mt-0 Feature 3
+                p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+          .col-12.col-md-6
+            .media.mb-4
+              i.d-flex.mr-3.ti-eye.h2
+              .media-body
+                h5.mt-0 Feature 4
+                p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row no-gutter bg-dark">
+    <div class="col-12">
+      <div class="d-flex flex-column flex-wrap align-items-center justify-content-center text-white p-5">
+        <h1 class="mb-5">PYRMID Help Desk</h1>
+        <input type="text" class="form-control form-control-lg bg-white border-white text-focus-dark" placeholder="Enter your search query">
+        <p class="small text-white">Need inspiration? Try the following: <strong>How do I get started?, Are refunds available?, Who can close an account?</strong> </p>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,9 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12
+      .d-flex.flex-column.flex-wrap.align-items-center.justify-content-center.text-white.p-5
+        %h1.mb-5 PYRMID Help Desk
+        %input.form-control.form-control-lg.bg-white.border-white.text-focus-dark{placeholder: "Enter your search query", type: "text"}/
+        %p.small.text-white
+          Need inspiration? Try the following:
+          %strong How do I get started?, Are refunds available?, Who can close an account?

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

@@ -0,0 +1,9 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12
+      .d-flex.flex-column.flex-wrap.align-items-center.justify-content-center.text-white.p-5
+        h1.mb-5 PYRMID Help Desk
+        input.form-control.form-control-lg.bg-white.border-white.text-focus-dark placeholder: "Enter your search query", type: "text" /
+        p.small.text-white
+          | Need inspiration? Try the following:
+          strong How do I get started?, Are refunds available?, Who can close an account?

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      <blockquote class="blockquote text-center">
+        <i class="display-1 ti-quote-left text-muted"></i>
+        <h3>This is the best Rails theme I have ever seen. Saves me so much time!</h3>
+        <footer class="blockquote-footer"><%= random_avatar 24, "rounded-circle" %> Someone famous <cite title="Source Title">CTO SparkyFace Inc</cite></footer>
+      </blockquote>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,10 @@
+.container
+  .row
+    .col-12
+      %blockquote.blockquote.text-center
+        %i.display-1.ti-quote-left.text-muted
+        %h3 This is the best Rails theme I have ever seen. Saves me so much time!
+        %footer.blockquote-footer
+          = random_avatar 24, "rounded-circle"
+          Someone famous
+          %cite{title: "Source Title"} CTO SparkyFace Inc

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

@@ -0,0 +1,10 @@
+.container
+  .row
+    .col-12
+      blockquote.blockquote.text-center
+        i.display-1.ti-quote-left.text-muted
+        h3 This is the best Rails theme I have ever seen. Saves me so much time!
+        footer.blockquote-footer
+          = random_avatar 24, "rounded-circle"
+          | Someone famous
+          cite title: "Source Title"  CTO SparkyFace Inc

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      <blockquote class="blockquote border-0">
+        <i class="display-1 ti-quote-left text-muted"></i>
+        <h3 class="text-center">This is the best Rails theme I have ever seen. Saves me so much time!</h3>
+        <footer class="blockquote-footer text-center">Someone famous in <cite title="Source Title">CTO SparkyFace Inc</cite></footer>
+      </blockquote>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,9 @@
+.container
+  .row
+    .col-12
+      %blockquote.blockquote.border-0
+        %i.display-1.ti-quote-left.text-muted
+        %h3.text-center This is the best Rails theme I have ever seen. Saves me so much time!
+        %footer.blockquote-footer.text-center
+          Someone famous in
+          %cite{title: "Source Title"} CTO SparkyFace Inc

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

@@ -0,0 +1,9 @@
+.container
+  .row
+    .col-12
+      blockquote.blockquote.border-0
+        i.display-1.ti-quote-left.text-muted
+        h3.text-center This is the best Rails theme I have ever seen. Saves me so much time!
+        footer.blockquote-footer.text-center
+          | Someone famous in
+          cite title: "Source Title"  CTO SparkyFace Inc

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

@@ -0,0 +1,14 @@
+<div class="container content-block-2">
+  <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">
+      <h3>This is an awesome thing here</h3>
+      <p class="lead">Amazing virtues of modern startup capitalism</p>
+      <p>You won't believe what lorem facere maiores corporis architecto magnam sunt expedita et! Ut fuga numquam similique nesciunt dolor. Culpa necessitatibus numquam reprehenderit corporis accusantium numquam doloremque sunt! Error in magnam ipsum temporibus minus.</p>
+      <a class="btn btn-primary" href="javascript:"><%= theme_icon_tag "eye" %> Action 1</a>
+      <a class="btn btn-success" href="javascript:"><%= theme_icon_tag "upload" %> Action 2</a>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,14 @@
+.container.content-block-2
+  .row
+    .co-12.col-md-5.mr-md-auto
+      %img.rounded{src: "//placeimg.com/600/400/any"}/
+    .col-12.col-md-6
+      %h3 This is an awesome thing here
+      %p.lead Amazing virtues of modern startup capitalism
+      %p You won't believe what lorem facere maiores corporis architecto magnam sunt expedita et! Ut fuga numquam similique nesciunt dolor. Culpa necessitatibus numquam reprehenderit corporis accusantium numquam doloremque sunt! Error in magnam ipsum temporibus minus.
+      %a.btn.btn-primary{href: "javascript:"}
+        = theme_icon_tag "eye"
+        Action 1
+      %a.btn.btn-success{href: "javascript:"}
+        = theme_icon_tag "upload"
+        Action 2

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

@@ -0,0 +1,14 @@
+.container.content-block-2
+  .row
+    .co-12.col-md-5.mr-md-auto
+      img.rounded src: "//placeimg.com/600/400/any" /
+    .col-12.col-md-6
+      h3 This is an awesome thing here
+      p.lead Amazing virtues of modern startup capitalism
+      p You won't believe what lorem facere maiores corporis architecto magnam sunt expedita et! Ut fuga numquam similique nesciunt dolor. Culpa necessitatibus numquam reprehenderit corporis accusantium numquam doloremque sunt! Error in magnam ipsum temporibus minus.
+      a.btn.btn-primary href: "javascript:" 
+        = theme_icon_tag "eye"
+        | Action 1
+      a.btn.btn-success href: "javascript:" 
+        = theme_icon_tag "upload"
+        | Action 2

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

@@ -0,0 +1,9 @@
+<div class="container">
+  <div class="row no-gutter bg-dark">
+    <div class="col-12">
+      <div class="d-flex align-items-center justify-content-between flex-wrap p-5">
+        <h2 class="text-white m-0">This is the best Rails theme in the world. </h2><a href="javascript:" class="btn btn-success">Buy Now</a>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,6 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12
+      .d-flex.align-items-center.justify-content-between.flex-wrap.p-5
+        %h2.text-white.m-0 This is the best Rails theme in the world.
+        %a.btn.btn-success{href: "javascript:"} Buy Now

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

@@ -0,0 +1,6 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12
+      .d-flex.align-items-center.justify-content-between.flex-wrap.p-5
+        h2.text-white.m-0 This is the best Rails theme in the world.
+        a.btn.btn-success href: "javascript:"  Buy Now

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

@@ -0,0 +1,9 @@
+<div class="container">
+  <div class="row no-gutter bg-dark">
+    <div class="col-12 p-5">
+      <div class="d-flex align-items-center justify-content-between flex-wrap p-5 border border-2x">
+        <h2 class="text-white m-0">This is the best Rails theme in the world. </h2><a href="javascript:" class="btn btn-success">Buy Now</a>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,6 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12.p-5
+      .d-flex.align-items-center.justify-content-between.flex-wrap.p-5.border.border-2x
+        %h2.text-white.m-0 This is the best Rails theme in the world.
+        %a.btn.btn-success{href: "javascript:"} Buy Now

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

@@ -0,0 +1,6 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12.p-5
+      .d-flex.align-items-center.justify-content-between.flex-wrap.p-5.border.border-2x
+        h2.text-white.m-0 This is the best Rails theme in the world.
+        a.btn.btn-success href: "javascript:"  Buy Now

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

@@ -0,0 +1,13 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      <div class="d-flex flex-wrap align-items-center justify-content-center p-5 text-center">
+        <h6 class="text-muted">Dolor sunt ut temporibus autem quas molestias explicabo.</h6>
+        <h3 class="text-uppercase mb-5">This is the best Rails Theme that's ever been made</h3>
+
+        <a class="btn btn-circle btn-outline-primary text-uppercase p-3 mr-3 w-25" href="javascript:">Find out More</a>
+        <a class="btn btn-circle btn-outline-success text-uppercase p-3 w-25" href="javascript:">Buy Now</a>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12
+      .d-flex.flex-wrap.align-items-center.justify-content-center.p-5.text-center
+        %h6.text-muted Dolor sunt ut temporibus autem quas molestias explicabo.
+        %h3.text-uppercase.mb-5 This is the best Rails Theme that's ever been made
+        %a.btn.btn-circle.btn-outline-primary.text-uppercase.p-3.mr-3.w-25{href: "javascript:"} Find out More
+        %a.btn.btn-circle.btn-outline-success.text-uppercase.p-3.w-25{href: "javascript:"} Buy Now

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

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12
+      .d-flex.flex-wrap.align-items-center.justify-content-center.p-5.text-center
+        h6.text-muted Dolor sunt ut temporibus autem quas molestias explicabo.
+        h3.text-uppercase.mb-5 This is the best Rails Theme that's ever been made
+        a.btn.btn-circle.btn-outline-primary.text-uppercase.p-3.mr-3.w-25 href: "javascript:"  Find out More
+        a.btn.btn-circle.btn-outline-success.text-uppercase.p-3.w-25 href: "javascript:"  Buy Now

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

@@ -0,0 +1,13 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      <div class="d-flex flex-wrap align-items-center justify-content-center p-5 text-center bg-dark text-white">
+        <h6 class="text-muted">Dolor sunt ut temporibus autem quas molestias explicabo.</h6>
+        <h3 class="text-uppercase mb-5">This is the best Rails Theme that's ever been made</h3>
+
+        <a class="btn btn-circle btn-outline-primary text-uppercase text-white p-3 mr-3 w-25" href="javascript:">Find out More</a>
+        <a class="btn btn-circle btn-outline-success text-uppercase text-white p-3 w-25" href="javascript:">Buy Now</a>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12
+      .d-flex.flex-wrap.align-items-center.justify-content-center.p-5.text-center.bg-dark.text-white
+        %h6.text-muted Dolor sunt ut temporibus autem quas molestias explicabo.
+        %h3.text-uppercase.mb-5 This is the best Rails Theme that's ever been made
+        %a.btn.btn-circle.btn-outline-primary.text-uppercase.text-white.p-3.mr-3.w-25{href: "javascript:"} Find out More
+        %a.btn.btn-circle.btn-outline-success.text-uppercase.text-white.p-3.w-25{href: "javascript:"} Buy Now

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

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12
+      .d-flex.flex-wrap.align-items-center.justify-content-center.p-5.text-center.bg-dark.text-white
+        h6.text-muted Dolor sunt ut temporibus autem quas molestias explicabo.
+        h3.text-uppercase.mb-5 This is the best Rails Theme that's ever been made
+        a.btn.btn-circle.btn-outline-primary.text-uppercase.text-white.p-3.mr-3.w-25 href: "javascript:"  Find out More
+        a.btn.btn-circle.btn-outline-success.text-uppercase.text-white.p-3.w-25 href: "javascript:"  Buy Now

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

@@ -0,0 +1,60 @@
+<div class="container">
+  <h2 class="text-center header-separator mt-4">Our Amazing Partners</h2>
+  <p class="text-center lead text-uppercase mb-5">Ipsum aliquam optio est maxime quam. Neque tempore voluptas a veritatis.</p>
+  <div class="row">
+    <div class="col-12 col-md-4">
+      <div class="media mb-4 border border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "eye", class: "h2" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="media mb-4 border border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "hand-stop", class: "h2" %>
+          <h5 class="mt-0">Feature 2</h5>
+          <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="media mb-4 border border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "info", class: "h2" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="media mb-4 border border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "ticket", class: "h2" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="media border border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "panel", class: "h2" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-12 col-md-4">
+      <div class="media mb-4 border border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "bolt", class: "h2" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,40 @@
+.container
+  %h2.text-center.header-separator.mt-4 Our Amazing Partners
+  %p.text-center.lead.text-uppercase.mb-5 Ipsum aliquam optio est maxime quam. Neque tempore voluptas a veritatis.
+  .row
+    .col-12.col-md-4
+      .media.mb-4.border.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "eye", class: "h2"
+          %h5.mt-0 Feature 1
+          %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+    .col-12.col-md-4
+      .media.mb-4.border.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "hand-stop", class: "h2"
+          %h5.mt-0 Feature 2
+          %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+    .col-12.col-md-4
+      .media.mb-4.border.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "info", class: "h2"
+          %h5.mt-0 Feature 1
+          %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+    .col-12.col-md-4
+      .media.mb-4.border.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "ticket", class: "h2"
+          %h5.mt-0 Feature 1
+          %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+    .col-12.col-md-4
+      .media.border.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "panel", class: "h2"
+          %h5.mt-0 Feature 1
+          %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+    .col-12.col-md-4
+      .media.mb-4.border.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "bolt", class: "h2"
+          %h5.mt-0 Feature 1
+          %p.small Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.