<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>NWP ENGINEERING DEPARTMENT - SRI LANKA</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Google Fonts -->
<link href="css/fonts.css" rel="stylesheet">
<!-- Bootstrap-->
<link rel="stylesheet" href="css/assets/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="css/assets/font-awesome.min.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="css/assets/animate.css">
<!-- Mean Menu -->
<link rel="stylesheet" href="css/assets/meanmenu.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/assets/owl.carousel.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/assets/magnific-popup.css">
<!-- Custom Style -->
<link rel="stylesheet" href="css/assets/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/assets/responsive.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-69018766-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-69018766-3');
</script>
<style>
.about .team-member .team-layer h6 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.3;
}
</style>
</head>
<body>
<!-- Pre-Loader -->
<div id="page-preloader"><span class="spinner"></span></div>
<!-- End Pre-Loader --> 

<!-- Top Bar -->
<?php 
include 'common/top-bar.php';
include 'common/mobile-menu.php';
?>
<!-- End Top Bar --> 

<!-- Page Heading -->
<section class="p-heading text-center">
  <div class="container">
    <div class="page-bg">
      <div class="row">
        <div class="col-md-12">
          <div class="p-content">
            <h4>
              <?php if($lang == 1) { ?>
              ABOUT US
              <?php } if($lang == 2) { ?>
              අප ගැන
              <?php } if($lang == 3) { ?>
              எங்களை பற்றி
              <?php } ?>
            </h4>
            <ul class="list-unstyled list-inline">
              <li class="list-inline-item"><a href="home">
                <?php if($lang == 1) { ?>
                Home
                <?php } if($lang == 2) { ?>
                මුල් පිටුව
                <?php } if($lang == 3) { ?>
                முகப்பு
                <?php } ?>
                </a></li>
              <li class="list-inline-item"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
                <?php if($lang == 1) { ?>
                About us
                <?php } if($lang == 2) { ?>
                අප ගැන
                <?php } if($lang == 3) { ?>
                எங்களை பற்றி
                <?php } ?>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End Page Heading --> 

<!-- About Area -->
<section class="about catagory">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-sm-4 hidden-xs">
        <?php include 'common/common-sidebar.php'; ?>
      </div>
      <div class="col-lg-9 col-sm-8">
        <div class="col-lg-12">
          <div class="img-content" style="text-align: justify;">
            <h4>
              <?php if($lang == 1) { ?>
              NWP ENGINEERING DEPARTMENT
              <?php } if($lang == 2) { ?>
              වයඹ පළාත් ඉංජිනේරු දෙපාර්තමේන්තුව
              <?php } if($lang == 3) { ?>
              பொறியியல் துறை - வடமேல் மாகாணம்
              <?php } ?>
            </h4>
            <?php $sql_ab = mysqli_fetch_assoc(mysqli_query($conn, "SELECT description, objectives FROM about_us WHERE lang='$lang' AND del=0"));
			  echo $sql_ab['description'];
			  ?>
            <h4>
              <?php if($lang == 1) { ?>
              PURPOSE AND OBJECTIVES
              <?php } if($lang == 2) { ?>
              අරමුණ හා අරමුණු
              <?php } if($lang == 3) { ?>
              நோக்கம் மற்றும் நோக்கங்கள்
              <?php } ?>
            </h4>
            <?php echo $sql_ab['objectives']; ?>
            <div class="row">
              <div class="col-lg-12">
                <h4>
                  <?php if($lang == 1) { ?>
                  ORGANIZATION STRUCTURE
                  <?php } if($lang == 2) { ?>
                  සංවිධාන ව්‍යුහය
                  <?php } if($lang == 3) { ?>
                  நிறுவன கட்டமைப்பு
                  <?php } ?>
                </h4>
                <hr class="m-0">
                <a href="images/organization-chart-nwpeng.png" target="_blank"><img src="images/organization-chart-nwpeng.png" width="100%"></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-12">
          <div class="team">
            <h4>
              <?php if($lang == 1) { ?>
              PROVINCIAL DIRECTOR
              <?php } if($lang == 2) { ?>
              පළාත් අධ්‍යක්ෂක
              <?php } if($lang == 3) { ?>
              மாகாண இயக்குநர்கள்
              <?php } ?>
            </h4>
          </div>
        
        <?php $sql_dr = mysqli_query($conn, "SELECT name, duration, img, description FROM directors WHERE lang='$lang' AND del=0 ORDER BY id ASC, group_id ASC"); // LIMIT 1
		  while($row_dr = mysqli_fetch_array($sql_dr)) { ?>
        <div class="row">
          <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
            <div class="team-member text-center"> <img src="backend/upload/directors/<?php echo $row_dr['img']; ?>" class="img-fluid" alt="<?php echo $row_dr['name']; ?>" width="270" height="270">
              <div class="team-layer">
                <h6 class=""><?php echo $row_dr['name']; ?></h6>
                <p><?php echo $row_dr['duration']; ?></p>
              </div>
            </div>
          </div>
          <div class="col-lg-9 col-md-6 col-sm-6 col-xs-12">
            <h5 style="text-transform:uppercase"><?php echo $row_dr['name']; ?> &nbsp;- <small><?php echo $row_dr['duration']; ?></small></h5>
            <hr>
            <p align="justify"><?php echo $row_dr['description']; ?></p>
          </div>
        </div>
        <?php } ?>
		</div>
        <div class="col-md-12">
          <div class="team">
            <h4>
              <?php if($lang == 1) { ?>
              AWARDS AND ACHIEVEMENTS
              <?php } if($lang == 2) { ?>
              සම්මානයන් සහ ජයග්‍රහණ
              <?php } if($lang == 3) { ?>
              விருதுகள் மற்றும் சாதனைகள்
              <?php } ?>
            </h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End About Area --> 

<!-- Footer -->
<?php include 'common/footer.php'; ?>
<!-- End Footer --> 

<!-- =========================================
JavaScript Files
========================================== --> 

<!-- jQuery JS --> 
<script src="js/assets/vendor/jquery-1.12.4.min.js"></script> 
<!-- Poppers Js --> 
<script src="js/assets/popper.js"></script> 
<!-- Bootstrap --> 
<script src="js/assets/bootstrap.min.js"></script> 
<!-- Sticky Js --> 
<script src="js/assets/jquery.sticky.js"></script> 
<!-- WOW JS --> 
<script src="js/assets/wow.min.js"></script> 
<!-- Smooth Scroll --> 
<script src="js/assets/smooth-scroll.js"></script> 
<!-- Mean Menu --> 
<script src="js/assets/jquery.meanmenu.min.js"></script> 
<!-- News Ticker --> 
<script src="js/assets/jquery.newsticker.min.js"></script> 
<!-- Owl Carousel --> 
<script src="js/assets/owl.carousel.min.js"></script> 
<!-- Magnific Popup --> 
<script src="js/assets/jquery.magnific-popup.min.js"></script> 
<!-- Syotimer --> 
<script src="js/assets/jquery.syotimer.min.js"></script> 
<!-- Custom JS --> 
<script src="js/plugins.js"></script> 
<script src="js/custom.js"></script> 
<!-- Vertical Nav Bar --> 
<script src="js/nav-bar/menu.min.js"></script> 

<!-- JavaScript Validation For Login Page --> 
<script src="js/assets/jquery.validate.min.js"></script> 
<script src="js/form_validate.js"></script> 
<script>
$(function() {
  $('#auto-collapse-menu-demo').metisMenu();
});
</script>
</body>
</html>