<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
	<title>Palmettotech</title> 
	<!-- mobile responsive meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" href="images/favicon/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png" sizes="16x16">
<script src="https://use.fontawesome.com/44ce6a9f50.js"></script>
</head>
<body>
<div class="boxed_wrapper">
  <?php include_once("include/header.php"); ?>
    <div class="inner-banner has-base-color-overlay text-center" style="background: url(images/background/1.jpg);">
        <div class="container">
            <div class="box">
                <h3>Our Services</h3>
            </div><!-- /.box -->
        </div><!-- /.container -->
    </div>
  <!--Services Style One-->
   <section class="feature-style-one padd-1">
        <div class="container"> 
        <div class="col-md-12">


            <?php
					$subfarooq1=mysqli_query($conn, "select * from mec_gallery where mec_g_id=5 order by mec_p_id"); $hh=1;
					while($subpasha1=mysqli_fetch_array($subfarooq1))
					{ 
                        if ($hh % 2 != 0) {
					?>
         <div class="row align-items-center bg-enter" id="service<?php echo $subpasha1['mec_p_id']; ?>">
        <!-- Image Column -->
        <div class="col-md-3 mb-3">
            <img src="products/gallery/<?php echo $subpasha1['mec_p_id'];?>.jpg" class="img-fluid rounded he-235" alt="Sample" style="width: 100%;">
            <h3 class="enterprise-heading"><?php echo $subpasha1['mec_title1']; ?></h3>
        </div>
        <!-- Text Column -->
        <div class="col-md-9">
            <h3 class="enterprise"><?php echo $subpasha1['mec_title1']; ?></h3>
       <?php echo $subpasha1['mec_description2']; ?>
        </div> 
        </div>  
        <!--  -->
<?php } else { ?>
        <div class="row align-items-center bg-enter01" id="service<?php echo $subpasha1['mec_p_id']; ?>">
        <!-- Text Column -->
        <div class="col-md-9">
            <h3 class="enterprise"><?php echo $subpasha1['mec_title1']; ?></h3>
        <?php echo $subpasha1['mec_description2']; ?>
        </div> 
        <!-- Image Column -->
        <div class="col-md-3 mb-3">
            <img src="products/gallery/<?php echo $subpasha1['mec_p_id'];?>.jpg" class="img-fluid rounded he-235" alt="Sample" style="width: 100%;">
            <h3 class="enterprise-heading"><?php echo $subpasha1['mec_title1']; ?></h3>
        </div>
        </div>   
        <!--  -->
             <?php  } $hh++;} ?>

        

        </div>
        
        </div>
    </section>
<?php include_once("include/footer.php"); ?>
    <!-- Scroll Top Button -->
    <button class="scroll-top tran3s color2_bg">
        <span class="fa fa-angle-up"></span>
    </button>
    <!-- pre loader  -->
    <div class="preloader"></div>
    <!-- jQuery js -->
    <script src="js/jquery.js"></script>
    <!-- bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- jQuery ui js -->
    <script src="js/jquery-ui.js"></script>
    <!-- owl carousel js -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- jQuery validation -->
    <script src="js/jquery.validate.min.js"></script>
    <!-- google map -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRvBPo3-t31YFk588DpMYS6EqKf-oGBSI"></script> 
    <script src="js/gmap.js"></script>
    <!-- mixit up -->
    <script src="js/wow.js"></script>
    <script src="js/jquery.mixitup.min.js"></script>
    <script src="js/jquery.fitvids.js"></script>
    <script src="js/bootstrap-select.min.js"></script>
    <!-- revolution slider js -->
    <script src="assets/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="assets/revolution/js/extensions/revolution.extension.video.min.js"></script>
    <!-- fancy box -->
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/jquery.polyglot.language.switcher.js"></script>
    <script src="js/nouislider.js"></script>
    <script src="js/jquery.bootstrap-touchspin.js"></script>
    <script src="js/SmoothScroll.js"></script>
    <script src="js/jquery.appear.js"></script>
    <script src="js/jquery.countTo.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/imagezoom.js"></script> 
    <script id="map-script" src="js/default-map.js"></script>
    <script src="js/custom.js"></script>
</div>   
</body>
</html>