/
home
/
akpro999co
/
domains
/
akpro999.com
/
public_html.bak
/
Upload File
HOME
<!doctype html> <html class="no-js" lang=""> <head> <? include_once("link_header.php");?> <? include("admin/config/config.php");?> <style> .tcolor{ color:#666; } .tcolor:hover{ color:#296dc1; } .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .page_loader { position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; background: url(img/load10.gif) center no-repeat #fff; } .forsale{ float:right; top:0; right:0px; position:absolute; width:65px; height:65px; } .im { transition-duration: 1s; transition-timing-function:ease; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .im:hover { transition-duration: 0.5s; transition-timing-function:ease; opacity: 0.3; filter: alpha(opacity=100); /* For IE8 and earlier */ } .texthd{ font-size: 1.6em; color : #fff; padding: 10px 20px 10px 20px; background-color : rgba(0, 82, 149, 0.91); border-radius: 1em; line-height:55px; } .mah { margin: 10px 0px 20px 0px; } p{ font-size :18px; } p:hover{ color: rgba(0, 82, 149, 0.91); } </style> <link rel="stylesheet" href="components/css/font-awesome.min.css"> <!-- Current Page Styles --> <link rel="stylesheet" type="text/css" href="components/revolution_slider/css/settings.css" media="screen" /> <link rel="stylesheet" type="text/css" href="components/revolution_slider/css/style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="components/jquery.bxslider/jquery.bxslider.css" media="screen" /> <!-- Main Style --> </head> <body> <!-- search-area --> <div class="search-area"> <span class="closs-btn">Close</span> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="search-form"> <form action="#"> <input type="text" name="search" placeholder="Search Here"> <button type="button" name="button" class="btn-style">Search</button> </form> </div> </div> </div> </div> </div> <!-- search-area --> <!-- heared area start --> <? include_once("menu_header.php");?> <? include_once("slider_test.php");?> <!-- breadcumb-area start --> <div><img src="img/solution-01.jpg" width="100%"></div> <br><br> <h2 class="text-center text-primary">NEW PRODUCT | ผลิตภัณฑ์มาใหม่</h2> <div class=" text-center mah"><span class="texthd">เราคัดเลือกผลิตภัณฑ์เพื่อการนำเข้าอย่างพิถีพิถัน เพื่อให้ลูกค้าเลือกใช้อย่างเหมาะสม</span></div> <br> <?php $i=0; $sql ="select *from set_type order by id"; $sl = mysqli_query($dbname, $sql); while($rsl = mysqli_fetch_array($sl)) { $i=$i+1; ?> <div class=" col-xs-6 col-sm-6 col-md-2 col-lg-3 animated bounceInUp" style=" animation-delay: 0.<?=$i;?>s"> <div class="blog-details-wrap"> <div class="blog-details-content"> <h3 class="text-center text-primary"><?=$rsl['type'];?></h3> </div> <div class="blog-details-img"> <a href="product.php?typeid=<?=$rsl['id'];?>"><img class="im" src="admin/_img/<?=$rsl['images'];?>" alt=""></a> </div> </div> </div> <? }?> <!-- breadcumb-area end --> <div class="clearfix"></div> <br> <h2 class="text-center text-primary">PRODUCT BRAND | แบรนด์สินค้าชั้นนำ</h2> <div class=" text-center mah"><span class="texthd">เราคัดสรรแบรนด์ชั้นนำเรื่องระบบรักษาความปลอดภัย เพื่อให้ลูกค้าเลือกสรรมากมาย</span></div> <br> <?php $sql ="select *from set_brand where ac='1' order by sho"; $sl = mysqli_query($dbname, $sql); while($rsb = mysqli_fetch_array($sl)) { ?> <div class=" col-xs-4 col-sm-4 col-md-2 col-lg-2"> <div class="blog-details-wrap"> <div class="blog-details-img"> <img class="im" src="admin/_img/<?=$rsb['images'];?>" alt=""> </div> </div> </div> <? }?> <!-- breadcumb-area end --> <div class="clearfix"></div> <br> <br> <div class="container"> <div class="row"> <h2 class="text-center text-primary">โปรโมชั่นครบเซ็ต</h2> <div class=" text-center mah"><span class="texthd">ระบบรักษาความปลอดภัยชุดครบเซ็ต เบ็ดเสร็จในชุดเดียว</span></div> <br> <?php $sql1 ="select *from product where active='1'and groupid='7'"; $prod = mysqli_query($dbname, $sql1); while($rsprod = mysqli_fetch_array($prod)) { ?> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <div class="text-primary"><i class="fa fa-handshake-o fa-5x" aria-hidden="true"></i></div> </div> <div class="blog-details-content"> <h3 class="text-primary text-center">ให้ความไว้วางใจและเชื่อมั่น</h3> <p>เราจัดจำหน่ายสินค้าที่ได้รับความนิยม ทั้งจากหน่วยงานราชการและภาคเอกชน ชั้นนำหลายแห่งให้ความไว้วางใจและเชื่อมั่น ในคุณภาพสินค้าด้วยดีตลอดมา</p> </div> </div> </div> <? }?> </div> </div> <div class="clearfix"></div> <br><br> <div class="container"> <div class="row"> <h2 class="text-center text-primary">มุ่งมั่นสู่การเป็น ผู้นำเทคโนโลยี ระบบรักษาความปลอดภัย ทุกระบบ ครบวงจร</h2> <div class=" text-center mah"><span class="texthd">Leader of CCTV System & Technology Entire</span></div> <br> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <div class="text-primary"><i class="fa fa-handshake-o fa-5x" aria-hidden="true"></i></div> </div> <div class="blog-details-content"> <h3 class="text-primary text-center">ให้ความไว้วางใจและเชื่อมั่น</h3> <p>เราจัดจำหน่ายสินค้าที่ได้รับความนิยม ทั้งจากหน่วยงานราชการและภาคเอกชน ชั้นนำหลายแห่งให้ความไว้วางใจและเชื่อมั่น ในคุณภาพสินค้าด้วยดีตลอดมา</p> </div> </div> </div> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <div class="text-primary"><i class="fa fa-database fa-5x " aria-hidden="true"></i></div> </div> <div class="blog-details-content"> <h3 class="text-center text-primary ">มุ่งมั่นแและพัฒนาสินค้า</h3> <p>ความมุ่งมั่นในการแสวงหาและพัฒนาสินค้าใหม่ ที่ดีและมีคุณภาพเพิ่มเข้ามาอย่างต่อเนื่อง เป็นทางเลือกให้กับลูกค้าเลือกซื้อได้หลากหลาย</p> </div> </div> </div> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <div class="text-primary"> <i class="fa fa-briefcase fa-5x" aria-hidden="true"></i></div> </div> <div class="blog-details-content"> <h3 class="text-center text-primary bg-light">สนับสนุนและพัฒนาความรู้</h3> <p>ส่งเสริมสนับสนุน และพัฒนาความรู้ในตัวสินค้า ตลอดจนการออกแบบด้านเทคนิค และติดตั้งให้กับทีมงาน ช่างเทคนิคและพนักงานขาย ให้กับผู้แทนจำหน่ายของเรามาอย่างต่อเนื่อง</p> </div> </div> </div> </div> </div> <div class="clearfix"></div> <br><br> <div class="container"> <div class="row"> <h2 class="text-center text-primary">พร้อมสนับสนุนตัวแทนจำหน่ายทั่วประเทศ</h2> <div class=" text-center mah"><span class="texthd">เราพร้อมเป็นส่วนหนึ่งกับคุณ</span></div> <br> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <img src="img/se1.png" width="100%"> </div> <div class="blog-details-content"> <p>บริษัทฯ เป็นผู้นำเข้าและจัดจำหน่าย ระบบอุปกรณ์รักษาความปลอดภัย จากประเทศจีน ให้เลือกใช้อย่างเหมาะสม</p> </div> </div> </div> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <img src="img/se2.png" width="100%"> </div> <div class="blog-details-content"> <p>ดูแลสนับสนุน ตัวแทนจำหน่ายทั่วประเทศ พัฒนาความรู้ความสามารถของคุณให้มีสินค้าใหม่ๆ ก้าวล้ำเทคโนโลยีและให้บริการอย่างรวดเร็วและถูกใจ</p> </div> </div> </div> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap "> <div class="blog-details-img text-center"> <img src="img/se3.png" width="100%"> </div> <div class="blog-details-content"> <p>ด้วยประสบการณ์และนโยบายบริษัทฯ ได้ให้ความสำคัญต่อการให้บริการทั้งก่อนและหลังการขายเป็นสำคัญทำให้ได้รับความไว้วางใจสูงสุด</p> </div> </div> </div> </div> </div> <style type="text/css" media="screen"> .tregis{ font-size: 20px; padding: 5px 5px 5px 5px; width: 100%; height :55px; border: 2px solid #fff; opacity: 0.8; } .tex{ font-size: 22px; color: #fff; margin-left: 10px; margin-top: 20px; margin-bottom: 20px; } .boxbgc{ padding: 30px 30px 60px 30px; } .bgc{ background-image: url('img/res.jpg'); background-repeat: no-repeat; background-position: center; } </style> <br><br> <div class="boxbgc bgc"> <div class="container"> <br> <? $sql ="select *from contact"; $sl = mysqli_query($dbname, $sql); while($rsc1 = mysqli_fetch_array($sl)) { ?> <h1 class="text-center text-secondary" style=" color:#fff; text-shadow: 2px 2px #000; opacity: 0.8">สนใจสมัครตัวแทนจำหน่าย <?=$rsc1['phone'];?></h1> <h3 class="text-center" style=" color:#fff"><div style=" padding: 15px 20px 15px 20px; background-color: rgba(0, 0, 0, 0.7); border-radius: 2em ; opacity: 0.9">สามารถรับข่าวสารโปรโมชั่นต่างๆจาก <?=$rsc1['name_th'];?></div></h3> <? }?> <div> <div class="col-md-6 col-lg-6 col-sm-12"> <div class="blog-details-wrap"> <div class="tex">ชื่อจริง <font color="red">*</font></div> <input class="tregis" name="names" id="names" type="text" placeholder=""> </div> </div> <div class="col-md-6 col-lg-6 col-sm-12"> <div class="blog-details-wrap"> <div class="tex">นามสกุล <font color="red">*</font></div> <input class="tregis" name="sname" id="sname" type="text" placeholder=""> </div> </div> <div class="clearfix"></div> <div class="col-md-6 col-lg-6 col-sm-12"> <div class="blog-details-wrap"> <div class="tex">องค์กร/บริษัท <font color="red">*</font></div> <input class="tregis" type="text" name="og" id="og" placeholder=""> </div> </div> <div class="col-md-6 col-lg-6 col-sm-12"> <div class="blog-details-wrap"> <div class="tex">Email Address <font color="red">*</font></div> <input class="tregis" type="text" name="mail" id="mail" placeholder=""> </div> </div> <div class="clearfix"></div> <div class="col-md-6 col-lg-6 col-sm-12"> <div class="blog-details-wrap"> <div class="tex">เบอร์ติดต่อ <font color="red">*</font></div> <input class="tregis" type="text" name="phone" id="phone" placeholder=""> </div> </div> <div class="col-md-6 col-lg-6 col-sm-12"> <div class="blog-details-wrap"> <div class="tex">จังหวัด <font color="red">*</font></div> <select class="tregis" name="province" id="province"> <option value=""></option> <? $sql="select * from province order by thai"; $db = mysqli_query($dbname, $sql); while($re = mysqli_fetch_array($db)) { ?> <option value="<?=$re['thai'];?>"><?=$re['thai'];?></option> <? }?> </select> </div> </div> </div> </div> <br> <br> <div class="text-center"><button type="button" class="btn btn btn-light btn-lg" onclick="sen();"><span style=" font-size: 1.5em;"><i class="fa fa-envelope-o" aria-hidden="true"></i> ส่งข้อความหาเรา</span></button></div> </div> <br><br> <div class="container"> <div class="row"> <h2 class="text-center text-primary">FAQ</h2> <div class=" text-center mah"><span class="texthd">ความรู้เรื่องระบบรักษาความปลอดภัย</span></div> <br> <? $sql="select * from faq order by id limit 6"; $db = mysqli_query($dbname, $sql); while($re = mysqli_fetch_array($db)) { ?> <div class="col-md-4 col-lg-4 col-xs-6"> <div class="blog-details-wrap"> <div class="blog-details-img text-center"> <a href="faq_details.php?id=<?=$re['id'];?>"><img src="admin/_faq/<?=$re['images'];?>" class='im' width="100%"></a> </div> <div class="blog-details-content"> <p>บริษัทฯ เป็นผู้นำเข้าและจัดจำหน่าย ระบบอุปกรณ์รักษาความปลอดภัย จากประเทศจีน ให้เลือกใช้อย่างเหมาะสม</p> </div> </div> </div> <? }?> </div> </div> <script type="text/javascript"> function sen(){ if (document.getElementById("names").value=="") { document.getElementById("names").style.borderColor ="red"; } else { document.getElementById("names").style.borderColor ="#fff"; } if (document.getElementById("sname").value=="") { document.getElementById("sname").style.borderColor ="red"; } else { document.getElementById("sname").style.borderColor ="#fff"; } if (document.getElementById("og").value=="") { document.getElementById("og").style.borderColor ="red"; } else { document.getElementById("og").style.borderColor ="#fff"; } if (document.getElementById("mail").value=="") { document.getElementById("mail").style.borderColor ="red"; } else { document.getElementById("mail").style.borderColor ="#fff"; } if (document.getElementById("phone").value=="") { document.getElementById("phone").style.borderColor ="red"; } else { document.getElementById("phone").style.borderColor ="#fff"; } if (document.getElementById("province").value=="") { document.getElementById("province").style.borderColor ="red"; } else { document.getElementById("province").style.borderColor ="#fff"; } if (document.getElementById("names").value !="" && document.getElementById("sname").value !="" && document.getElementById("og").value !="" && document.getElementById("mail").value !="" && document.getElementById("phone").value !="" && document.getElementById("province").value !="") { $.post("_send_line.php",{ names : $("#names").val(), sname : $("#sname").val(), og : $("#og").val(), mail : $("#mail").val(), phone : $("#phone").val(), province : $("#province").val() },function(data){ document.getElementById("POST").innerHTML = data} ) $('#exampleModal').modal('show'); document.getElementById("names").value = ""; document.getElementById("sname").value = ""; document.getElementById("og").value = ""; document.getElementById("mail").value = ""; document.getElementById("phone").value = ""; document.getElementById("province").value = ""; document.getElementById("names").value = ""; } } </script> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <input name="id" type="text" id="id" style="display: none;" value=""> <div style=" color: #5cb85c; text-align: center; margin-bottom: 15px;"><i class="fa fa-check-circle-o fa-5x" aria-hidden="true"></i></div> <div style=" color: #5cb85c; text-align: center; font-size: 2.3em; margin-bottom: 20px; line-height: 47px;">ส่งข้อมูลไปที่ทีมงานเรียบร้อยแล้วครับ</div> <div style=" color: #5cb85c; text-align: center; font-size: 2.3em; margin-bottom: 20px; line-height: 47px;">เราจะติดต่อกลับภายใน <font color="red">24ชม.</font></div> </div> <div class="modal-footer" style=" text-align: center;"> <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i> ออกจากข้อความนี้</button> </div> <br> </div> </div> </div> <? include_once("footer.php");?> <!-- all js here --> <!-- jquery latest version --> <script src="assets/js/vendor/jquery-1.12.4.min.js"></script> <!-- bootstrap js --> <script src="assets/js/bootstrap.min.js"></script> <!-- owl.carousel.2.0.0-beta.2.4 css --> <script src="assets/js/owl.carousel.min.js"></script> <!-- counterup.main.js --> <script src="assets/js/counterup.main.js"></script> <!-- isotope.pkgd.min.js --> <script src="assets/js/imagesloaded.pkgd.min.js"></script> <!-- isotope.pkgd.min.js --> <script src="assets/js/isotope.pkgd.min.js"></script> <!-- jquery.waypoints.min.js --> <script src="assets/js/jquery.waypoints.min.js"></script> <!-- jquery.magnific-popup.min.js --> <script src="assets/js/jquery.magnific-popup.min.js"></script> <!-- jquery.slicknav.min.js --> <script src="assets/js/jquery.slicknav.min.js"></script> <!-- snake.min.js --> <script src="assets/js/snake.min.js"></script> <!-- wow js --> <script src="assets/js/wow.min.js"></script> <!-- plugins js --> <script src="assets/js/plugins.js"></script> <!-- main js --> <script src="assets/js/scripts.js"></script> <!-- Javascript --> <script type="text/javascript" src="components/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="components/js/jquery.noconflict.js"></script> <!-- Twitter Bootstrap --> <!-- load revolution slider scripts --> <script type="text/javascript" src="components/revolution_slider/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="components/revolution_slider/js/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript"> tjq(document).ready(function() { tjq('.revolution-slider').revolution( { sliderType:"standard", sliderLayout:"auto", dottedOverlay:"none", delay:9000, navigation: { keyboardNavigation:"off", keyboard_direction: "horizontal", mouseScrollNavigation:"off", mouseScrollReverse:"default", onHoverStop:"on", touch:{ touchenabled:"on", swipe_threshold: 75, swipe_min_touches: 1, swipe_direction: "horizontal", drag_block_vertical: false } , arrows: { style:"default", enable:true, hide_onmobile:false, hide_onleave:false, tmp:'', left: { h_align:"left", v_align:"center", h_offset:20, v_offset:0 }, right: { h_align:"right", v_align:"center", h_offset:20, v_offset:0 } } }, visibilityLevels:[1240,1024,778,480], gridwidth:1170, gridheight:646, lazyType:"none", shadow:0, spinner:"spinner4", stopLoop:"off", stopAfterLoops:-1, stopAtSlide:-1, shuffle:"off", autoHeight:"off", hideThumbsOnMobile:"off", hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, debugMode:false, fallbacks: { simplifyAll:"off", nextSlideOnWindowFocus:"off", disableFocusListener:false, } }); }); </script> </body> </html>