gentux-style-guide/_modules/02-b-hero-two-up-img-left.html

<http://gentuxdesign.com>

---
title: Hero Two Up Img Left
---

<div class="bg-gray-lighter">
  <section
    class="
    container-fluid
    bg-offset-base bg-offset-leftbottom-5-2
    pt-4 pt-md-5
    pb-4 pb-sm-5 pb-lg-6
    ">
    <div class="row align-vertical">
      <div class="col-sm-8 col-md-5 col-lg-4 col-lg-offset-1">
        <img class="shadow-level-4 img-responsive" src="https://media.gentux.com/afBxlPasNQvg2@kaysWHap9MTPcj">
      </div>
      <div class="col-sm-12 col-md-7 col-lg-6 pl-lg-5">
        <h1 class="domd mb-3">
          <div class="h4 mt-4 mt-sm-0 mb-1">Lorem ipsum dolor</div>
          Typi non habent claritatem
        </h1>
        <p>
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </p>
        <p>
          <a class="btn btn-primary">Start Shopping</a>
        </p>
      </div><!-- /col -->
    </div><!-- /row -->
  </section>
</div>