page-about.php

<?php get_header()?>

    <div class="content-wrapper oh">

      <!-- Page Title -->
      <section class="page-title text-center">
        <div class="container">
          <div class="page-title__holder">
            <h1 class="page-title__title">About us</h1>
            <p class="page-title__subtitle">Focus on engaging, reusable content that decrease the cost per leads while helps you to increase profits margin. Margin strives to deliver the tools and support that helps companies grow with unparalleled success.</p>
          </div>
        </div>
      </section> <!-- end page title -->

      <!-- Benefits -->
      <section class="section-wrap">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-lg-10">
              <div class="benefits box-shadow-large offset-top-171">
                <h3 class="benefits__title">Sales organisations are able to set and manage performance goals</h3>
                <div class="row">
                  <div class="col-lg-6">
                    <ul class="benefits__list">
                      <li class="benefits__item">
                        <i class="ui-check benefits__item-icon"></i>
                        <span class="benefits__item-title">Develop a comprehensive paid search strategy</span>
                      </li>
                      <li class="benefits__item">
                        <i class="ui-check benefits__item-icon"></i>
                        <span class="benefits__item-title">Monitor performance throughout each sales</span>
                      </li>
                    </ul>
                  </div>
                  <div class="col-lg-6">
                    <ul class="benefits__list">
                      <li class="benefits__item">
                        <i class="ui-check benefits__item-icon"></i>
                        <span class="benefits__item-title">Develop a comprehensive paid search strategy</span>
                      </li>
                      <li class="benefits__item">
                        <i class="ui-check benefits__item-icon"></i>
                        <span class="benefits__item-title">Monitor performance throughout each sales</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>            
          </div>
        </div>
      </section> <!-- end benefits -->

      <!-- Statistic -->
      <section class="section-wrap bg-color-overlay" style="background-image: url(img/statistic/statistic.jpg);">
        <div class="container">
          <div class="row">
            <div class="col-lg-3">
              <div class="statistic">
                <span class="statistic__number">36</span>
                <h5 class="statistic__title">Sucessful Projects</h5>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="statistic">
                <span class="statistic__number">100%</span>
                <h5 class="statistic__title">Achieved ROI</h5>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="statistic">
                <span class="statistic__number">550</span>
                <h5 class="statistic__title">Happy Customers</h5>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="statistic">
                <span class="statistic__number">3x</span>
                <h5 class="statistic__title">Increased Profits</h5>
              </div>
            </div>
          </div>
        </div>
      </section> <!-- end statistic -->

      <!-- Team -->
      <section class="section-wrap">
        <div class="container">
          <div class="title-row title-row--boxed text-center">
            <h2 class="section-title">Meet Our Experts</h2>
            <p class="subtitle">Margin strives to deliver the tools and support that helps companies grow with unparalleled success.</p>
          </div>
          <div class="row">

            <div class="col-md-4">
              <div class="team">
                <img src="img/team/1.jpg" alt="" class="team__img">
                <h5 class="team__name">Philip Green</h5>
                <span class="team__occupation">CEO</span>
                <p class="team__text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
                <div class="socials">
                  <a href="#" class="social social-twitter" aria-label="twitter" title="twitter" target="_blank"><i class="ui-twitter"></i></a>
                  <a href="#" class="social social-facebook" aria-label="facebook" title="facebook" target="_blank"><i class="ui-facebook"></i></a>
                  <a href="#" class="social social-google-plus" aria-label="google plus" title="google plus" target="_blank"><i class="ui-google"></i></a>
                </div>
              </div>
            </div>

            <div class="col-md-4">
              <div class="team">
                <img src="img/team/2.jpg" alt="" class="team__img">
                <h5 class="team__name">Melissa Shredinger</h5>
                <span class="team__occupation">Email Marketing</span>
                <p class="team__text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
                <div class="socials">
                  <a href="#" class="social social-twitter" aria-label="twitter" title="twitter" target="_blank"><i class="ui-twitter"></i></a>
                  <a href="#" class="social social-facebook" aria-label="facebook" title="facebook" target="_blank"><i class="ui-facebook"></i></a>
                  <a href="#" class="social social-google-plus" aria-label="google plus" title="google plus" target="_blank"><i class="ui-google"></i></a>
                </div>
              </div>
            </div>

            <div class="col-md-4">
              <div class="team">
                <img src="img/team/3.jpg" alt="" class="team__img">
                <h5 class="team__name">Alexander Samokhin</h5>
                <span class="team__occupation">Developer</span>
                <p class="team__text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
                <div class="socials">
                  <a href="#" class="social social-twitter" aria-label="twitter" title="twitter" target="_blank"><i class="ui-twitter"></i></a>
                  <a href="#" class="social social-facebook" aria-label="facebook" title="facebook" target="_blank"><i class="ui-facebook"></i></a>
                  <a href="#" class="social social-google-plus" aria-label="google plus" title="google plus" target="_blank"><i class="ui-google"></i></a>
                </div>
              </div>
            </div>

          </div>
        </div>
      </section> <!-- end team -->

      <!-- CTA -->
      <div class="call-to-action text-center">
        <div class="call-to-action__container">
          <h3 class="call-to-action__title">
            Get, keep and grow more customers. We’re here to help.
          </h3>
          <a href="#" class="btn btn--lg btn--color">
            <span>Let’s Work Together</span>
          </a>
        </div>                
      </div> <!-- end cta -->      

      <!-- Footer -->
<?php get_footer()?>

</body>
</html>