
<?php $__env->startSection('titel'); ?> <?php echo e('About us'); ?> <?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>

<div class="content-wrapper">

<!-- Page Title -->
<section class="page-title bg-dark-overlay text-center" style="background-image: url(img/page-title/about.jpg);">
  <div class="container">
    <div class="page-title__holder">
      <h1 class="page-title__title">About Us</h1>
                  <p class="page-title__subtitle">For each project we establish relationships with partners</p>
    </div>
  </div>
</section> <!-- end page title -->

      <!-- Intro -->
      <section class="section-wrap">
          <div class="container">
              <div class="row justify-content-center">
                  <div class="col-lg-10">
                      <div class="intro text-center">
                          <h2 class="mb-32">Designing a Resilient Tomorrow</h2>
                          <p class="lead">Since opening its doors nine decades ago, CMG has become an integral thread in the fabric of Sri Lankan life. Our numerous partners and subsidiaries supply a diverse array of products and services ranging from PVC piping to Ceylon Tea. Our media arm, the nation's first total entertainment solution provider touches the lives of everyone in our island nation. Gammadda, our CSR programme, is unique in being the most comprehensive initiative of its kind.</p>
                      </div>
                  </div>
              </div>
          </div>
      </section> <!-- end intro -->


      <!-- Services -->
      <section class="section-wrap pt-0 pb-0">
          <div class="container">
              <div class="row">
                  <div class="col-xl-4 col-lg-6">
                      <div class="service-1">
                          <a href="#" class="service-1__url hover-scale">
                              <img src="img/services/v-2/1.jpg" class="service-1__img" alt="">
                          </a>								
                          <div class="service-1__info">
                              <h3 class="service-1__title">Technology</h3>
                              <ul class="service-1__features">
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Modern Technology</span>
                                  </li>
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Unique Technologies</span>
                                  </li>
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Research</span>
                                  </li>
                              </ul>
                          </div>
                      </div>
                  </div>
                  <div class="col-xl-4 col-lg-6">
                      <div class="service-1">
                          <a href="#" class="service-1__url hover-scale">
                              <img src="img/services/v-2/2.jpg" class="service-1__img" alt="">
                          </a>								
                          <div class="service-1__info">
                              <h3 class="service-1__title">Manufacturing</h3>
                              <ul class="service-1__features">
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Modern Technology</span>
                                  </li>
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Unique Technologies</span>
                                  </li>
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Research</span>
                                  </li>
                              </ul>
                          </div>
                      </div>
                  </div>
                  <div class="col-xl-4 col-lg-6">
                      <div class="service-1">
                          <a href="#" class="service-1__url hover-scale">
                              <img src="img/services/v-2/3.jpg" class="service-1__img" alt="">
                          </a>								
                          <div class="service-1__info">
                              <h3 class="service-1__title">Exporting</h3>
                              <ul class="service-1__features">
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Modern Design</span>
                                  </li>
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Unique Foundation</span>
                                  </li>
                                  <li class="service-1__feature">
                                      <i class="ui-check service-1__feature-icon"></i>
                                      <span class="service-1__feature-text">Smart Headting System</span>
                                  </li>
                              </ul>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
</section> <!-- end services -->


<!-- Statistic -->
<div class="container">
  <div class="statistic-wrap">
    <div class="row">
      <div class="col-md-3">
        <div class="statistic">
          <span class="statistic__number">+461</span>
          <h5 class="statistic__title">Sucessful Projects</h5>
        </div>
      </div>
      <div class="col-md-3">
        <div class="statistic">
          <span class="statistic__number">+290</span>
          <h5 class="statistic__title">Happy Customers</h5>
        </div>
      </div>
      <div class="col-md-3">
        <div class="statistic">
          <span class="statistic__number">+45</span>
          <h5 class="statistic__title">Team Members</h5>
        </div>
      </div>
      <div class="col-md-3">
        <div class="statistic">
          <span class="statistic__number">+36</span>
          <h5 class="statistic__title">Awards</h5>
        </div>
      </div>
    </div>
  </div>
</div> <!-- end statistic -->

<!-- Team -->
<section class="section-wrap">
  <div class="container">
    <div class="row">
      <div class="col-lg-3">
        <div class="blog-grid__title-col d-flex flex-column mb-lg-48">
          <div class="title-row">
            <p class="subtitle">LEADERS OF</p>
            <h2 class="section-title">Capital Maharaja Group</h2>
            <p>The story of two friends who scaled the corporate world through grit, hard work and the courage to be different.</p>
          </div>
        </div>							
      </div>

      <div class="col-lg-8 offset-lg-1">
        <div class="slick-slider slick-team">
          <div class="team-col">
            <div class="team hover-trigger">
              <div class="team__img-holder">
                <img src="img/team/1.jpg" alt="" class="team__img">
                <div class="hover-overlay">
                  <div class="team__details text-center">
                    <div class="socials socials--white">
                      <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-youtube" aria-label="youtube" title="google plus" target="_blank"><i class="ui-youtube"></i></a>
                      <a href="#" class="social social-instagram" aria-label="instagram" title="instagram" target="_blank"><i class="ui-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>										
              <h5 class="team__name">Melissa Shredinger</h5>
              <span class="team__occupation">CEO</span>								
            </div>
          </div>

          <div class="team-col">
            <div class="team hover-trigger">
              <div class="team__img-holder">
                <img src="img/team/2.jpg" alt="" class="team__img">
                <div class="hover-overlay">
                  <div class="team__details text-center">
                    <div class="socials socials--white">
                      <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-youtube" aria-label="youtube" title="google plus" target="_blank"><i class="ui-youtube"></i></a>
                      <a href="#" class="social social-instagram" aria-label="instagram" title="instagram" target="_blank"><i class="ui-instagram"></i></a>
                    </div>
                  </div>
                </div>
              </div>										
              <h5 class="team__name">Donald Thompson</h5>
              <span class="team__occupation">CEO</span>								
            </div>
          </div>

        </div> <!-- end slider -->
      </div>

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


      <!-- Partners -->
      <div class="partners bg-light text-center">
          <div class="container">
              <div class="row">
                  <div class="col-sm-2">
                      <a href="#">
                          <img src="img/partners/1.png" alt="">
                      </a>
                  </div>
                  <div class="col-sm-2">
                      <a href="#">
                          <img src="img/partners/2.png" alt="">
                      </a>
                  </div>
                  <div class="col-sm-2">
                      <a href="#">
                          <img src="img/partners/3.png" alt="">
                      </a>
                  </div>
                  <div class="col-sm-2">
                      <a href="#">
                          <img src="img/partners/4.png" alt="">
                      </a>
                  </div>
                  <div class="col-sm-2">
                      <a href="#">
                          <img src="img/partners/5.png" alt="">
                      </a>
                  </div>
                  <div class="col-sm-2">
                      <a href="#">
                          <img src="img/partners/6.png" alt="">
                      </a>
                  </div>
              </div>
          </div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
            <script>

$( document ).ready(function() {
    $('.about').addClass('current-item-item');
   
});


</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('partials.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\janod\OneDrive\Documents\CMG\company_profile\resources\views/aboutus.blade.php ENDPATH**/ ?>