<!-- Mockup Block -->
<section class="container g-py-100">
  <div class="text-center g-mb-50">
    <h2 class="h1 g-color-black g-font-weight-600">Multifanctional Magic</h2>
    <p class="lead">This is where we begin to visualize your napkin sketches and make them into pixels.</p>
  </div>

  <div class="row">
    <div class="col-md-3 g-mb-30">
      <span class="u-icon-v3 g-color-cyan g-bg-cyan-opacity-0_1 rounded-circle g-mb-25">
        <i class="icon-education-089 u-line-icon-pro"></i>
      </span>

      <div class="d-inline-block g-width-70 g-height-2 g-bg-cyan g-pos-rel g-top-5 g-right-minus-25 g-mr-minus-20"></div>

      <h2 class="h5 g-color-black g-font-weight-600 mb-3">Design is Functional</h2>
      <p>Now that we've aligned the details, it's time to get things mapped out and organized.</p>
    </div>

    <div class="col-md-6 g-mb-30">
      <img class="img-fluid" src="{{ root }}assets/img-temp/900x600/img1.jpg" alt="Image Description">
    </div>

    <div class="col-md-3 mt-auto g-mb-30">
      <div class="d-inline-block g-width-70 g-height-2 g-bg-red g-pos-rel g-top-5 g-left-minus-25 g-mr-minus-20"></div>

      <span class="u-icon-v3 g-color-red g-bg-red-opacity-0_1 rounded-circle g-mb-25">
        <i class="icon-education-088 u-line-icon-pro"></i>
      </span>
      <h2 class="h5 g-color-black g-font-weight-600 mb-3">More than 200+ features</h2>
      <p>We aim high at being focused on building relationships with our clients and community.</p>
    </div>
  </div>
</section>
<!-- End Mockup Block -->
