contact.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  7. <meta name="renderer" content="webkit">
  8. <title>{pboot:if('{sort:title}'=='')}{pboot:pagetitle}{else}{sort:title}{/pboot:if}</title>
  9. <meta name="keywords" content="{pboot:if('{sort:keywords}'=='')}{pboot:pagekeywords}{else}{sort:keywords}{/pboot:if}">
  10. <meta name="description"
  11. content="{pboot:if('{sort:description}'=='')}{pboot:pagedescription}{else}{sort:description}{/pboot:if}">
  12. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/swiper.min.css">
  13. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/style.css">
  14. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/media.css">
  15. <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/animate.min.css">
  16. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.min.js"></script>
  17. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/swiper.min.js"></script>
  18. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/wow.min.js"></script>
  19. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/jquery.countup.min.js"></script>
  20. <script type="text/javascript" src="{pboot:sitedomain}/skin/js/main.js"></script>
  21. </head>
  22. <body class="menu-bg">
  23. <!--头部-->
  24. {include file=head.html}
  25. <!--内容-->
  26. {pboot:sort scode={sort:tcode}}
  27. <div id="bann" style="background-image: url([sort:pic]);">
  28. <div class="container">
  29. <div class="t1 wow fadeInUp" data-wow-delay="200ms">[sort:subname]<br>
  30. </div>
  31. <div class="t2 wow fadeInUp" data-wow-delay="300ms"> <span>[sort:def1]</span> </div>
  32. </div>
  33. </div>
  34. {/pboot:sort}
  35. <div class="nav_pc hide wow fadeInLeft" id="nav" data-wow-delay="400ms">
  36. <div class="container"> <a class="home" href="{pboot:sitedomain}/"><img
  37. src="{pboot:sitedomain}/skin/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
  38. <div class="first">
  39. <h4>{sort:topname}</h4>
  40. <ul>
  41. {pboot:nav}
  42. <li><a href="[nav:link]">[nav:name]</a></li>
  43. {/pboot:nav}
  44. </ul>
  45. </div>
  46. <!-- <div class="second active">
  47. <h4> {sort:name} </h4>
  48. <ul>
  49. {pboot:nav num=50 parent={sort:tcode}}
  50. <li><a href="[nav:link]">[nav:name]</a></li>
  51. {/pboot:nav}
  52. </ul>
  53. </div> -->
  54. </div>
  55. </div>
  56. <div class="nav_phone hide container ">
  57. <p>{pboot:position}</p>
  58. </div>
  59. <div id="contact">
  60. <div class="container">
  61. <div class="contact-box">
  62. <div class="address-items">
  63. <div class="item wow fadeInUp" data-wow-delay="100ms">
  64. <div class="img"> <img src="{pboot:sitedomain}/skin/images/tel1.png" alt=""> <img
  65. src="{pboot:sitedomain}/skin/images/tel2.png" alt=""> </div>
  66. <p class="t1">总机</p>
  67. <p class="desc">{pboot:companyphone}</p>
  68. </div>
  69. <!-- <div class="item wow fadeInUp" data-wow-delay="200ms">
  70. <div class="img"> <img src="{pboot:sitedomain}/skin/images/fax1.png" alt=""> <img
  71. src="{pboot:sitedomain}/skin/images/fax2.png" alt=""> </div>
  72. <p class="t1">传真</p>
  73. <p class="desc">{pboot:companyfax}</p>
  74. </div> -->
  75. <div class="item wow fadeInUp" data-wow-delay="300ms">
  76. <div class="img"> <img src="{pboot:sitedomain}/skin/images/mail1.png" alt=""> <img
  77. src="{pboot:sitedomain}/skin/images/mail2.png" alt=""> </div>
  78. <p class="t1">邮箱</p>
  79. <p class="desc">{pboot:companyemail}</p>
  80. </div>
  81. <div class="item wow fadeInUp" data-wow-delay="400ms">
  82. <div class="img"> <img src="{pboot:sitedomain}/skin/images/time1.png" alt=""> <img
  83. src="{pboot:sitedomain}/skin/images/time2.png" alt=""> </div>
  84. <p class="t1">工作时间</p>
  85. <p class="desc">8:30 AM - 17:30 PM</p>
  86. </div>
  87. <div class="item wow fadeInUp" data-wow-delay="500ms">
  88. <div class="img"> <img src="{pboot:sitedomain}/skin/images/add1.png" alt=""> <img
  89. src="{pboot:sitedomain}/skin/images/add2.png" alt=""> </div>
  90. <p class="t1">地址</p>
  91. <p class="desc">{pboot:companyaddress}</p>
  92. </div>
  93. </div>
  94. <div class="message-box" id="message" style="margin-top:20px">
  95. <div class="title wow fadeInUp" data-wow-delay="200ms"><span>客户留言</span>欢迎给我们留言</div>
  96. <form id="ct_btn" method="post" action="{pboot:msgaction}" class="form-box wow fadeInUp"
  97. data-wow-delay="300ms">
  98. <div class="line has-star">
  99. <input type="text" placeholder="姓名" name="contacts" id="name">
  100. </div>
  101. <div class="line has-star">
  102. <input type="text" placeholder="公司名称" name="gongsi" id="">
  103. </div>
  104. <div class="line has-star">
  105. <input type="text" placeholder="电话" name="tel" id="">
  106. </div>
  107. <div class="line">
  108. <input type="text" placeholder="邮箱" name="email" id="">
  109. </div>
  110. <div class="line has-text has-star">
  111. <textarea name="content" id="" cols="30" rows="10" placeholder="留言内容"></textarea>
  112. </div>
  113. <div class="code-box">
  114. <div class="line has-star">
  115. <input type="text" placeholder="验证码" name="checkcode" id="">
  116. </div>
  117. <div class="img-box"> <img id="verifyImgs" src="{pboot:checkcode}" alt="验证码" title="看不清楚?换一张"
  118. onclick="this.src='{pboot:checkcode}?'+Math.round(Math.random()*10);" /> </div>
  119. </div>
  120. <button class="msg-btn" type="submit" id="tj">留言提交</button>
  121. </form>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <!--底部-->
  127. {include file=foot.html}
  128. <script>
  129. $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
  130. $(this).children('ul').stop().slideToggle()
  131. });
  132. </script>
  133. <script>
  134. $(function () {
  135. $('#tj').click(function () {
  136. //alert(1)
  137. if ($('#name').val() == '') { alert('请输入您的姓名!'); $("#name").focus(); return false; }
  138. if ($("#tel").val() == "") { alert("请输入你的手机!"); $("#tel").focus(); return false; }
  139. if (!$("#tel").val().match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1})|(19[0-9]{1}))+\d{8})$/)) { alert("手机号码格式不正确!"); $("#tel").focus(); return false; }
  140. if ($("#email").val() == "") { alert("请输入电子邮箱!"); return false; }
  141. if (!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) { alert("电子邮箱格式不正确"); $("#email").focus(); return false; }
  142. if ($('#content').val() == '') { alert('请输入留言内容!'); return false; }
  143. })
  144. })
  145. </script>
  146. </body>
  147. </html>