123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- <!doctype html>
- <html lang="cn">
- <head>
- <meta charset="utf-8"/>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
- <meta name="apple-touch-fullscreen" content="yes">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <#include "./headerUp.ftl" parse=true encoding="utf-8">
- <title>${htmlTitle!"Contact Us"}</title>
- <meta name="keywords" content=${keywords!""}>
- <meta name="description" content=${description!""}>
- <meta content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
- <link href="./static/css/swiper-bundle.min.css" rel="stylesheet"/>
- <link rel="stylesheet" href="./static/css/animate.min.css">
- <script src="./static/js/wow.min.js" charset="utf-8"></script>
- <link href="./common/index.css" rel="stylesheet">
- <link href="./concatUs/index.css" rel="stylesheet">
-
- <meta property="og:title" content="Contact Us." />
- <#-- <meta property="og:url" content="http://www.sharethis.com" />-->
- <meta property="og:image" content="http://8.218.104.92/static/images/concatUs/right-back.jpg" />
- <meta property="og:description" content="For any enquiries, or just to say hello, get in touch and contact us." />
- <#-- <meta property="og:site_name" content="ShareThis" />-->
- </head>
- <body>
- <#include "./header.ftl" parse=true encoding="utf-8">
- <div class="main">
- <div class="part">
- <div class="right">
- <div class="bgImage">
- <picture class="lazy">
- <source data-srcset="./static/images/concatUs/right-back-mob.jpg" srcset=""
- media="(max-width: 800px)"/>
- <img class="fit-image" data-src="./static/images/concatUs/right-back.jpg" src=""/></picture>
- </div>
- </div>
- <div class="left">
- <div class="content">
- <div class="title_1">Contact Us.</div>
- <div class="sub">
- <div class="sub-left">
- <div class="sub-text">For any enquiries, or just to say hello, get in touch and contact us.
- </div>
- <a class="phone" href="tel:+86 1080762999">
- <div class="icon"></div>
- <span>+86 1080762999</span>
- </a>
- <div class="descrtiption pc">
- <div class="label">Message</div>
- <textarea class="formTextArea" type="textarea" rows="3"></textarea>
- </div>
- </div>
- <div class="sub-right">
- <div class="form">
- <div class="row row1">
- <div class="type"></div>
- </div>
- <div class="row row2">
- <div class="country"></div>
- </div>
- <div class="row row3">
- <div class="">
- <input class="formInput require" placeholder="City*" onfocus="this.placeholder=''" onblur="this.placeholder='City*'"/>
- </div>
- </div>
- <div class="row row4">
- <input class="formInput require" placeholder="First Name*" onfocus="this.placeholder=''" onblur="this.placeholder='First Name*'"/>
- </div>
- <div class="row row5"><input class="formInput require" placeholder="Surname*" onfocus="this.placeholder=''" onblur="this.placeholder='Surname*'"/>
- </div>
- <div class="row row6">
- <div class="td"><input class="formInput require" placeholder="Email*" onfocus="this.placeholder=''" onblur="this.placeholder='Email*'"/>
- </div>
- <div class="td"><input class="formInput" placeholder="Tel" onfocus="this.placeholder=''" onblur="this.placeholder='Tel'"/>
- </div>
- </div>
- <div class="descrtiption mob">
- <div class="label">Message</div>
- <textarea class="formTextArea" type="textarea" rows="3"></textarea>
- </div>
- <div class="row row7">
- <div class="label">Privacy Policy</div>
- <div class="check">
- <div class="checkbox clicked"></div>
- <div class="check_text">I have read and understood the information on data
- protection.
- </div>
- </div>
- </div>
- </div>
- <div class="viewBtn btn black send">
- <div class="viewText">SEND</div>
- <div class="viewIcon">
- <div class="viewArrow1"></div>
- <div class="viewArrow2"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="alertbox-submit">
- <div class="content">
- <div class="alertheader">
- <h4 class="modaltitle"></h4>
- </div>
- <div class="modalbody">
- <p>提交成功</p>
- </div>
- <div class="modalfooter"><button type="button" class="btn btn-default">我知道了</button></div>
- </div>
- </div>
- <#include "./footer.ftl" parse=true encoding="utf-8">
- <div class="adminFrom">
- <div class="fromCon"><h3>替换内容</h3>
- <div class="fromTable"></div>
- <div class="fromBtn">
- <div class="btnClear">取消</div>
- <div class="btnOk">确定</div>
- </div>
- </div>
- </div>
- <script defer="defer" src="./runtime/index.js"></script>
- <script defer="defer" src="./vendor/index.js"></script>
- <script defer="defer" src="./common/index.js"></script>
- <script defer="defer" src="./concatUs/index.js"></script>
- </body>
- <script>// 模块动画
- var wow = new WOW({
- boxClass: 'wow',
- animateClass: 'animated',
- offset: 100,
- live: true,
- mobile: false
- });
- wow.init();</script>
- </html>
|