Responsive

Ultimate experience on all devices

The time has come to bring those ideas and plans to life. This is where we really begin to visualize your napkin sketches and make them into beautiful pixels.

Enhance your brand with easy to use powerful customization features.

HTML:

          
            <!-- Hero Section -->
            <div class="container space-2 space-3-bottom--lg">
              <div class="row justify-content-lg-between align-items-md-center">
                <div class="col-md-6 order-md-1 mb-9 mb-md-0">
                  <object type="image/svg+xml" data="../../assets/svg/mockups/phone-mockup-2.svg"></object>
                </div>

                <div class="col-md-6 col-lg-5 order-md-2">
                  <!-- Title -->
                  <div class="mb-4">
                    <span class="u-label u-label--sm u-label--purple mb-3">Responsive</span>
                    <h2 class="h1 mb-3">Ultimate experience on all devices</h2>
                    <p>The time has come to bring those ideas and plans to life. This is where we really begin to visualize your napkin sketches and make them into beautiful pixels.</p>
                    <p>Enhance your brand with easy to use powerful customization features.</p>
                  </div>
                  <!-- End Title -->

                  <!-- Button -->
                  <button type="button" class="btn btn-xs btn-dark text-left mb-2 mb-md-0 mr-md-2">
                    <span class="media align-items-center">
                      <span class="fab fa-apple fa-3x mr-3"></span>
                      <span class="d-block">
                        <span class="d-block">Download on the</span>
                        <strong class="d-block font-size-14">App Store</strong>
                      </span>
                    </span>
                  </button>
                  <!-- End Button -->

                  <!-- Button -->
                  <button type="button" class="btn btn-xs btn-dark text-left mb-2 mb-md-0">
                    <span class="media align-items-center">
                      <span class="fab fa-google-play fa-3x mr-3"></span>
                      <span class="d-block">
                        <span class="d-block">Get it on</span>
                        <strong class="d-block font-size-14">Google Play</strong>
                      </span>
                    </span>
                  </button>
                  <!-- End Button -->
                </div>
              </div>
            </div>
            <!-- End Hero Section -->