213b1e2a04217c144570604b6ade35c7.php 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733
  1. <?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:72:"D:\wamp64\www\Home-Data\public/../application/home\view\index\index.html";i:1560391876;s:64:"D:\wamp64\www\Home-Data\application\home\view\layout\header.html";i:1560388206;s:64:"D:\wamp64\www\Home-Data\application\home\view\layout\footer.html";i:1560130100;}*/ ?>
  2. <!DOCTYPE HTML>
  3. <html lang="zxx">
  4. <head>
  5. <title>AQM</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta charset="utf-8">
  8. <meta name="keywords" content=""/>
  9. <link rel="SHORTCUT ICON" href="<?php echo HOME_SITE_ROOT; ?>/images/LOGO.png"/>
  10. <script src="<?php echo PLUGINS_SITE_ROOT; ?>/jquery-2.1.4.min.js"></script>
  11. <!--引用百度地图API-->
  12. <style type="text/css">
  13. html, body {
  14. margin: 0;
  15. padding: 0;
  16. }
  17. .iw_poi_title {
  18. color: #CC5522;
  19. font-size: 14px;
  20. font-weight: bold;
  21. overflow: hidden;
  22. padding-right: 13px;
  23. white-space: nowrap
  24. }
  25. .iw_poi_content {
  26. font: 12px arial, sans-serif;
  27. overflow: visible;
  28. padding-top: 4px;
  29. white-space: -moz-pre-wrap;
  30. word-wrap: break-word
  31. }
  32. </style>
  33. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  34. <script>
  35. addEventListener("load", function () {
  36. setTimeout(hideURLbar, 0);
  37. }, false);
  38. function hideURLbar() {
  39. window.scrollTo(0, 1);
  40. }
  41. </script>
  42. <!-- Bootstrap Core CSS -->
  43. <link href="<?php echo HOME_SITE_ROOT; ?>/css/bootstrap.css" rel='stylesheet' type='text/css'/>
  44. <!-- gallery css -->
  45. <link rel="stylesheet" href="<?php echo HOME_SITE_ROOT; ?>/css/swipebox.css">
  46. <!-- Custom CSS -->
  47. <link href="<?php echo HOME_SITE_ROOT; ?>/css/style.css" rel='stylesheet' type='text/css'/>
  48. <!-- font-awesome icons -->
  49. <link href="<?php echo HOME_SITE_ROOT; ?>/css/fontawesome-all.min.css" rel="stylesheet">
  50. <!-- //Custom Theme files -->
  51. <!--webfonts-->
  52. <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
  53. rel="stylesheet">
  54. <!--//webfonts-->
  55. </head>
  56. <body>
  57. <!-- header -->
  58. <!--<header style="position: fixed; width: 100%; background: #111; opacity: 0.8;">-->
  59. <header style="width: 100%; background: #010101;">
  60. <div class="container" style="height: 30px; line-height: 1;">
  61. <?php if($user_info['user_id']): ?>
  62. <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
  63. <a href="/user/register/index.html" class="px-2 text-uppercase font-weight-bold"
  64. style="cursor: pointer; color: #fff; font-size: 12px;">
  65. 购物车
  66. </a>
  67. <a href="/User/login/index.html" class="px-2 text-uppercase font-weight-bold"
  68. style="cursor: pointer; color: #fff; font-size: 12px;">
  69. 支持服务
  70. </a>
  71. <a href="/User/index/index.html" class="px-2 text-uppercase font-weight-bold"
  72. style="cursor: pointer; color: #fff; font-size: 12px;">
  73. <?php echo \think\Session::get('user_email'); ?>
  74. </a>
  75. <a href="/User/Login/logout.html" class="px-2 text-uppercase font-weight-bold"
  76. style="cursor: pointer; color: #fff; font-size: 12px; margin-right: 18px;">
  77. 安全退出
  78. </a>
  79. </nav>
  80. <?php else: ?>
  81. <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
  82. <a href="/user/register/index.html" class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold"
  83. style="cursor: pointer; color: #fff; font-size: 12px;">
  84. 注册
  85. </a>
  86. <a href="/User/login/index.html" class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold"
  87. style="cursor: pointer; color: #fff; font-size: 12px;">
  88. 登陆
  89. </a>
  90. </nav>
  91. <?php endif; ?>
  92. </div>
  93. <div style="border-bottom: 1px solid #505050;"></div>
  94. <div class="container" style="height: 40px; line-height: 0.8;">
  95. <nav class="navbar navbar-expand-lg navbar-light">
  96. <a class="navbar-brand" style="color: #fff; font-weight: 800;" href="index.html">
  97. ANQUANMAO
  98. </a>
  99. <button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse"
  100. data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  101. aria-expanded="false" aria-label="Toggle navigation">
  102. <span class="navbar-toggler-icon"></span>
  103. </button>
  104. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  105. <ul class="navbar-nav mx-auto text-center" style="margin-right: 0 !important;">
  106. <li class="nav-item mr-3">
  107. <a id="home_index" class="nav-link" href="<?php echo url('home/index/index'); ?>">首页</a>
  108. </li>
  109. <li class="nav-item mr-3">
  110. <a id="home_product" class="nav-link" href="<?php echo url('home/product/product'); ?>">产品与服务</a>
  111. </li>
  112. <li id="home_about" class="nav-item mr-3">
  113. <a class="nav-link" href="<?php echo url('home/about/about'); ?>">关于我们</a>
  114. </li>
  115. <li id="home_contact" class="nav-item mr-3">
  116. <a class="nav-link" href="<?php echo url('home/contact/contact'); ?>">联系我们</a>
  117. </li>
  118. </ul>
  119. </div>
  120. </nav>
  121. </div>
  122. <div style="border-bottom: 1px solid #505050;"></div>
  123. </header>
  124. <script type="text/javascript">
  125. const pathName = window.location.pathname
  126. if (pathName == '/home/index/index.html') {
  127. $("#home_index").attr("class","nav-link active")
  128. }
  129. if (pathName == '/home/product/product.html') {
  130. $("#home_product").attr("class","nav-link active")
  131. }
  132. if (pathName == '/home/about/about.html') {
  133. $("#home_about").attr("class","nav-item dropdown mr-3 active")
  134. }
  135. if (pathName == '/home/contact/contact.html') {
  136. $("#home_contact").attr("class","nav-item dropdown mr-3 active")
  137. }
  138. </script>
  139. <!-- //header -->
  140. <!-- banner -->
  141. <div class="banner" id="home">
  142. <div class="container">
  143. <div class="text-center">
  144. <div class="callbacks_container" style="min-height: 320px; height: 32vw;">
  145. <ul class="rslides" id="slider3">
  146. <li>
  147. <div class="slider-info" style="text-align: left !important;">
  148. <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
  149. <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
  150. <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
  151. SPECIALITY</p>
  152. <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
  153. </div>
  154. </li>
  155. <li>
  156. <div class="slider-info" style="text-align: left !important;">
  157. <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
  158. <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
  159. <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
  160. SPECIALITY</p>
  161. <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
  162. </div>
  163. </li>
  164. <li>
  165. <div class="slider-info" style="text-align: left !important;">
  166. <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
  167. <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
  168. <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
  169. SPECIALITY</p>
  170. <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
  171. </div>
  172. </li>
  173. </ul>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. <!-- //banner -->
  179. <!-- about -->
  180. <!--<section class="about-w3ls" id="about">
  181. <div class="container">
  182. <div class="jumbotron text-center pt-0">
  183. &lt;!&ndash;<img src="images/about.jpg" alt="" class="img-fluid rounded-circle">&ndash;&gt;
  184. <h1 class="ab-title my-5">我们的服务</h1>
  185. <h2 class="lead">Donec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus at, semper varius orci. Nulla accumsan
  186. ac elit in congue.</h2>
  187. <hr class="my-4">
  188. <p>rerum hic tenetur a sapiente delectus reiciendis maiores alias consequatur aut consequat sapien ut leo cursus rhoncus.
  189. Nullam dui mi, vulputate ac metus .</p>
  190. <p class="lead">
  191. <a class="btn btn-primary btn-lg mt-3 scroll" href="#services" role="button">Learn more</a>
  192. </p>
  193. </div>
  194. </div>
  195. </section>-->
  196. <!-- //about -->
  197. <!--services-->
  198. <div class="agileits-services py-md-5 py-3" id="services">
  199. <div class="container">
  200. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">我们的服务<p
  201. style="font-size: 12px;">Our Waiter
  202. <p></h3>
  203. <div class="agileits-services-row row py-md-5 pb-5">
  204. <?php if(is_array($information) || $information instanceof \think\Collection || $information instanceof \think\Paginator): if( count($information)==0 ) : echo "" ;else: foreach($information as $key=>$menu): if($menu['homeinformation_type'] == 'waiter'): ?>
  205. <div class="col-lg-3 col-md-6 agileits-services-grids mt-md-0 mt-3" style="background: #<?php echo $menu['homeinformation_bgcolor']; ?>;">
  206. <h4 class="mt-2 mb-3" style=" color: #fff"><?php echo $menu['homeinformation_name']; ?></h4>
  207. <p><?php echo $menu['homeinformation_content']; ?></p>
  208. <img src="<?php echo HOME_SITE_ROOT; ?><?php echo $menu['homeinformation_bgImg']; ?>">
  209. </div>
  210. <?php endif; endforeach; endif; else: echo "" ;endif; ?>
  211. </div>
  212. </div>
  213. </div>
  214. <!-- team -->
  215. <section class="wthree-row py-5" id="team">
  216. <div class="container py-md-5 py-3">
  217. <div class="py-md-5 py-3 bg-pricemain text-center">
  218. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">
  219. 解决方案<p style="font-size: 12px;">The Solution
  220. <p></h3>
  221. </div>
  222. <div class="row">
  223. <div class="col-lg-3 col-sm-6 team-grids">
  224. <div class="team-effect" onmouseover="move(1)" onmouseout="moveOut(1)">
  225. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t1.png" alt="img" class="img-responsive">
  226. <div id="team-img-text-1" class="team-img-text" style="display: none">
  227. <?php echo $information['4']['homeinformation_content']; ?>
  228. </div>
  229. </div>
  230. <!-- team text -->
  231. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  232. <h4 id="team-title-1" style="color: #111"><?php echo $information['4']['homeinformation_name']; ?></h4>
  233. <p id="team-en-1" style="color: #111"><?php echo $information['4']['homeinformation_en']; ?></p>
  234. <div id="team-line-1" class="team-line" style="border-bottom: 1px solid #111;"></div>
  235. </div>
  236. <!-- //team text -->
  237. </div>
  238. <div class="col-lg-3 col-sm-6 team-grids mt-sm-0 mt-5">
  239. <!-- team text -->
  240. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  241. <h4 id="team-title-2" style="color: #111"><?php echo $information['5']['homeinformation_name']; ?></h4>
  242. <p id="team-en-2" style="color: #111"><?php echo $information['5']['homeinformation_en']; ?></p>
  243. <div id="team-line-2" class="team-line" style="border-bottom: 1px solid #111;"></div>
  244. </div>
  245. <!-- //team text -->
  246. <div class="team-effect" onmouseover="move(2)" onmouseout="moveOut(2)">
  247. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t3.png" alt="img" class="img-responsive">
  248. <div id="team-img-text-2" class="team-img-text" style="display: none">
  249. <?php echo $information['5']['homeinformation_content']; ?>
  250. </div>
  251. </div>
  252. </div>
  253. <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
  254. <div class="team-effect" onmouseover="move(3)" onmouseout="moveOut(3)">
  255. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t2.png" alt="img" class="img-responsive">
  256. <div id="team-img-text-3" class="team-img-text" style="display: none">
  257. <?php echo $information['6']['homeinformation_content']; ?>
  258. </div>
  259. </div>
  260. <!-- team text -->
  261. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  262. <h4 id="team-title-3" style="color: #111"><?php echo $information['6']['homeinformation_name']; ?></h4>
  263. <p id="team-en-3" style="color: #111"><?php echo $information['6']['homeinformation_en']; ?></p>
  264. <div id="team-line-3" class="team-line" style="border-bottom: 1px solid #111;"></div>
  265. </div>
  266. <!-- //team text -->
  267. </div>
  268. <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
  269. <!-- team text -->
  270. <div class="footerv2-w3ls mt-3" style="text-align: center;">
  271. <h4 id="team-title-4" style="color: #111"><?php echo $information['7']['homeinformation_name']; ?></h4>
  272. <p id="team-en-4" style="color: #111"><?php echo $information['7']['homeinformation_en']; ?></p>
  273. <div id="team-line-4" class="team-line" style="border-bottom: 1px solid #111;"></div>
  274. <!-- //team text -->
  275. <div class="team-effect" onmouseover="move(4)" onmouseout="moveOut(4)">
  276. <img src="<?php echo HOME_SITE_ROOT; ?>/images/t4.png" alt="img" class="img-responsive">
  277. <div id="team-img-text-4" class="team-img-text" style="display: none">
  278. <?php echo $information['7']['homeinformation_content']; ?>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </section>
  286. <!-- //services-->
  287. <!-- stats -->
  288. <section class="agile_stats text-center py-5" id="about">
  289. <div class="container pt-sm-5">
  290. <div class="stats_agile mb-sm-5 mb-3">
  291. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #fff; font-weight: 700;">了解我们
  292. <p style="font-size: 12px; color: #fff;">Learn More About Our
  293. <p></h3>
  294. </div>
  295. <div class="row">
  296. <div class="col-lg-3 col-md-6">
  297. <div class="pt-5 px-3 pb-3">
  298. <div class="counter-our-number">
  299. <span style="font-size: 80px">11</span>
  300. <span style="margin-top: 15px">年</span>
  301. </div>
  302. <p class="count-text text-capitalize" style="color: #FF91A2">11年互联网技术的革新</p>
  303. </div>
  304. </div>
  305. <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3">
  306. <div class="pt-5 px-3 pb-3">
  307. <div class="counter-our-number">
  308. <span style="font-size: 80px">150</span>
  309. <span style="margin-top: 15px">名</span>
  310. </div>
  311. <p class="count-text text-capitalize" style="color: #FF91A2">150名有激情的思想的队友</p>
  312. </div>
  313. </div>
  314. <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
  315. <div class="pt-5 px-3 pb-3">
  316. <div class="counter-our-number">
  317. <span style="font-size: 80px">4</span>
  318. <span style="margin-top: 15px">大</span>
  319. </div>
  320. <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
  321. </div>
  322. </div>
  323. <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
  324. <div class="pt-5 px-3 pb-3">
  325. <div class="counter-our-number"><span style="font-size: 80px">800+</span></div>
  326. <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </section>
  332. <!-- //stats -->
  333. <!-- //team -->
  334. <!--<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>-->
  335. <!-- gallery -->
  336. <!--<div class="gallery py-md-5 py-3" id="gallery">
  337. <div class="container">
  338. <h3 class="w3ls-title text-center text-capitalize py-md-4 py-3">gallery</h3>
  339. <div class="gallery_gds row pt-md-5 pt-3">
  340. <div class="col-4 gal-w3l">
  341. <div class="agileits-img">
  342. <a href="images/g1.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  343. <img class="img-responsive img-style row2" src="images/g1.jpg" alt="" />
  344. </a>
  345. </div>
  346. </div>
  347. <div class="col-4 gal-w3l">
  348. <div class="agileits-img">
  349. <a href="images/g2.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
  350. <img src="images/g2.jpg" alt="" class="img-responsive img-style row2" />
  351. </a>
  352. </div>
  353. </div>
  354. <div class="col-4 gal-w3l">
  355. <div class="agileits-img">
  356. <a href="images/g3.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  357. <img src="images/g3.jpg" alt="" class="img-responsive img-style row2" />
  358. </a>
  359. </div>
  360. </div>
  361. </div>
  362. <div class="gallery_gds row">
  363. <div class="col-4 gal-w3l">
  364. <div class="agileits-img">
  365. <a href="images/g4.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
  366. <img src="images/g4.jpg" alt="" class="img-responsive img-style row2" />
  367. </a>
  368. </div>
  369. </div>
  370. <div class="col-4 gal-w3l">
  371. <div class="agileits-img">
  372. <a href="images/g5.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  373. <img src="images/g5.jpg" alt="" class="img-responsive img-style row2" />
  374. </a>
  375. </div>
  376. </div>
  377. <div class="col-4 gal-w3l">
  378. <div class="agileits-img">
  379. <a href="images/g6.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
  380. <img src="images/g6.jpg" alt="" class="img-responsive img-style row2" />
  381. </a>
  382. </div>
  383. </div>
  384. </div>
  385. <div class="row pb-md-5 pb-3">
  386. <div class="col-4 gal-w3l">
  387. <div class="agileits-img">
  388. <a href="images/g7.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
  389. <img src="images/g7.jpg" alt="" class="img-responsive img-style row2" />
  390. </a>
  391. </div>
  392. </div>
  393. <div class="col-4 gal-w3l">
  394. <div class="agileits-img">
  395. <a href="images/g8.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
  396. <img src="images/g8.jpg" alt="" class="img-responsive img-style row2" />
  397. </a>
  398. </div>
  399. </div>
  400. <div class="col-4 gal-w3l">
  401. <div class="agileits-img">
  402. <a href="images/g9.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
  403. <img src="images/g9.jpg" alt="" class="img-responsive img-style row2" />
  404. </a>
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. </div>-->
  410. <!-- //gallery -->
  411. <!-- pricing -->
  412. <section class="wthree-row py-md-5 pt-sm-5" id="pricing">
  413. <div class="container py-md-5 py-3">
  414. <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">合作伙伴<p
  415. style="font-size: 12px; color: #111;">The Partners
  416. <p></h3>
  417. <div style="text-align: center;">
  418. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-1.png" style="width: 22%;">
  419. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-2.png" style="width: 22%">
  420. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-3.png" style="width: 22%">
  421. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-4.png" style="width: 22%">
  422. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-5.png" style="width: 22%">
  423. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-6.png" style="width: 22%">
  424. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-7.png" style="width: 22%">
  425. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-8.png" style="width: 22%">
  426. </div>
  427. </div>
  428. </section>
  429. <!-- footer -->
  430. <footer style="background: #22252E; padding: 20px 0 20px 0;" id="contact">
  431. <div class="container">
  432. <!-- footer grid top -->
  433. <div class="footerv2-w3ls">
  434. <div class="row">
  435. <!-- footer grid top -->
  436. <div class="col-lg-3 col-md-6">
  437. <img src="<?php echo HOME_SITE_ROOT; ?>/images/partners-3.png" style="width: 200px; border-right: 1px solid #707070;">
  438. </div>
  439. <div class="col-lg-3 col-md-6">
  440. <h4 style="color: #fff">联系我们</h4>
  441. <div style="margin-top: 15px; font-family: initial;">
  442. <span style="color: #fff">电话/微信:</span>
  443. <span style="color: #fff">1234556777</span>
  444. </div>
  445. <div style="margin-top: 5px; font-family: initial;">
  446. <span style="color: #fff">邮箱:</span>
  447. <span style="color: #fff">jdasd@jmdnas.com</span>
  448. </div>
  449. <div style="margin-top: 5px; font-family: initial;">
  450. <span style="color: #fff">QQ:</span>
  451. <span style="color: #fff">817272823</span>
  452. </div>
  453. <div style="margin-top: 5px; font-family: initial;">
  454. <span style="color: #fff">地址:</span>
  455. <span style="color: #fff">成都市</span>
  456. </div>
  457. </div>
  458. <div style="width:500px;height:200px;border-bottom:#ccc solid 1px;" id="dituContent"></div>
  459. </div>
  460. </div>
  461. <div style="border-bottom: 1px solid #707070; margin-top: 20px; margin-bottom: 10px; width: 99999999999px; margin-left: -99999px;"></div>
  462. <!-- copyright -->
  463. <div style="text-align: center">
  464. <p style="color: #9597A2; font-family: initial;">成都市的打卡的有限公司&nbsp;&nbsp;&nbsp;&nbsp;上海虹口区东岸大拉独立192号</p>
  465. <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证:<span
  466. style="color: #2B7CD2">川B2-99329239 川A4-3821883</span>&nbsp;&nbsp;&nbsp;&nbsp;kdjad@2921
  467. jdasjdsdsaakdk kdkdsak <span style="color: #2B7CD2">&nbsp;&nbsp;&nbsp;&nbsp;免费声明</span></p>
  468. </div>
  469. <!-- //copyright -->
  470. </div>
  471. </footer>
  472. <!-- //footer -->
  473. <!-- order modal -->
  474. <div style="position: fixed; height: 520px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden !important; overflow-y: hidden !important;"
  475. class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
  476. aria-hidden="true">
  477. <div class="modal-dialog" role="document">
  478. <div class="modal-content">
  479. <div class="modal-header">
  480. <h5 class="modal-title text-capitalize" id="exampleModalLabel1">登陆</h5>
  481. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  482. <span aria-hidden="true">&times;</span>
  483. </button>
  484. </div>
  485. <div class="modal-body">
  486. <form action="#" method="post" class="p-3">
  487. <div class="form-group">
  488. <label for="recipient-name" class="col-form-label">Your Name</label>
  489. <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name"
  490. required="">
  491. </div>
  492. <div class="form-group">
  493. <label for="recipient-name1" class="col-form-label">Your Email</label>
  494. <input type="email" class="form-control" placeholder=" " name="Name" id="recipient-name1"
  495. required="">
  496. </div>
  497. <div class="form-group">
  498. <label for="recipient-name2" class="col-form-label">Phone</label>
  499. <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name2"
  500. required="">
  501. </div>
  502. <!--<div class="form-group">
  503. <label class="mr-2 col-form-label">Pick Up</label>
  504. <input id="datepicker1" name="check in" type="text" value="mm/dd/yyyy" class="form-control" required="">
  505. </div>
  506. <div class="form-group">
  507. <label class="mr-2 col-form-label">Delivery </label>
  508. <input id="datepicker2" name="check out" type="text" value="mm/dd/yyyy" class="form-control" required="">
  509. </div>
  510. <div class="form-check">
  511. <label class="form-check-label col-form-label" for="l1">
  512. <input type="checkbox" class="form-check-input" value="" id="l1">Wash& Fold
  513. </label>
  514. </div>
  515. <div class="form-check">
  516. <label class="form-check-label col-form-label" for="l2">
  517. <input type="checkbox" class="form-check-input" value="" id="l2">Handwash
  518. </label>
  519. </div>
  520. <div class="form-check">
  521. <label class="form-check-label col-form-label" id="l3">
  522. <input type="checkbox" class="form-check-input" value="" id="13">Dry Clean
  523. </label>
  524. </div>
  525. <div class="form-check">
  526. <label class="form-check-label col-form-label" for="l4">
  527. <input type="checkbox" class="form-check-input" value="" id="l4">Carpets
  528. </label>
  529. </div>
  530. <div class="form-group">
  531. <label for="comment" class="col-form-label">Pickup Address:</label>
  532. <textarea class="form-control" rows="5" id="comment"></textarea>
  533. </div>-->
  534. <div class="right-w3l">
  535. <input type="submit" class="form-control" value="pick my laundry">
  536. </div>
  537. </form>
  538. </div>
  539. </div>
  540. </div>
  541. </div>
  542. <!-- //order modal -->
  543. <!-- js-->
  544. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery-2.2.3.min.js"></script>
  545. <!-- js-->
  546. <!-- Banner text Responsiveslides -->
  547. <script src="<?php echo HOME_SITE_ROOT; ?>/js/responsiveslides.min.js"></script>
  548. <script type="text/javascript">
  549. //创建和初始化地图函数:
  550. function initMap() {
  551. createMap();//创建地图
  552. setMapEvent();//设置地图事件
  553. addMapControl();//向地图添加控件
  554. }
  555. //创建地图函数:
  556. function createMap() {
  557. var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
  558. var point = new BMap.Point(104.070632, 30.588746);//定义一个中心点坐标
  559. map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
  560. window.map = map;//将map变量存储在全局
  561. }
  562. //地图事件设置函数:
  563. function setMapEvent() {
  564. map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
  565. map.enableScrollWheelZoom();//启用地图滚轮放大缩小
  566. map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
  567. map.enableKeyboard();//启用键盘上下左右键移动地图
  568. }
  569. //地图控件添加函数:
  570. function addMapControl() {
  571. //向地图中添加缩放控件
  572. var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
  573. map.addControl(ctrl_nav);
  574. //向地图中添加缩略图控件
  575. var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
  576. map.addControl(ctrl_ove);
  577. //向地图中添加比例尺控件
  578. var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
  579. map.addControl(ctrl_sca);
  580. }
  581. initMap();//创建和初始化地图
  582. </script>
  583. <script>
  584. function move(id) {
  585. const imgText = 'team-img-text-' + id;
  586. const teamTitle = 'team-title-' + id;
  587. const teamEn = 'team-en-' + id;
  588. const teamLine = 'team-line-' + id;
  589. /*$("#"+imgText).stop().fadeTo("slow", 1.5, function () {
  590. $(this).css("display", "block");
  591. });*/
  592. document.getElementById(imgText).style.display = 'block';
  593. document.getElementById(teamTitle).style.color = '#27A6E8';
  594. document.getElementById(teamEn).style.color = '#27A6E8';
  595. document.getElementById(teamLine).style = 'border-bottom: 1px solid #27A6E8';
  596. }
  597. function moveOut(id) {
  598. const imgText = 'team-img-text-' + id;
  599. const teamTitle = 'team-title-' + id;
  600. const teamEn = 'team-en-' + id;
  601. const teamLine = 'team-line-' + id;
  602. document.getElementById(imgText).style.display = 'none';
  603. document.getElementById(teamTitle).style.color = '#111';
  604. document.getElementById(teamEn).style.color = '#111';
  605. document.getElementById(teamLine).style = 'border-bottom: 1px solid #111';
  606. }
  607. // You can also use "$(window).load(function() {"
  608. $(function () {
  609. // Slideshow 4
  610. $("#slider3").responsiveSlides({
  611. auto: true,
  612. pager: true,
  613. nav: false,
  614. speed: 500,
  615. namespace: "callbacks",
  616. before: function () {
  617. $('.events').append("<li>before event fired.</li>");
  618. },
  619. after: function () {
  620. $('.events').append("<li>after event fired.</li>");
  621. }
  622. });
  623. });
  624. </script>
  625. <!-- //Banner text Responsiveslides -->
  626. <!-- start-smooth-scrolling -->
  627. <script src="<?php echo HOME_SITE_ROOT; ?>/js/move-top.js "></script>
  628. <script src="<?php echo HOME_SITE_ROOT; ?>/js/easing.js "></script>
  629. <script>
  630. jQuery(document).ready(function ($) {
  631. $(".scroll ").click(function (event) {
  632. event.preventDefault();
  633. $('html,body').animate({
  634. scrollTop: $(this.hash).offset().top
  635. }, 1000);
  636. });
  637. });
  638. </script>
  639. <!-- //end-smooth-scrolling -->
  640. <!-- smooth-scrolling-of-move-up -->
  641. <script>
  642. $(document).ready(function () {
  643. /*
  644. var defaults = {
  645. containerID: 'toTop', // fading element id
  646. containerHoverID: 'toTopHover', // fading element hover id
  647. scrollSpeed: 1200,
  648. easingType: 'linear'
  649. };
  650. */
  651. $().UItoTop({
  652. easingType: 'easeOutQuart'
  653. });
  654. });
  655. </script>
  656. <script src="<?php echo HOME_SITE_ROOT; ?>/js/SmoothScroll.min.js "></script>
  657. <!-- //smooth-scrolling-of-move-up -->
  658. <!-- gallery swipebox -->
  659. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery.swipebox.min.js"></script>
  660. <script>
  661. jQuery(function ($) {
  662. $(".swipebox").swipebox();
  663. });
  664. </script>
  665. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery.adipoli.min.js"></script>
  666. <!-- effect -->
  667. <script>
  668. $(function () {
  669. $('.row2').adipoli({
  670. 'startEffect': 'overlay',
  671. 'hoverEffect': 'sliceDown'
  672. });
  673. });
  674. </script>
  675. <!-- //swipe box js -->
  676. <!-- stats counter -->
  677. <script src="<?php echo HOME_SITE_ROOT; ?>/js/counter.js"></script>
  678. <!-- Date picker -->
  679. <link rel="stylesheet" href="<?php echo HOME_SITE_ROOT; ?>/css/jquery-ui.css"/>
  680. <script src="<?php echo HOME_SITE_ROOT; ?>/js/jquery-ui.js"></script>
  681. <script>
  682. $(function () {
  683. $("#datepicker1,#datepicker2").datepicker();
  684. });
  685. </script>
  686. <!-- // Date picker -->
  687. <!-- testimonials -->
  688. <link href="<?php echo HOME_SITE_ROOT; ?>/css/owl.carousel.css" rel="stylesheet">
  689. <script src="<?php echo HOME_SITE_ROOT; ?>/js/owl.carousel.js"></script>
  690. <script>
  691. $(document).ready(function () {
  692. $("#owl-demo").owlCarousel({
  693. items: 1,
  694. lazyLoad: true,
  695. autoPlay: false,
  696. navigation: true,
  697. navigationText: true,
  698. pagination: true,
  699. });
  700. });
  701. </script>
  702. <!-- //for testimonials slider-js-script-->
  703. <!-- Bootstrap Core JavaScript -->
  704. <script src="<?php echo HOME_SITE_ROOT; ?>/js/bootstrap.js ">
  705. </script>
  706. <!-- //Bootstrap Core JavaScript -->
  707. </body>
  708. </html>