<!DOCTYPE html>
<html class="no-js">
    <head>
        <!-- Basic Page Needs
        ================================================== -->
        <meta charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="icon" href="logo_icon.ico">
        <title>Begin Enterprise Co., Ltd.</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="">
        <!-- Mobile Specific Metas
        ================================================== -->
        <meta name="format-detection" content="telephone=no">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        
        <!-- Template CSS Files
        ================================================== -->
        <!-- Twitter Bootstrs CSS -->
        <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
        <!-- Ionicons Fonts Css -->
        <link rel="stylesheet" href="plugins/ionicons/ionicons.min.css">
        <!-- animate css -->
        <link rel="stylesheet" href="plugins/animate-css/animate.css">
        <!-- Hero area slider css-->
        <link rel="stylesheet" href="plugins/slider/slider.css">
        <!-- owl craousel css -->
        <link rel="stylesheet" href="plugins/owl-carousel/owl.carousel.css">
        <link rel="stylesheet" href="plugins/owl-carousel/owl.theme.css">
        <!-- Fancybox -->
        <link rel="stylesheet" href="plugins/facncybox/jquery.fancybox.css">
        <!-- template main css file -->
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>


       <? require_once("include_menu.php");?>


<!--
==================================================
Global Page Section Start
================================================== -->
<section class="global-page-header">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="block">
                    <h3>ระบบป้องกันอัคคีภัย</h3>
                    &nbsp;&nbsp;&nbsp;&nbsp;รับเหมางานระบบป้องกันอัคคีภัย : ติดตั้ง Fire pump / ติดตั้ง Jockey Pump / ระบบ sprinkler / เดินท่อระบบ Sprinkler / ติดตั้ง Fire Host Cabinets / ระบบดับเพลิงพิเศษ (FM200,Nitrogen) / Water Mist
                    
                </div>
            </div>
        </div>
    </div>
</section><!--/#Page header-->

<section class="works works-fit">
    <div class="container">
        <h2 class="subtitle">Some Of Our Features Works</h2>
            
        <div class="row">
            <div class="col-sm-3">
                 <figure class="wow fadeInLeft animated portfolio-item animated" data-wow-duration="300ms" data-wow-delay="0ms" style="visibility: visible; animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-delay: 0ms; -webkit-animation-delay: 0ms; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
                    <div class="img-wrapper">
                         <a rel="gallery" title="" class="fancybox" href="images/portfolio/e4/1.jpg">
                        <img src="images/portfolio/e4/1.jpg" class="img-responsive" alt="">
                        </a>
                    </div>
                </figure>
            </div>

            <div class="col-sm-3">
                <figure class="wow fadeInLeft animated animated" data-wow-duration="300ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-delay: 300ms; -webkit-animation-delay: 300ms; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
                    <div class="img-wrapper">
                        <a rel="gallery" title="" class="fancybox" href="images/portfolio/e4/2.jpg">
                        <img src="images/portfolio/e4/2.jpg" class="img-responsive" alt="">
                        </a>
                        
                    </div>
                </figure>
            </div>

            <div class="col-sm-3">
                <figure class="wow fadeInLeft animated animated" data-wow-duration="300ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-delay: 300ms; -webkit-animation-delay: 300ms; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
                    <div class="img-wrapper">
                        <a rel="gallery" title="" class="fancybox" href="images/portfolio/e4/3.jpg">
                        <img src="images/portfolio/e4/3.jpg" class="img-responsive" alt="">
                        </a>
                        
                    </div>
                </figure>
            </div>

            <div class="col-sm-3">
                <figure class="wow fadeInLeft animated animated" data-wow-duration="300ms" data-wow-delay="600ms" style="visibility: visible; animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-delay: 600ms; -webkit-animation-delay: 600ms; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
                    <div class="img-wrapper">
                        <a rel="gallery" title="" class="fancybox" href="images/portfolio/e4/4.jpg">
                        
                        <img src="images/portfolio/e4/4.jpg" class="img-responsive" alt="">
                        </a>
                       
                    </div>
                </figure>
            </div>
            
            <div class="col-sm-3">
                <figure class="wow fadeInLeft animated animated" data-wow-duration="300ms" data-wow-delay="600ms" style="visibility: visible; animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-delay: 600ms; -webkit-animation-delay: 600ms; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
                    <div class="img-wrapper">
                        <a rel="gallery" title="" class="fancybox" href="images/portfolio/e4/5.jpg">
                        
                        <img src="images/portfolio/e4/5.jpg" class="img-responsive" alt="">
                        </a>
                       
                    </div>
                </figure>
            </div>
            
            <div class="col-sm-3">
                <figure class="wow fadeInLeft animated animated" data-wow-duration="300ms" data-wow-delay="600ms" style="visibility: visible; animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-delay: 600ms; -webkit-animation-delay: 600ms; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft;">
                    <div class="img-wrapper">
                        <a rel="gallery" title="" class="fancybox" href="images/portfolio/e4/6.jpg">
                        
                        <img src="images/portfolio/e4/6.jpg" class="img-responsive" alt="">
                        </a>
                       
                    </div>
                </figure>
            </div>
            
        </div>
    </div>
</section>   



        
            <!--
            ==================================================
            Call To Action Section Start
            ================================================== -->
           
	<!-- jquery -->
	<script src="plugins/jQurey/jquery.min.js"></script>
	<!-- Form Validation -->
    <script src="plugins/form-validation/jquery.form.js"></script> 
    <script src="plugins/form-validation/jquery.validate.min.js"></script>
	<!-- owl carouserl js -->
	<script src="plugins/owl-carousel/owl.carousel.min.js"></script>
	<!-- bootstrap js -->
	<script src="plugins/bootstrap/bootstrap.min.js"></script>
	<!-- wow js -->
	<script src="plugins/wow-js/wow.min.js"></script>
	<!-- slider js -->
	<script src="plugins/slider/slider.js"></script>
	<!-- Fancybox -->
	<script src="plugins/facncybox/jquery.fancybox.js"></script>
	<!-- template main js -->
	<script src="js/main.js"></script>
 	</body>
</html>