kiso_themes 1.0.2

data/app/views/content_blocks/basic/_3.html.erb

@@ -0,0 +1,12 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-4">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.</p>
+    </div>
+    <div class="col-12 col-md-8">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/basic/_3.html.haml

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12.col-md-4
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-8
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

data/app/views/content_blocks/basic/_3.html.slim

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12.col-md-4
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-8
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,20 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-3">
+      <h5>Segment Header text</h5>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.</p>
+    </div>
+    <div class="col-12 col-md-3">
+      <h5>Segment Header text</h5>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+    <div class="col-12 col-md-3">
+      <h5>Segment Header text</h5>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+    <div class="col-12 col-md-3">
+      <h5>Segment Header text</h5>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,14 @@
+.container
+  .row
+    .col-12.col-md-3
+      %h5 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-3
+      %h5 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-3
+      %h5 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-3
+      %h5 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,14 @@
+.container
+  .row
+    .col-12.col-md-3
+      h5 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-3
+      h5 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-3
+      h5 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-3
+      h5 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,16 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-4">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.</p>
+    </div>
+    <div class="col-12 col-md-4">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+    <div class="col-12 col-md-4">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,11 @@
+.container
+  .row
+    .col-12.col-md-4
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,11 @@
+.container
+  .row
+    .col-12.col-md-4
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-4 d-flex align-items-center justify-content-center">
+      <img src="//placeimg.com/400/300/any" width="300" height="200">
+    </div>
+    <div class="col-12 col-md-8">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+.container
+  .row
+    .col-12.col-md-4.d-flex.align-items-center.justify-content-center
+      %img{height: "200", src: "//placeimg.com/400/300/any", width: "300"}/
+    .col-12.col-md-8
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,7 @@
+.container
+  .row
+    .col-12.col-md-4.d-flex.align-items-center.justify-content-center
+      img height: "200", src: "//placeimg.com/400/300/any", width: "300" /
+    .col-12.col-md-8
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-8">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+    <div class="col-12 col-md-4 d-flex align-items-center justify-content-center">
+      <img src="//placeimg.com/400/300/any" width="300" height="200">
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+.container
+  .row
+    .col-12.col-md-8
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4.d-flex.align-items-center.justify-content-center
+      %img{height: "200", src: "//placeimg.com/400/300/any", width: "300"}/

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

@@ -0,0 +1,7 @@
+.container
+  .row
+    .col-12.col-md-8
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4.d-flex.align-items-center.justify-content-center
+      img height: "200", src: "//placeimg.com/400/300/any", width: "300" /

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

@@ -0,0 +1,19 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 col-md-4">
+      <img class="py-3" src="//placeimg.com/400/300/any" width="300" height="200">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.</p>
+    </div>
+    <div class="col-12 col-md-4">
+      <img class="py-3" src="//placeimg.com/400/300/any" width="300" height="200">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+    <div class="col-12 col-md-4">
+      <img class="py-3" src="//placeimg.com/400/300/any" width="300" height="200">
+      <h4>Segment Header text</h4>
+      <p>Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi. </p>
+    </div>
+  </div>
+</div>

data/app/views/content_blocks/basic/_8.html.haml

@@ -0,0 +1,14 @@
+.container
+  .row
+    .col-12.col-md-4
+      %img.py-3{height: "200", src: "//placeimg.com/400/300/any", width: "300"}/
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      %img.py-3{height: "200", src: "//placeimg.com/400/300/any", width: "300"}/
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      %img.py-3{height: "200", src: "//placeimg.com/400/300/any", width: "300"}/
+      %h4 Segment Header text
+      %p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

data/app/views/content_blocks/basic/_8.html.slim

@@ -0,0 +1,14 @@
+.container
+  .row
+    .col-12.col-md-4
+      img.py-3 height: "200", src: "//placeimg.com/400/300/any", width: "300" /
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      img.py-3 height: "200", src: "//placeimg.com/400/300/any", width: "300" /
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.
+    .col-12.col-md-4
+      img.py-3 height: "200", src: "//placeimg.com/400/300/any", width: "300" /
+      h4 Segment Header text
+      p Dolor nobis reiciendis assumenda voluptatem animi voluptas adipisci. Maxime reprehenderit ullam non esse eaque? Corrupti deleniti doloribus doloribus ipsum ab in ipsam. Qui inventore pariatur delectus beatae voluptate molestiae sequi.

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

@@ -0,0 +1,14 @@
+<div class="container content-block-1">
+  <div class="row">
+    <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 class="co-12 col-md-5 ml-md-auto">
+      <img src="//placeimg.com/600/400/any" class="rounded">
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,14 @@
+.container.content-block-1
+  .row
+    .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
+    .co-12.col-md-5.ml-md-auto
+      %img.rounded{src: "//placeimg.com/600/400/any"}/

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

@@ -0,0 +1,14 @@
+.container.content-block-1
+  .row
+    .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
+    .co-12.col-md-5.ml-md-auto
+      img.rounded src: "//placeimg.com/600/400/any" /

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 d-flex flex-wrap align-items-center justify-content-between">
+      <div class="cta-body">
+        <h5 class="m-0">Try it for free</h5>
+        <p class="lead m-0">Already using MyApp? <a href="#">Sign in.</a></p>
+      </div>
+      <a class="btn btn-primary btn-lg text-uppercase d-table" href="javascript:">Get Started</a>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,9 @@
+.container
+  .row
+    .col-12.d-flex.flex-wrap.align-items-center.justify-content-between
+      .cta-body
+        %h5.m-0 Try it for free
+        %p.lead.m-0
+          Already using MyApp?
+          %a{href: "#"} Sign in.
+      %a.btn.btn-primary.btn-lg.text-uppercase.d-table{href: "javascript:"} Get Started

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

@@ -0,0 +1,9 @@
+.container
+  .row
+    .col-12.d-flex.flex-wrap.align-items-center.justify-content-between
+      .cta-body
+        h5.m-0 Try it for free
+        p.lead.m-0
+          | Already using MyApp?
+          a href: "#"  Sign in.
+      a.btn.btn-primary.btn-lg.text-uppercase.d-table href: "javascript:"  Get Started

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 d-flex flex-wrap align-items-center justify-content-between">
+      <a class="btn btn-primary btn-lg text-uppercase d-table" href="javascript:">Get Started</a>
+      <div class="cta-body text-right">
+        <h5 class="m-0">Try it for free</h5>
+        <p class="lead m-0">Already using MyApp? <a href="#">Sign in.</a></p>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,9 @@
+.container
+  .row
+    .col-12.d-flex.flex-wrap.align-items-center.justify-content-between
+      %a.btn.btn-primary.btn-lg.text-uppercase.d-table{href: "javascript:"} Get Started
+      .cta-body.text-right
+        %h5.m-0 Try it for free
+        %p.lead.m-0
+          Already using MyApp?
+          %a{href: "#"} Sign in.

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

@@ -0,0 +1,9 @@
+.container
+  .row
+    .col-12.d-flex.flex-wrap.align-items-center.justify-content-between
+      a.btn.btn-primary.btn-lg.text-uppercase.d-table href: "javascript:"  Get Started
+      .cta-body.text-right
+        h5.m-0 Try it for free
+        p.lead.m-0
+          | Already using MyApp?
+          a href: "#"  Sign in.

data/app/views/content_blocks/general/_12.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">
+        <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-4">
+      <div class="media mb-4">
+        <i class="d-flex mr-3 ti-hand-stop 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-4">
+      <div class="media mb-4">
+        <i class="d-flex mr-3 ti-info 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-4">
+      <div class="media mb-4">
+        <i class="d-flex mr-3 ti-ticket 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-4">
+      <div class="media">
+        <i class="d-flex mr-3 ti-panel 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-4">
+      <div class="media mb-4">
+        <i class="d-flex mr-3 ti-bolt 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>
+</div>

data/app/views/content_blocks/general/_12.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
+        %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-4
+      .media.mb-4
+        %i.d-flex.mr-3.ti-hand-stop.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-4
+      .media.mb-4
+        %i.d-flex.mr-3.ti-info.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-4
+      .media.mb-4
+        %i.d-flex.mr-3.ti-ticket.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-4
+      .media
+        %i.d-flex.mr-3.ti-panel.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-4
+      .media.mb-4
+        %i.d-flex.mr-3.ti-bolt.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.

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

@@ -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
+        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-4
+      .media.mb-4
+        i.d-flex.mr-3.ti-hand-stop.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-4
+      .media.mb-4
+        i.d-flex.mr-3.ti-info.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-4
+      .media.mb-4
+        i.d-flex.mr-3.ti-ticket.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-4
+      .media
+        i.d-flex.mr-3.ti-panel.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-4
+      .media.mb-4
+        i.d-flex.mr-3.ti-bolt.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.

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

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row">
+    <div class="col-12 d-flex flex-column flex-wrap align-items-center justify-content-center p-5">
+      <div class="border border-info border-2x btn-lg text-uppercase">
+        <h4 class="m-0">Made with <%= theme_icon_tag "heart" %> in Victoria, BC</h4>
+      </div>
+      <h6 class="text-center pt-5">Ipsum soluta labore! Assumenda!</h6>
+      <div class="btn btn-success">Sign up Now</div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12.d-flex.flex-column.flex-wrap.align-items-center.justify-content-center.p-5
+      .border.border-info.border-2x.btn-lg.text-uppercase
+        %h4.m-0
+          Made with #{theme_icon_tag "heart"} in Victoria, BC
+      %h6.text-center.pt-5 Ipsum soluta labore! Assumenda!
+      .btn.btn-success Sign up Now

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

@@ -0,0 +1,8 @@
+.container
+  .row
+    .col-12.d-flex.flex-column.flex-wrap.align-items-center.justify-content-center.p-5
+      .border.border-info.border-2x.btn-lg.text-uppercase
+        h4.m-0
+          | Made with #{theme_icon_tag "heart"} in Victoria, BC
+      h6.text-center.pt-5 Ipsum soluta labore! Assumenda!
+      .btn.btn-success Sign up Now

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

@@ -0,0 +1,18 @@
+<div class="container">
+  <div class="row no-gutter bg-dark">
+    <div class="col-12 d-flex flex-wrap align-items-center justify-content-between p-5">
+      <div class="text-white">
+        <h2 class="m-0">Sign up to our Mailing list</h2>
+        <p class="m-0 lead text-muted">Stay up to date with all the latest announcements</p>
+      </div>
+      <form class="d-flex flex-column align-items-center justify-content-end">
+        <div class="input-group">
+					<input type="email" class="form-control text-white text-focus-dark" placeholder="your email address">
+					<span class="input-group-btn">
+						<button class="btn btn-info" type="button">Subscribe now</button>
+					</span>
+				</div>
+      </form>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,11 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12.d-flex.flex-wrap.align-items-center.justify-content-between.p-5
+      .text-white
+        %h2.m-0 Sign up to our Mailing list
+        %p.m-0.lead.text-muted Stay up to date with all the latest announcements
+      %form.d-flex.flex-column.align-items-center.justify-content-end
+        .input-group
+          %input.form-control.text-white.text-focus-dark{placeholder: "your email address", type: "email"}/
+          %span.input-group-btn
+            %button.btn.btn-info{type: "button"} Subscribe now

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

@@ -0,0 +1,11 @@
+.container
+  .row.no-gutter.bg-dark
+    .col-12.d-flex.flex-wrap.align-items-center.justify-content-between.p-5
+      .text-white
+        h2.m-0 Sign up to our Mailing list
+        p.m-0.lead.text-muted Stay up to date with all the latest announcements
+      form.d-flex.flex-column.align-items-center.justify-content-end
+        .input-group
+          input.form-control.text-white.text-focus-dark placeholder: "your email address", type: "email" /
+          span.input-group-btn
+            button.btn.btn-info type: "button"  Subscribe now