<?php include "include/header.php"; ?>
<?php foreach ($about as $row); ?>
<div class="parallax inverse-text page-title-wrapper" data-parallax-img="assets/images/pattern.jpg" data-parallax-img-width="1920" data-parallax-img-height="455">
    <div class="container inner text-center pt-40 pb-40 ">
      <h1 class="section-title">About Us</h1>
      <div class="space10"></div>
      <div class="meta breadcrumbs text-center mb-0"><span><a href="<?php echo base_url();?>">Home</a></span><span><a href="#">About</a></span></div>
    </div>
    <!-- /.container --> 
  </div>
  <!-- /.parallax -->
<div class="wrapper gray-wrapper">
    <div class="container inner pt-40 pb-60">
    <?php foreach($about as $arow);?>
      <div class="row">
        <div class="col-md-6">
           <div class="slick-wrapper pt-10">

        <div class="slick fixed-width" data-slick='{"slidesToShow": 1, "slidesToScroll": 2, "autoplay": true, "speed": 200, "infinite": true, "responsive": [{"breakpoint":1200,"settings":{"slidesToShow": 1}},{"breakpoint":992,"settings":{"slidesToShow": 1}},{"breakpoint":480,"settings":{"slidesToShow": 1}}]}'>
          <div class="item"> <img src="<?php echo base_url();?>assets/uploads/services/about_<?php echo $arow->a_id;?>.jpg" alt="" style="width: 100%"/></div>
          <!--/.item -->
         
        </div>
        <!--/.slick -->
      </div>
      <!--/.slick-wrapper -->
        </div>
        <!-- /column -->
        <div class="space10 hidden-xs hidden-md hidden-lg"></div>
        <div class="col-md-6 text-justify">

          <p><?php echo $arow->a_description;?></p>
        </div>
        <!-- /column --> 
      </div>
      <!--/.row -->
    </div>
    <!-- /.container -->
  </div>

<div class="wrapper light-wrapper">
    <div class="container inner pt-40 pb-40">
    <?php foreach($history as $hrow);?>
      <div class="row">
        <div class="col-md-12 text-justify">
            <h2 class="section-title text-center">Our History</h2>
           <?php echo $hrow->description;?>
        </div>
        <!-- /column --> 
      </div>
      <!--/.row -->
    </div>
    <!-- /.container -->
  </div>

<div class="wrapper gray-wrapper">
    <div class="container inner pt-40 pb-40">
    <?php foreach($supplies as $srow);?>
      <div class="row">
        <div class="col-md-12 text-justify">
            <h2 class="section-title text-center">OEM Supplies</h2>
           <?php echo $srow->description;?>
        </div>
        <!-- /column --> 
      </div>
      <!--/.row -->
    </div>
    <!-- /.container -->
  </div>
<div class="wrapper light-wrapper">
    <div class="container inner pt-40 pb-40">
    <?php foreach($quality as $qrow);?>
      <div class="row">
         <h2 class="section-title text-center">Quality Assurance</h2>
        <div class="col-md-10 text-justify">
           <?php echo $qrow->description;?>
        </div>
        <!-- /column -->
        
         <div class="col-md-2">
           <img src="<?php echo base_url();?>assets/uploads/articles/<?php echo $qrow->a_id;?>.jpg" alt="" >
        </div>
        <!-- /column --> 
      </div>
      <!--/.row -->
    </div>
    <!-- /.container -->
  </div>

  <div class="wrapper light-wrapper" style="background: rgba(255, 193, 7, 0.07)">
    <div class="image-block-wrapper">
      <div class="image-block col-md-6">
        <div class="image-block-bg bg1"></div>
      </div>
      <!--/.bg-wrapper -->
      <div class="container">
        <div class="row">
          <div class="col-md-5 col-md-offset-7 pt-40 pb-40">
          
            <ul class="progress-list">
              <li>
                <h5 class="text-values">Safety </h5>
                <p>Safety is our principle not our choice.</p>
                
              </li>
              <li>
                <h5 class="text-values">Performance	 </h5>
                <p>We encourage our employees to always perform to the best of their abilities, meeting the expectations of our customers and our company.</p>
               
              </li>
              <li>
                 <h5 class="text-values">Recognition </h5>
                <p>We continually recognize the many individual achievements of our employees.</p>
              </li>
              <li>
                 <h5 class="text-values">Attitude </h5>
                <p>We maintain optimism and remain dedicated to carry out our business according to our values.</p>
               
              </li>
               <li>
                 <h5 class="text-values">Customer Satisfaction </h5>
                <p>We always strive to satisfy our customers by providing right solutions at the right price.</p>             
              </li>
               
               <li>
                 <h5 class="text-values">Collaboration  </h5>
                <p>New ideas are always welcome and the company culture continues to hone the skills of all the workers.</p>             
              </li>
               
               <li>
                 <h5 class="text-values">Principle </h5>
                <p>Innovation, Up gradation and approach towards latest technological trends are our core values & strength. </p>             
              </li>
               
               
            </ul>
            <!-- /.progress-list --> 
          </div>
          <!--/column --> 
        </div>
        <!--/.row --> 
      </div>
      <!--/.container --> 
    </div>
    <!--/.image-block --> 
    
  </div>
  
  <div class="wrapper light-wrapper inverse-text" style="background:linear-gradient(90deg, #4A5D66 50%, #AE0005 50%)">
    <div class="container inner pt-40 pb-40">
     
      <div class="row">
        <div class="col-md-6" >
          <h2 class="section-title text-center">Our Vision</h2>
          <div class="text-justify" style="padding: 20px">
            <?php foreach($vision as $vrow);?>
           <p><?php echo $vrow->description;?></p>
          </div>
       </div>
       <div class="col-md-6">
          <h2 class="section-title text-center">Our Mission</h2>
          <div class="text-justify" style="padding: 20px">
             <?php foreach($mission as $mrow);?>
           <p><?php echo $mrow->description;?></p>
          </div>
        </div>
        <!-- /column --> 
      </div>
      <!-- /.row -->      
    </div>
    <!-- /.container --> 
  </div>
  
    <div class="wrapper light-wrapper" >
    <div class="container inner pt-40 pb-40">
     
      <div class="row">
          <h2 class="section-title text-center mb-40">Directors & Management</h2>
          <p class="lead2"></p>
        <div class="col-md-6" >
            <?php foreach($chairman as $crow);?>
          <div class="icon icon-img icon--border text-center mb-0"> <img src="<?php echo base_url();?>assets/uploads/articles/<?php echo $crow->a_id;?>.jpg" alt="" style="height: 250px"></div>
          <div class="text-justify">
            
           <p><?php echo $crow->description;?></p>
          </div>
       </div>
       <div class="col-md-6">
          <?php foreach($director as $row);?>
           <div class="icon icon-img icon--border text-center mb-0"> <img src="<?php echo base_url();?>assets/uploads/articles/<?php echo $row->a_id;?>.jpg" alt="" style="height: 250px"></div>
          <div class="text-justify">
             
           <p><?php echo $row->description;?></p>
          </div>
        </div>
        <!-- /column --> 
      </div>
      <!-- /.row -->      
    </div>
    <!-- /.container --> 
  </div>
  
  
  
<?php include "include/footer.php"; ?>
