kiso_themes 1.0.2

data/app/views/content_blocks/general/_24.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.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.

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

@@ -0,0 +1,60 @@
+<div class="container bg-dark text-white p-4">
+  <h2 class="text-center header-separator mt-4">Fantastic Feature Grid</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 rounded border-gray-900 border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "eye", class: "h2 text-gray-500" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small text-gray-500">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 rounded border-gray-900 border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "hand-stop", class: "h2 text-gray-500" %>
+          <h5 class="mt-0">Feature 2</h5>
+          <p class="small text-gray-500">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 rounded border-gray-900 border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "info", class: "h2 text-gray-500" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small text-gray-500">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 rounded border-gray-900 border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "ticket", class: "h2 text-gray-500" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small text-gray-500">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 rounded border-gray-900 border-2x p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "panel", class: "h2 text-gray-500" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small text-gray-500">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 rounded border-gray-900 border-2x border-gray-200 p-3 text-center">
+        <div class="media-body">
+          <%= theme_icon_tag "bolt", class: "h2 text-gray-500" %>
+          <h5 class="mt-0">Feature 1</h5>
+          <p class="small text-gray-500">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/_25.html.haml

@@ -0,0 +1,40 @@
+.container.bg-dark.text-white.p-4
+  %h2.text-center.header-separator.mt-4 Fantastic Feature Grid
+  %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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "eye", class: "h2 text-gray-500"
+          %h5.mt-0 Feature 1
+          %p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "hand-stop", class: "h2 text-gray-500"
+          %h5.mt-0 Feature 2
+          %p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "info", class: "h2 text-gray-500"
+          %h5.mt-0 Feature 1
+          %p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "ticket", class: "h2 text-gray-500"
+          %h5.mt-0 Feature 1
+          %p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "panel", class: "h2 text-gray-500"
+          %h5.mt-0 Feature 1
+          %p.small.text-gray-500 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.rounded.border-gray-900.border-2x.border-gray-200.p-3.text-center
+        .media-body
+          = theme_icon_tag "bolt", class: "h2 text-gray-500"
+          %h5.mt-0 Feature 1
+          %p.small.text-gray-500 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/_25.html.slim

@@ -0,0 +1,40 @@
+.container.bg-dark.text-white.p-4
+  h2.text-center.header-separator.mt-4 Fantastic Feature Grid
+  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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "eye", class: "h2 text-gray-500"
+          h5.mt-0 Feature 1
+          p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "hand-stop", class: "h2 text-gray-500"
+          h5.mt-0 Feature 2
+          p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "info", class: "h2 text-gray-500"
+          h5.mt-0 Feature 1
+          p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "ticket", class: "h2 text-gray-500"
+          h5.mt-0 Feature 1
+          p.small.text-gray-500 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.rounded.border-gray-900.border-2x.p-3.text-center
+        .media-body
+          = theme_icon_tag "panel", class: "h2 text-gray-500"
+          h5.mt-0 Feature 1
+          p.small.text-gray-500 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.rounded.border-gray-900.border-2x.border-gray-200.p-3.text-center
+        .media-body
+          = theme_icon_tag "bolt", class: "h2 text-gray-500"
+          h5.mt-0 Feature 1
+          p.small.text-gray-500 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/_26.html.erb

@@ -0,0 +1,11 @@
+<div class="container">
+  <div class="row no-gutter" style="background-image: url(<%= image_path('kiso_themes/stock/landscape_12.jpg') %>)">
+    <div class="col-12 col-md-8 ml-md-auto mr-md-auto text-center text-white p-5">
+      <div class="d-flex flex-column align-items-center justify-content-center">
+        <i class="h3 border border-2x rounded-circle p-3 mb-3 ti-eye"></i>
+        <h2 class="font-weight-bold">Reticulating Splines After Hours</h2>
+        <p>Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.</p>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+.container
+  .row.no-gutter{style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})"}
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-center.text-white.p-5
+      .d-flex.flex-column.align-items-center.justify-content-center
+        %i.h3.border.border-2x.rounded-circle.p-3.mb-3.ti-eye
+        %h2.font-weight-bold Reticulating Splines After Hours
+        %p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.

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

@@ -0,0 +1,7 @@
+.container
+  .row.no-gutter style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})" 
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-center.text-white.p-5
+      .d-flex.flex-column.align-items-center.justify-content-center
+        i.h3.border.border-2x.rounded-circle.p-3.mb-3.ti-eye
+        h2.font-weight-bold Reticulating Splines After Hours
+        p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.

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

@@ -0,0 +1,13 @@
+<div class="container">
+  <div class="row no-gutter" style="background-image: url(<%= image_path('kiso_themes/stock/landscape_12.jpg') %>)">
+    <div class="col-12 col-md-8 ml-md-auto mr-md-auto text-white p-5">
+      <div class="media">
+        <i class="d-flex mr-3 h1 border border-2x rounded-circle p-3 mb-3 ti-eye"></i>
+        <div class="media-body">
+          <h2 class="font-weight-bold">Reticulating Splines After Hours</h2>
+          <p>Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+.container
+  .row.no-gutter{style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})"}
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-white.p-5
+      .media
+        %i.d-flex.mr-3.h1.border.border-2x.rounded-circle.p-3.mb-3.ti-eye
+        .media-body
+          %h2.font-weight-bold Reticulating Splines After Hours
+          %p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.

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

@@ -0,0 +1,8 @@
+.container
+  .row.no-gutter style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})" 
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-white.p-5
+      .media
+        i.d-flex.mr-3.h1.border.border-2x.rounded-circle.p-3.mb-3.ti-eye
+        .media-body
+          h2.font-weight-bold Reticulating Splines After Hours
+          p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.

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

@@ -0,0 +1,13 @@
+<div class="container">
+  <div class="row no-gutter" style="background-image: url(<%= image_path('kiso_themes/stock/landscape_12.jpg') %>)">
+    <div class="col-12 col-md-8 ml-md-auto mr-md-auto text-white p-5">
+      <div class="media align-items-center">
+        <i class="d-flex mr-3 display-1 border border-2x rounded-circle p-3 mb-3 ti-eye"></i>
+        <div class="media-body">
+          <h2 class="font-weight-bold">Reticulating Splines After Hours</h2>
+          <p>Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+.container
+  .row.no-gutter{style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})"}
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-white.p-5
+      .media.align-items-center
+        %i.d-flex.mr-3.display-1.border.border-2x.rounded-circle.p-3.mb-3.ti-eye
+        .media-body
+          %h2.font-weight-bold Reticulating Splines After Hours
+          %p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.

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

@@ -0,0 +1,8 @@
+.container
+  .row.no-gutter style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})" 
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-white.p-5
+      .media.align-items-center
+        i.d-flex.mr-3.display-1.border.border-2x.rounded-circle.p-3.mb-3.ti-eye
+        .media-body
+          h2.font-weight-bold Reticulating Splines After Hours
+          p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.

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

@@ -0,0 +1,13 @@
+<div class="container">
+  <div class="row no-gutter" style="background-image: url(<%= image_path('kiso_themes/stock/landscape_12.jpg') %>)">
+    <div class="col-12 col-md-8 ml-md-auto mr-md-auto text-white p-5">
+      <div class="media align-items-center">
+        <div class="media-body">
+          <h2 class="font-weight-bold">Reticulating Splines After Hours</h2>
+          <p>Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.</p>
+        </div>
+        <i class="d-flex mr-3 display-1 border border-2x rounded-circle p-3 mb-3 ti-eye"></i>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+.container
+  .row.no-gutter{style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})"}
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-white.p-5
+      .media.align-items-center
+        .media-body
+          %h2.font-weight-bold Reticulating Splines After Hours
+          %p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.
+        %i.d-flex.mr-3.display-1.border.border-2x.rounded-circle.p-3.mb-3.ti-eye

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

@@ -0,0 +1,8 @@
+.container
+  .row.no-gutter style: "background-image: url(#{image_path('kiso_themes/stock/landscape_12.jpg')})" 
+    .col-12.col-md-8.ml-md-auto.mr-md-auto.text-white.p-5
+      .media.align-items-center
+        .media-body
+          h2.font-weight-bold Reticulating Splines After Hours
+          p Amet nihil facilis delectus reprehenderit corrupti atque minus sit ipsam officia assumenda sunt, obcaecati eum eos nobis reprehenderit. Natus velit cumque perspiciatis enim neque dolorem laudantium, commodi nisi voluptatum ratione.
+        i.d-flex.mr-3.display-1.border.border-2x.rounded-circle.p-3.mb-3.ti-eye

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

@@ -0,0 +1,12 @@
+<div class="container content-block-3">
+  <div class="row">
+    <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 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/_3.html.haml

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

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

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

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

@@ -0,0 +1,40 @@
+<div class="container">
+  <div class="row no-gutter bg-dark p-5">
+    <div class="col-12 col-md-5">
+      <div class="d-flex flex-column flex-wrap align-items-start justify-content-center">
+        <img src="<%= image_path('kiso_themes/pyrrmid_64.png') %>" class="mb-3" width="32" height="32" >
+        <h6 class="text-white">PYRMID</h6>
+        <p class="small text-muted m-0">&copy; 2017 &dash; PYRMID INC</p>
+      </div>
+    </div>
+    <div class="col-12 col-md-6 ml-md-auto text-white">
+      <div class="row">
+        <div class="col-12 col-md-4">
+          <h6>NAVIGATION</h6>
+          <ul class="list-unstyled">
+            <li><a href="javascript:" class="text-hover-light">Home</a></li>
+            <li><a href="javascript:" class="text-hover-light">About</a></li>
+            <li><a href="javascript:" class="text-hover-light">Projects</a></li>
+            <li><a href="javascript:" class="text-hover-light">Contact</a></li>
+          </ul>
+        </div>
+        <div class="col-12 col-md-4">
+          <h6>LEGAL</h6>
+          <ul class="list-unstyled">
+            <li><a href="javascript:" class="text-hover-light">Terms of Service</a></li>
+            <li><a href="javascript:" class="text-hover-light">Privacy Policy</a></li>
+            <li><a href="javascript:" class="text-hover-light">Cookie Policy</a></li>
+          </ul>
+        </div>
+        <div class="col-12 col-md-4">
+          <h6>SUPPORT</h6>
+          <ul class="list-unstyled">
+            <li><a href="javascript:" class="text-hover-light">FAQ</a></li>
+            <li><a href="javascript:" class="text-hover-light">Help Desk</a></li>
+            <li><a href="javascript:" class="text-hover-light">Knowledge Base</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,38 @@
+.container
+  .row.no-gutter.bg-dark.p-5
+    .col-12.col-md-5
+      .d-flex.flex-column.flex-wrap.align-items-start.justify-content-center
+        %img.mb-3{height: "32", src: "#{image_path('kiso_themes/pyrrmid_64.png')}", width: "32"}/
+        %h6.text-white PYRMID
+        %p.small.text-muted.m-0 © 2017 ‐ PYRMID INC
+    .col-12.col-md-6.ml-md-auto.text-white
+      .row
+        .col-12.col-md-4
+          %h6 NAVIGATION
+          %ul.list-unstyled
+            %li
+              %a.text-hover-light{href: "javascript:"} Home
+            %li
+              %a.text-hover-light{href: "javascript:"} About
+            %li
+              %a.text-hover-light{href: "javascript:"} Projects
+            %li
+              %a.text-hover-light{href: "javascript:"} Contact
+        .col-12.col-md-4
+          %h6 LEGAL
+          %ul.list-unstyled
+            %li
+              %a.text-hover-light{href: "javascript:"} Terms of Service
+            %li
+              %a.text-hover-light{href: "javascript:"} Privacy Policy
+            %li
+              %a.text-hover-light{href: "javascript:"} Cookie Policy
+        .col-12.col-md-4
+          %h6 SUPPORT
+          %ul.list-unstyled
+            %li
+              %a.text-hover-light{href: "javascript:"} FAQ
+            %li
+              %a.text-hover-light{href: "javascript:"} Help Desk
+            %li
+              %a.text-hover-light{href: "javascript:"} Knowledge Base

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

@@ -0,0 +1,38 @@
+.container
+  .row.no-gutter.bg-dark.p-5
+    .col-12.col-md-5
+      .d-flex.flex-column.flex-wrap.align-items-start.justify-content-center
+        img.mb-3 height: "32", src: "#{image_path('kiso_themes/pyrrmid_64.png')}", width: "32" /
+        h6.text-white PYRMID
+        p.small.text-muted.m-0 © 2017 ‐ PYRMID INC
+    .col-12.col-md-6.ml-md-auto.text-white
+      .row
+        .col-12.col-md-4
+          h6 NAVIGATION
+          ul.list-unstyled
+            li
+              a.text-hover-light href: "javascript:"  Home
+            li
+              a.text-hover-light href: "javascript:"  About
+            li
+              a.text-hover-light href: "javascript:"  Projects
+            li
+              a.text-hover-light href: "javascript:"  Contact
+        .col-12.col-md-4
+          h6 LEGAL
+          ul.list-unstyled
+            li
+              a.text-hover-light href: "javascript:"  Terms of Service
+            li
+              a.text-hover-light href: "javascript:"  Privacy Policy
+            li
+              a.text-hover-light href: "javascript:"  Cookie Policy
+        .col-12.col-md-4
+          h6 SUPPORT
+          ul.list-unstyled
+            li
+              a.text-hover-light href: "javascript:"  FAQ
+            li
+              a.text-hover-light href: "javascript:"  Help Desk
+            li
+              a.text-hover-light href: "javascript:"  Knowledge Base

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

@@ -0,0 +1,19 @@
+<div class="container">
+  <div class="row no-gutter bg-dark p-5">
+    <div class="col-12">
+      <div class="d-flex flex-row flex-wrap align-items-center justify-content-between">
+        <div class="d-flex flex-row flex-wrap align-items-center justify-content-start">
+          <img src="<%= image_path('kiso_themes/pyrrmid_64.png') %>" class="mr-3" width="32" height="32" >
+          <h6 class="text-white m-0 mr-4">PYRMID</h6>
+          <ul class="list-inline m-0">
+            <li class="list-inline-item"><a href="javascript:" class="text-hover-light">Home</a></li>
+            <li class="list-inline-item"><a href="javascript:" class="text-hover-light">About</a></li>
+            <li class="list-inline-item"><a href="javascript:" class="text-hover-light">Projects</a></li>
+            <li class="list-inline-item"><a href="javascript:" class="text-hover-light">Contact</a></li>
+          </ul>
+        </div>
+        <p class="small text-muted m-0">&copy; 2017 &dash; PYRMID INC</p>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,17 @@
+.container
+  .row.no-gutter.bg-dark.p-5
+    .col-12
+      .d-flex.flex-row.flex-wrap.align-items-center.justify-content-between
+        .d-flex.flex-row.flex-wrap.align-items-center.justify-content-start
+          %img.mr-3{height: "32", src: "#{image_path('kiso_themes/pyrrmid_64.png')}", width: "32"}/
+          %h6.text-white.m-0.mr-4 PYRMID
+          %ul.list-inline.m-0
+            %li.list-inline-item
+              %a.text-hover-light{href: "javascript:"} Home
+            %li.list-inline-item
+              %a.text-hover-light{href: "javascript:"} About
+            %li.list-inline-item
+              %a.text-hover-light{href: "javascript:"} Projects
+            %li.list-inline-item
+              %a.text-hover-light{href: "javascript:"} Contact
+        %p.small.text-muted.m-0 © 2017 ‐ PYRMID INC

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

@@ -0,0 +1,17 @@
+.container
+  .row.no-gutter.bg-dark.p-5
+    .col-12
+      .d-flex.flex-row.flex-wrap.align-items-center.justify-content-between
+        .d-flex.flex-row.flex-wrap.align-items-center.justify-content-start
+          img.mr-3 height: "32", src: "#{image_path('kiso_themes/pyrrmid_64.png')}", width: "32" /
+          h6.text-white.m-0.mr-4 PYRMID
+          ul.list-inline.m-0
+            li.list-inline-item
+              a.text-hover-light href: "javascript:"  Home
+            li.list-inline-item
+              a.text-hover-light href: "javascript:"  About
+            li.list-inline-item
+              a.text-hover-light href: "javascript:"  Projects
+            li.list-inline-item
+              a.text-hover-light href: "javascript:"  Contact
+        p.small.text-muted.m-0 © 2017 ‐ PYRMID INC

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

@@ -0,0 +1,51 @@
+<div class="container">
+  <div class="row no-gutter bg-dark p-5">
+    <div class="col-12 col-md-2">
+      <div class="d-flex flex-column flex-wrap align-items-start justify-content-center">
+        <img src="<%= image_path('kiso_themes/pyrrmid_64.png') %>" class="mb-3" width="64" height="64" >
+        <h6 class="text-white">PYRMID</h6>
+      </div>
+    </div>
+    <div class="col-12 col-md-10 ml-md-auto text-white">
+      <div class="row">
+        <div class="col-12 col-md-3">
+          <h6>NAVIGATION</h6>
+          <ul class="list-unstyled">
+            <li><a href="javascript:" class="text-hover-light">Home</a></li>
+            <li><a href="javascript:" class="text-hover-light">About</a></li>
+            <li><a href="javascript:" class="text-hover-light">Projects</a></li>
+            <li><a href="javascript:" class="text-hover-light">Contact</a></li>
+          </ul>
+        </div>
+        <div class="col-12 col-md-3">
+          <h6>LEGAL</h6>
+          <ul class="list-unstyled">
+            <li><a href="javascript:" class="text-hover-light">Terms of Service</a></li>
+            <li><a href="javascript:" class="text-hover-light">Privacy Policy</a></li>
+            <li><a href="javascript:" class="text-hover-light">Cookie Policy</a></li>
+          </ul>
+        </div>
+        <div class="col-12 col-md-3">
+          <h6>SUPPORT</h6>
+          <ul class="list-unstyled">
+            <li><a href="javascript:" class="text-hover-light">FAQ</a></li>
+            <li><a href="javascript:" class="text-hover-light">Help Desk</a></li>
+            <li><a href="javascript:" class="text-hover-light">Knowledge Base</a></li>
+          </ul>
+        </div>
+        <div class="col-12 col-md-3">
+          <h6>SUBSCRIBE</h6>
+          <form action="">
+            <input type="text" class="form-control text-white text-focus-dark small" placeholder="Your Email">
+            <button class="btn btn-success btn-sm btn-block mt-2" type="button">Get Notified</button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row no-gutter bg-dark p-4">
+    <div class="col-12 text-center">
+      <p class="small text-muted m-0">&copy; 2017 &dash; PYRMID INC</p>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,45 @@
+.container
+  .row.no-gutter.bg-dark.p-5
+    .col-12.col-md-2
+      .d-flex.flex-column.flex-wrap.align-items-start.justify-content-center
+        %img.mb-3{height: "64", src: "#{image_path('kiso_themes/pyrrmid_64.png')}", width: "64"}/
+        %h6.text-white PYRMID
+    .col-12.col-md-10.ml-md-auto.text-white
+      .row
+        .col-12.col-md-3
+          %h6 NAVIGATION
+          %ul.list-unstyled
+            %li
+              %a.text-hover-light{href: "javascript:"} Home
+            %li
+              %a.text-hover-light{href: "javascript:"} About
+            %li
+              %a.text-hover-light{href: "javascript:"} Projects
+            %li
+              %a.text-hover-light{href: "javascript:"} Contact
+        .col-12.col-md-3
+          %h6 LEGAL
+          %ul.list-unstyled
+            %li
+              %a.text-hover-light{href: "javascript:"} Terms of Service
+            %li
+              %a.text-hover-light{href: "javascript:"} Privacy Policy
+            %li
+              %a.text-hover-light{href: "javascript:"} Cookie Policy
+        .col-12.col-md-3
+          %h6 SUPPORT
+          %ul.list-unstyled
+            %li
+              %a.text-hover-light{href: "javascript:"} FAQ
+            %li
+              %a.text-hover-light{href: "javascript:"} Help Desk
+            %li
+              %a.text-hover-light{href: "javascript:"} Knowledge Base
+        .col-12.col-md-3
+          %h6 SUBSCRIBE
+          %form{action: ""}
+            %input.form-control.text-white.text-focus-dark.small{placeholder: "Your Email", type: "text"}/
+            %button.btn.btn-success.btn-sm.btn-block.mt-2{type: "button"} Get Notified
+  .row.no-gutter.bg-dark.p-4
+    .col-12.text-center
+      %p.small.text-muted.m-0 © 2017 ‐ PYRMID INC