中泽后端接口
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

concatUs.ftl 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <!doctype html>
  2. <html lang="cn">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
  8. <meta name="apple-touch-fullscreen" content="yes">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <#include "./headerUp.ftl" parse=true encoding="utf-8">
  11. <title>${htmlTitle!"Contact Us"}</title>
  12. <meta name="keywords" content=${keywords!""}>
  13. <meta name="description" content=${description!""}>
  14. <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
  15. <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>
  16. <link rel="stylesheet" href="./static/css/animate.min.css">
  17. <script src="./static/js/wow.min.js" charset="utf-8"></script>
  18. <link href="./common/index.css" rel="stylesheet">
  19. <link href="./concatUs/index.css" rel="stylesheet">
  20. <meta property="og:title" content="Contact Us." />
  21. <#-- <meta property="og:url" content="http://www.sharethis.com" />-->
  22. <meta property="og:image" content="http://8.218.104.92/static/images/concatUs/right-back.jpg" />
  23. <meta property="og:description" content="For any enquiries, or just to say hello, get in touch and contact us." />
  24. <#-- <meta property="og:site_name" content="ShareThis" />-->
  25. </head>
  26. <body>
  27. <#include "./header.ftl" parse=true encoding="utf-8">
  28. <div class="main">
  29. <div class="part">
  30. <div class="right">
  31. <div class="bgImage">
  32. <picture class="lazy">
  33. <source data-srcset="./static/images/concatUs/right-back-mob.jpg" srcset=""
  34. media="(max-width: 800px)"/>
  35. <img class="fit-image" data-src="./static/images/concatUs/right-back.jpg" src=""/></picture>
  36. </div>
  37. </div>
  38. <div class="left">
  39. <div class="content">
  40. <div class="title_1">Contact Us.</div>
  41. <div class="sub">
  42. <div class="sub-left">
  43. <div class="sub-text">For any enquiries, or just to say hello, get in touch and contact us.
  44. </div>
  45. <a class="phone" href="tel:+86 1080762999">
  46. <div class="icon"></div>
  47. <span>+86 1080762999</span>
  48. </a>
  49. <div class="descrtiption pc">
  50. <div class="label">Message</div>
  51. <textarea class="formTextArea" type="textarea" rows="3"></textarea>
  52. </div>
  53. </div>
  54. <div class="sub-right">
  55. <div class="form">
  56. <div class="row row1">
  57. <div class="type"></div>
  58. </div>
  59. <div class="row row2">
  60. <div class="country"></div>
  61. </div>
  62. <div class="row row3">
  63. <div class="">
  64. <input class="formInput require" placeholder="City*" onfocus="this.placeholder=''" onblur="this.placeholder='City*'"/>
  65. </div>
  66. </div>
  67. <div class="row row4">
  68. <input class="formInput require" placeholder="First Name*" onfocus="this.placeholder=''" onblur="this.placeholder='First Name*'"/>
  69. </div>
  70. <div class="row row5"><input class="formInput require" placeholder="Surname*" onfocus="this.placeholder=''" onblur="this.placeholder='Surname*'"/>
  71. </div>
  72. <div class="row row6">
  73. <div class="td"><input class="formInput require" placeholder="Email*" onfocus="this.placeholder=''" onblur="this.placeholder='Email*'"/>
  74. </div>
  75. <div class="td"><input class="formInput" placeholder="Tel" onfocus="this.placeholder=''" onblur="this.placeholder='Tel'"/>
  76. </div>
  77. </div>
  78. <div class="descrtiption mob">
  79. <div class="label">Message</div>
  80. <textarea class="formTextArea" type="textarea" rows="3"></textarea>
  81. </div>
  82. <div class="row row7">
  83. <div class="label">Privacy Policy</div>
  84. <div class="check">
  85. <div class="checkbox clicked"></div>
  86. <div class="check_text">I have read and understood the information on data
  87. protection.
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="viewBtn btn black send">
  93. <div class="viewText">SEND</div>
  94. <div class="viewIcon">
  95. <div class="viewArrow1"></div>
  96. <div class="viewArrow2"></div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="alertbox-submit">
  106. <div class="content">
  107. <div class="alertheader">
  108. <h4 class="modaltitle"></h4>
  109. </div>
  110. <div class="modalbody">
  111. <p>提交成功</p>
  112. </div>
  113. <div class="modalfooter"><button type="button" class="btn btn-default">我知道了</button></div>
  114. </div>
  115. </div>
  116. <#include "./footer.ftl" parse=true encoding="utf-8">
  117. <div class="adminFrom">
  118. <div class="fromCon"><h3>替换内容</h3>
  119. <div class="fromTable"></div>
  120. <div class="fromBtn">
  121. <div class="btnClear">取消</div>
  122. <div class="btnOk">确定</div>
  123. </div>
  124. </div>
  125. </div>
  126. <script defer="defer" src="./runtime/index.js"></script>
  127. <script defer="defer" src="./vendor/index.js"></script>
  128. <script defer="defer" src="./common/index.js"></script>
  129. <script defer="defer" src="./concatUs/index.js"></script>
  130. </body>
  131. <script>// 模块动画
  132. var wow = new WOW({
  133. boxClass: 'wow',
  134. animateClass: 'animated',
  135. offset: 100,
  136. live: true,
  137. mobile: false
  138. });
  139. wow.init();</script>
  140. </html>