<!-- master stylesheet --> <link rel="shortcut icon" type="image/icon" href="images/icon.png"/> <link rel="stylesheet" href="css/style.css"> <!-- Responsive stylesheet --> <link rel="stylesheet" href="css/responsive.css"> <!-- main jQuery --> <script src="js/jquery.js"></script> <!-- bootstrap --> <script src="js/bootstrap.min.js"></script> <section class="contact-area"> <div class="container"> <div class="row"> <div class="contact-form"> <div class="title"> <h2>諮詢表單</h2> </div> <form id="contact-form" name="contact_form" class="default-form" action="?action=save" method="post"> <div class="row"> <div class="col-md-6"> <input type="text" name="items" placeholder="產品項目*" required> </div> <div class="col-md-6"> <input type="text" name="speeds" placeholder="生產速度*" required> </div> </div> <div class="row"> <div class="col-md-6"> <input type="text" name="size" placeholder="產品尺寸*" required> </div> <div class="col-md-6"> <input type="text" name="quantity" placeholder="數量"> </div> </div> <div class="row"> <div class="col-md-6"> <input type="text" id="commodity" name="commodity" placeholder="樣品示意圖*" readonly required style="float: left;width: 90%;float: left"><a class="fancybox fancybox.iframe btn btn-default" href="upload.php?pic=commodity" style="width: 10%;padding: 13px 0">上 傳</a> </div> <div class="col-md-6"> <input type="text" id="similar" name="similar" placeholder="類似商品" readonly style="float: left;width: 90%;float: left"><a class="fancybox fancybox.iframe btn btn-default" href="upload.php?pic=similar" style="width: 10%;padding: 13px 0">上 傳</a> </div> </div> <div class="row"> <div class="col-md-12"> <textarea name="note" placeholder="描述說明*.." required></textarea> </div> </div> <div class="row"> <div class="col-md-12"> <textarea name="remark" placeholder="備註.."></textarea> </div> </div> <div class="row"> <div class="col-md-6"> <input type="text" name="company" placeholder="公司名稱*" required> </div> <div class="col-md-3"> <input type="text" name="name" placeholder="聯絡人*" required> </div> <div class="col-md-3"> <input type="text" name="job" value="" placeholder="職稱*" required> </div> </div> <div class="row"> <div class="col-md-6"> <input type="text" name="tel" value="" placeholder="連絡電話*" required> </div> <div class="col-md-6"> <input type="email" name="email" value="" placeholder="E-mail*" required> </div> </div> <div class="row"> <div class="col-md-12"> <input type="text" name="address" value="" placeholder="地址*" required> </div> </div> <div class="row"> <div class="col-md-6"> <input type="text" name="anscheck" placeholder="請輸入驗證碼" maxlength="4" required=""> </div> <div class="col-md-6"> <img src="showpic.php" border="0"> </div> </div> <div class="row"> <div class="col-md-12"> <button class="btn btn-primary btn-lg" type="submit" data-loading-text="Please wait...">確定送出</button> </div> </div> </form> </div> </div> </div> </section> <!-- End Main --> <!--Scroll to top--> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div> <!-- bx slider --> <script src="js/jquery.bxslider.min.js"></script> <!-- count to --> <script src="js/jquery.countTo.js"></script> <!-- owl carousel --> <script src="js/owl.carousel.min.js"></script> <!-- validate --> <script src="js/validate.js"></script> <!-- mixit up --> <script src="js/jquery.mixitup.min.js"></script> <!-- easing --> <script src="js/jquery.easing.min.js"></script> <!-- video responsive script --> <script src="js/jquery.fitvids.js"></script> <!-- jQuery ui js --> <script src="assets/jquery-ui-1.11.4/jquery-ui.js"></script> <!-- Language Switche --> <script src="assets/language-switcher/jquery.polyglot.language.switcher.js"></script> <!-- fancy box --> <script src="js/jquery.fancybox.pack.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $('.fancybox').fancybox(); }); </script> <script src="js/jquery.appear.js"></script> <!-- isotope script--> <script src="js/isotope.js"></script> <script src="js/jquery.prettyPhoto.js"></script> <!-- jQuery timepicker js --> <script src="assets/timepicker/timePicker.js"></script> <!-- Bootstrap select picker js --> <script src="assets/bootstrap-sl-1.12.1/bootstrap-select.js"></script> <!-- Html 5 light box script--> <!--<script src="assets/html5lightbox/html5lightbox.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> <!-- thm custom script --> <script src="js/custom.js"></script>