<div class="section section-description bg-white bg-bright" data-section="description-about">
  <!-- Begin of section wrapper -->
  <div class="section-wrapper padding-top padding-bottom">
    <!-- title -->
    <div class="section-title text-center">
      <h5>Description</h5>
      <h2 class="display-4 display-title">Modern Layout</h2>
    </div>

    <!-- content -->
    <div class="section-content anim text-center">
      <!-- title and description -->
      <div class="title-desc reduced">
        <p>This template is built on top of
          <strong>Bootstrap 4&nbsp;</strong>, the latest version of Bootstrap. Additionally, it uses custom CSS classes to get easily
          the result that you see. Use only additional CSS rules for complex customization.</p>
      </div>

      <!-- begin of feature -->
      <div class="feature-desc mb-4">
        <div class="row">
          <div class="col-12 col-md-4 sr-zoomout-td4">
            <!-- begin of  item -->
            <div class="feature-alpha feature-card shadow">
              <div class="item-icon">
                <i class="icon icon-4 fa fa-download text-gradient-primary"></i>
              </div>
              <h4 class="item-name text-gradient-primary">All in one package</h4>
              <div class="item-desc">
                <p>Landing page for app, product, event and business in the same package.
                </p>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-4 sr-zoomout-td6">
            <!-- begin of  item -->
            <a href="#" class="feature-alpha feature-card shadow">
              <div class="item-icon">
                <i class="icon icon-4 text-gradient-primary ion ion-wrench"></i>
              </div>
              <h4 class="item-name text-gradient-primary">Clickable Item</h4>
              <div class="item-desc">
                <p>This panel is clickable. Just replace the href by your link.</p>
              </div>
            </a>
          </div>
          <div class="col-12 col-md-4 sr-zoomout-td8">
            <!-- begin of  item -->
            <div class="feature-alpha feature-card shadow">
              <div class="item-icon">
                <i class="icon icon-4 text-gradient-primary ion ion-code"></i>
              </div>
              <h4 class="item-name text-gradient-primary">Ready for Search Engine</h4>
              <div class="item-desc">
                <p>This is a placeholder text. Replace it with your awesome call to action text.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- End of feature -->

      <!-- Action button -->
      <div class="btns-action">
        <a class="btn btn-primary bg-gradient-primary btn-round no-border btn-shadow" href="#services">
          <span class="txt">Get it now</span>
        </a>
      </div>
    </div>

  </div>
  <!-- End of section wrapper -->
</div>