kiso_themes 1.0.2

data/lib/generators/kiso_themes/templates/views/frontend_pages/landing_pages/landing_page_3.html.erb

@@ -0,0 +1,185 @@
+
+<%= content_for :js_libs, "modernizr parallax" %>
+
+<main class="landing-3">
+<div class="parallax-window" data-parallax="scroll" data-speed="0.5" data-image-src="<%= asset_path('kiso_themes/stock/us_landscape_2.jpg') %>">
+
+  <img src="<%= asset_path('kiso_themes/stock/us_landscape_2.jpg') %>" style="display: none;">
+  <div class="container">
+    <div class="text-white">
+      <%= render partial: 'content_blocks/landing_navs/1', locals: { nav_class: '' } %>
+    </div>
+
+    <div class="row">
+      <div class="col-12 col-md-7 ml-md-auto mr-md-auto text-center text-white mt-5">
+        <h1 class="text-shadow-light leading-normal">You'll never have to work again</h1>
+        <p class="lead font-weight-medium mt-5 text-shadow-light">PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.</p>
+        <a class="btn btn-lg btn-circle btn-outline-light text-white text-hover-dark" href="javascript:">Find out More</a>
+      </div>
+    </div>
+    <div class="row mt-5 pt-5 pb-5">
+      <div class="col-12 col-md-4 text-center text-white">
+        <div class="bg-circle mb-4">
+          <%= theme_icon_tag "eye", class: "text-opacity-9 display-3" %>
+        </div>
+        <h5>Amazing Feature</h5>
+        <p class="small px-5 text-opacity-8">Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+      </div>
+      <div class="col-12 col-md-4 text-center text-white">
+        <div class="bg-circle text-white mb-4">
+          <%= theme_icon_tag "ticket", class: "display-3" %>
+        </div>
+        <h5>Amazing Feature</h5>
+        <p class="small px-5 text-opacity-8">Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+      </div>
+      <div class="col-12 col-md-4 text-center text-white">
+        <div class="bg-circle text-white mb-4">
+          <%= theme_icon_tag "pulse", class: "display-3" %>
+        </div>
+        <h5>Amazing Feature</h5>
+        <p class="small px-5 text-opacity-8">Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab? </p>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+</main>
+<section>
+  <div class="container content-block-2 py-5 mt-5 mb-5">
+    <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>
+</section>
+<section>
+  <div class="container content-block-1 py-5 mt-5 mb-5">
+    <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>
+</section>
+<section class="bg-white">
+  <div class="container py-5">
+    <div class="row no-gutters equal-cols align-items-center">
+      <div class="col-12 col-md-5">
+        <img class="mb-3 mb-md-0" src="//placeimg.com/800/600" height="510px">
+      </div>
+      <div class="col-12 col-md-5 mx-md-auto">
+        <h2 class="leading-normal">Ultime fantastic nightstand reproduction</h2>
+        <p class="lead">Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur! </p>
+        <a class="d-table btn btn-outline-primary btn-border-2x" href="javascript:">See the demo</a>
+
+        <div class="row no-gutters mt-5">
+          <div class="col-12 col-md-5">
+            <h6 class="font-weight-normal">Cats on the roof</h6>
+            <p class="small text-muted">Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?</p>
+          </div>
+          <div class="col-12 col-md-5 ml-md-auto">
+            <h6 class="font-weight-normal">Cats on the roof</h6>
+            <p class="small text-muted">Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="bg-dark py-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 d-flex flex-wrap align-items-center justify-content-between text-white">
+        <div class="cta-body">
+          <h5 class="m-0">Try it for free</h5>
+          <p class="lead m-0">Already using MyApp? <a href="#" class="text-success">Sign in.</a></p>
+        </div>
+        <a class="btn btn-success btn-lg text-uppercase d-table" href="javascript:">Get Started</a>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="bg-white py-5">
+  <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>
+</section>
+
+<footer class="bg-dark">
+  <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>
+
+</footer>

data/lib/generators/kiso_themes/templates/views/frontend_pages/landing_pages/landing_page_3.html.haml

@@ -0,0 +1,138 @@
+= content_for :js_libs, "parallax"
+%main.landing-3
+  .parallax-window{"data-image-src" => "#{asset_path('kiso_themes/stock/us_landscape_2.jpg')}", "data-parallax" => "scroll", "data-speed" => "0.5"}
+    .container
+      .text-white
+        = render partial: 'content_blocks/landing_navs/1', locals: { nav_class: 'navbar-dark' }
+      .row
+        .col-12.col-md-7.ml-md-auto.mr-md-auto.text-center.text-white.mt-5
+          %h1.text-shadow-light.leading-normal You'll never have to work again
+          %p.lead.font-weight-medium.mt-5.text-shadow-light PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.
+          %a.btn.btn-lg.btn-circle.btn-outline-light.text-white.text-hover-dark{href: "javascript:"} Find out More
+      .row.mt-5.pt-5.pb-5
+        .col-12.col-md-4.text-center.text-white
+          .bg-circle.mb-4
+            = theme_icon_tag "eye", class: "text-opacity-9 display-3"
+          %h5 Amazing Feature
+          %p.small.px-5.text-opacity-8 Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+        .col-12.col-md-4.text-center.text-white
+          .bg-circle.text-white.mb-4
+            = theme_icon_tag "ticket", class: "display-3"
+          %h5 Amazing Feature
+          %p.small.px-5.text-opacity-8 Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+        .col-12.col-md-4.text-center.text-white
+          .bg-circle.text-white.mb-4
+            = theme_icon_tag "pulse", class: "display-3"
+          %h5 Amazing Feature
+          %p.small.px-5.text-opacity-8 Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+%section
+  .container.content-block-2.py-5.mt-5.mb-5
+    .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
+%section
+  .container.content-block-1.py-5.mt-5.mb-5
+    .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"}/
+%section.bg-white
+  .container.py-5
+    .row.no-gutters.equal-cols.align-items-center
+      .col-12.col-md-5
+        %img.mb-3.mb-md-0{height: "510px", src: "//placeimg.com/800/600"}/
+      .col-12.col-md-5.mx-md-auto
+        %h2.leading-normal Ultime fantastic nightstand reproduction
+        %p.lead Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur!
+        %a.d-table.btn.btn-outline-primary.btn-border-2x{href: "javascript:"} See the demo
+        .row.no-gutters.mt-5
+          .col-12.col-md-5
+            %h6.font-weight-normal Cats on the roof
+            %p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?
+          .col-12.col-md-5.ml-md-auto
+            %h6.font-weight-normal Cats on the roof
+            %p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?
+%section.bg-dark.py-5
+  .container
+    .row
+      .col-12.d-flex.flex-wrap.align-items-center.justify-content-between.text-white
+        .cta-body
+          %h5.m-0 Try it for free
+          %p.lead.m-0
+            Already using MyApp?
+            %a.text-success{href: "#"} Sign in.
+        %a.btn.btn-success.btn-lg.text-uppercase.d-table{href: "javascript:"} Get Started
+%section.bg-white.py-5
+  .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
+%footer.bg-dark
+  .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

data/lib/generators/kiso_themes/templates/views/frontend_pages/landing_pages/landing_page_3.html.slim

@@ -0,0 +1,138 @@
+= content_for :js_libs, "parallax"
+main.landing-3
+  .parallax-window data-image-src="#{asset_path('kiso_themes/stock/us_landscape_2.jpg')}" data-parallax="scroll" data-speed="0.5" 
+    .container
+      .text-white
+        = render partial: 'content_blocks/landing_navs/1', locals: { nav_class: 'navbar-dark' }
+      .row
+        .col-12.col-md-7.ml-md-auto.mr-md-auto.text-center.text-white.mt-5
+          h1.text-shadow-light.leading-normal You'll never have to work again
+          p.lead.font-weight-medium.mt-5.text-shadow-light PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.
+          a.btn.btn-lg.btn-circle.btn-outline-light.text-white.text-hover-dark href: "javascript:"  Find out More
+      .row.mt-5.pt-5.pb-5
+        .col-12.col-md-4.text-center.text-white
+          .bg-circle.mb-4
+            = theme_icon_tag "eye", class: "text-opacity-9 display-3"
+          h5 Amazing Feature
+          p.small.px-5.text-opacity-8 Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+        .col-12.col-md-4.text-center.text-white
+          .bg-circle.text-white.mb-4
+            = theme_icon_tag "ticket", class: "display-3"
+          h5 Amazing Feature
+          p.small.px-5.text-opacity-8 Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+        .col-12.col-md-4.text-center.text-white
+          .bg-circle.text-white.mb-4
+            = theme_icon_tag "pulse", class: "display-3"
+          h5 Amazing Feature
+          p.small.px-5.text-opacity-8 Ipsum aliquam earum nesciunt officia accusantium optio aliquid enim quasi numquam sunt autem? Omnis odio earum aspernatur reprehenderit ab?
+section
+  .container.content-block-2.py-5.mt-5.mb-5
+    .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
+section
+  .container.content-block-1.py-5.mt-5.mb-5
+    .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" /
+section.bg-white
+  .container.py-5
+    .row.no-gutters.equal-cols.align-items-center
+      .col-12.col-md-5
+        img.mb-3.mb-md-0 height: "510px", src: "//placeimg.com/800/600" /
+      .col-12.col-md-5.mx-md-auto
+        h2.leading-normal Ultime fantastic nightstand reproduction
+        p.lead Dolor obcaecati at nesciunt quibusdam sed nesciunt quibusdam repellendus, ab reprehenderit. Ea tempore voluptas esse qui eius consequuntur!
+        a.d-table.btn.btn-outline-primary.btn-border-2x href: "javascript:"  See the demo
+        .row.no-gutters.mt-5
+          .col-12.col-md-5
+            h6.font-weight-normal Cats on the roof
+            p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?
+          .col-12.col-md-5.ml-md-auto
+            h6.font-weight-normal Cats on the roof
+            p.small.text-muted Ipsum quaerat officia accusantium totam aliquid. Facere quaerat fugiat nostrum debitis officia? Tempore repudiandae eaque expedita quisquam nisi?
+section.bg-dark.py-5
+  .container
+    .row
+      .col-12.d-flex.flex-wrap.align-items-center.justify-content-between.text-white
+        .cta-body
+          h5.m-0 Try it for free
+          p.lead.m-0
+            | Already using MyApp?
+            a.text-success href: "#"  Sign in.
+        a.btn.btn-success.btn-lg.text-uppercase.d-table href: "javascript:"  Get Started
+section.bg-white.py-5
+  .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
+footer.bg-dark
+  .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

data/lib/generators/kiso_themes/templates/views/frontend_pages/landing_pages/landing_page_4.html.erb

@@ -0,0 +1,96 @@
+
+<%= content_for :js_libs, "modernizr parallax" %>
+
+<main class="landing-4">
+<div class="parallax-window" data-parallax="scroll" data-speed="0.5" data-image-src="<%= asset_path('kiso_themes/stock/landscape_12.jpg') %>">
+  <img src="<%= asset_path('kiso_themes/stock/landscape_12.jpg') %>" style="display: none;">
+
+  <div class="container">
+    <nav class="navbar navbar-landing  navbar-expand-lg">
+      <a href="javascript:" class="navbar-brand"><%= image_tag image_path('kiso_themes/pyrrmid_64.png'), width: 32, height: 32, class: 'mr-2'%>PYRMID</a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#standardNavbar" aria-controls="standardNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="standardNavbar">
+        <ul class="nav navbar-nav ml-auto">
+          <li class="nav-item ">
+            <a class="nav-link" href="javascript:">HOME</a>
+          </li>
+          <li class="nav-item ">
+            <a class="nav-link" href="javascript:">ABOUT</a>
+          </li>
+          <li class="nav-item ">
+            <a class="nav-link" href="javascript:">TEAM</a>
+          </li>
+          <li class="nav-item ">
+            <a class="nav-link" href="javascript:">CONTACT</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+    <div class="row pb-5">
+      <div class="col-12 col-md-7 text-white mt-5 pt-5 pb-5">
+        <h1 class="text-shadow-light leading-normal">You'll never have to work again</h1>
+        <p class="lead font-weight-medium mt-5 text-shadow-light">PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.</p>
+        <a class="btn btn-lg btn-success" href="javascript:">Find out More</a>
+      </div>
+      <div class="col-12 col-md-5 mt-5 pt-5 pb-5">
+        <form class="form d-flex flex-column bg-white p-4">
+          <p class="text-center">Get started in minutes, sign up now</p>
+          <label class="sr-only" for="inlineFormInputName2">Email</label>
+
+          <div class="input-group input-group-sm mb-2">
+            <span class="input-group-prepend" id="basic-addon1"><div class="input-group-text"><%= theme_icon_tag "email" %></div></span>
+            <input type="text" class="form-control" id="inlineFormInputName2" placeholder="Your Email">
+          </div>
+
+          <label class="sr-only" for="inlineFormInputGroupUsername2">Password</label>
+          <div class="mb-2 mb-sm-0">
+            <div class="input-group input-group-sm mb-2">
+              <span class="input-group-prepend" id="basic-addon1"><div class="input-group-text"><%= theme_icon_tag "key" %></div></span>
+              <input type="password" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Choose a Password">
+            </div>
+          </div>
+
+          <label class="sr-only" for="inlineFormInputGroupUsername2">Confirm Password</label>
+          <div class="mb-2 mb-sm-0">
+            <div class="input-group input-group-sm mb-2">
+              <span class="input-group-prepend" id="basic-addon1"><div class="input-group-text"><%= theme_icon_tag "key" %></div></span>
+              <input type="password" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Confirm Password">
+            </div>
+          </div>
+
+          <button type="button" class="btn btn-primary ml-auto">Sign Up</button>
+        </form>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+
+</main>
+
+<section class="mt-5 pt-5 mb-5 pb-5">
+  <%= render partial: 'content_blocks/general/6' %>
+</section>
+
+<section class="mt-5 pt-5 pb-5 bg-white">
+  <%= render partial: 'content_blocks/general/9' %>
+</section>
+
+<section class="pt-5 pb-5 bg-dark">
+  <%= render partial: 'content_blocks/general/14' %>
+</section>
+
+<section class="pt-5 pb-5 bg-white">
+  <%= render partial: 'content_blocks/general/15' %>
+</section>
+
+<section class="pt-5 pb-5 bg-gray-300">
+  <%= render partial: 'content_blocks/general/18' %>
+</section>
+
+<section class="bg-dark">
+  <%= render partial: 'content_blocks/general/31' %>
+</section>

data/lib/generators/kiso_themes/templates/views/frontend_pages/landing_pages/landing_page_4.html.haml

@@ -0,0 +1,58 @@
+= content_for :js_libs, "parallax"
+%main.landing-4
+  .parallax-window{"data-image-src" => "#{asset_path('kiso_themes/stock/landscape_12.jpg')}", "data-parallax" => "scroll", "data-speed" => "0.5"}
+    .container
+      %nav.navbar.navbar-landing.navbar-dark.navbar-expand-lg
+        %a.navbar-brand{href: "javascript:"}
+          = image_tag image_path('kiso_themes/pyrrmid_64.png'), width: 32, height: 32, class: 'mr-2'
+          PYRMID
+        %button.navbar-toggler{"aria-controls" => "standardNavbar", "aria-expanded" => "false", "aria-label" => "Toggle navigation", "data-target" => "#standardNavbar", "data-toggle" => "collapse", type: "button"}
+          %span.navbar-toggler-icon
+        #standardNavbar.collapse.navbar-collapse
+          %ul.nav.navbar-nav.ml-auto
+            %li.nav-item
+              %a.nav-link{href: "javascript:"} HOME
+            %li.nav-item
+              %a.nav-link{href: "javascript:"} ABOUT
+            %li.nav-item
+              %a.nav-link{href: "javascript:"} TEAM
+            %li.nav-item
+              %a.nav-link{href: "javascript:"} CONTACT
+      .row.pb-5
+        .col-12.col-md-7.text-white.mt-5.pt-5.pb-5
+          %h1.text-shadow-light.leading-normal You'll never have to work again
+          %p.lead.font-weight-medium.mt-5.text-shadow-light PYRMID is the ultimate in trans-human enhancement. Neural lace interface of the finest quality.
+          %a.btn.btn-lg.btn-success{href: "javascript:"} Find out More
+        .col-12.col-md-5.mt-5.pt-5.pb-5
+          %form.form.d-flex.flex-column.bg-white.p-4
+            %p.text-center Get started in minutes, sign up now
+            %label.sr-only{for: "inlineFormInputName2"} Email
+            .input-group.input-group-sm.mb-2
+              %span#basic-addon1.input-group-prepend
+                .input-group-text= theme_icon_tag "email"
+              %input#inlineFormInputName2.form-control{placeholder: "Your Email", type: "text"}/
+            %label.sr-only{for: "inlineFormInputGroupUsername2"} Password
+            .mb-2.mb-sm-0
+              .input-group.input-group-sm.mb-2
+                %span#basic-addon1.input-group-prepend
+                  .input-group-text= theme_icon_tag "key"
+                %input#inlineFormInputGroupUsername2.form-control{placeholder: "Choose a Password", type: "password"}/
+            %label.sr-only{for: "inlineFormInputGroupUsername2"} Confirm Password
+            .mb-2.mb-sm-0
+              .input-group.input-group-sm.mb-2
+                %span#basic-addon1.input-group-prepend
+                  .input-group-text= theme_icon_tag "key"
+                %input#inlineFormInputGroupUsername2.form-control{placeholder: "Confirm Password", type: "password"}/
+            %button.btn.btn-primary.ml-auto{type: "button"} Sign Up
+%section.mt-5.pt-5.mb-5.pb-5
+  = render partial: 'content_blocks/general/6'
+%section.mt-5.pt-5.pb-5.bg-white
+  = render partial: 'content_blocks/general/9'
+%section.pt-5.pb-5.bg-dark
+  = render partial: 'content_blocks/general/14'
+%section.pt-5.pb-5.bg-white
+  = render partial: 'content_blocks/general/15'
+%section.pt-5.pb-5.bg-gray-300
+  = render partial: 'content_blocks/general/18'
+%section.bg-dark
+  = render partial: 'content_blocks/general/31'