index.html 52 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]><html class="ie ie6" l ang="en"> <![endif]-->
  3. <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4. <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5. <!--[if (gte IE 9)|!(IE)]><!-->
  6. <html lang="en">
  7. <!--<![endif]-->
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <meta name="description" content="Buildify">
  11. <meta name="author" content="Marketify">
  12. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  13. <title>Buildify | Homepage</title>
  14. <!-- STYLES -->
  15. <link rel="stylesheet" type="text/css" href="css/fontello.css" />
  16. <link rel="stylesheet" type="text/css" href="css/skeleton.css" />
  17. <link rel="stylesheet" type="text/css" href="css/plugins.css" />
  18. <link rel="stylesheet" type="text/css" href="css/base.css" />
  19. <link rel="stylesheet" type="text/css" href="css/style.css" />
  20. <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"
  21. rel="stylesheet">
  22. <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
  23. <!-- /STYLES -->
  24. <script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
  25. crossorigin="anonymous"></script>
  26. </head>
  27. <body>
  28. <!-- MAIN BACKGROUND -->
  29. <div class="buildify_tm_mainbg">
  30. <!-- PATTERN -->
  31. <div class="marketify_pattern_overlay"></div>
  32. <!-- /PATTERN -->
  33. </div>
  34. <!-- /MAIN BACKGROUND -->
  35. <!-- WRAPPER ALL -->
  36. <div class="buildify_tm_wrapper_all">
  37. <div class="buildify_tm_wrapper">
  38. <div class="buildify_tm_animate_submenu"></div>
  39. <!-- LEFTPART -->
  40. <div class="buildify_tm_leftpart_wrap">
  41. <!-- LEFT PATTERN -->
  42. <div class="buildify_tm_build_pattern"></div>
  43. <!-- /LEFT PATTERN -->
  44. <!-- MENUBAR -->
  45. <div class="buildify_tm_menubar">
  46. <div class="buildify_tm_menubar_in">
  47. <div class="buildify_tm_menubar_content">
  48. <div class="menu_logo">
  49. <a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>
  50. </div>
  51. <div class="menu_nav">
  52. <div class="menu_nav_in">
  53. <div class="menu_nav_content scrollable">
  54. <ul class="vert_nav">
  55. <li><a href="index.html">首页</a></li>
  56. <li >
  57. <a href="project.html">产品系列</a>
  58. <!-- <div class="inside_menu">
  59. <ul>
  60. <li><a href="project.html">产品系列</a></li>
  61. <li><a href="project-single.html">产品详情</a></li>
  62. </ul>
  63. </div> -->
  64. </li>
  65. <li >
  66. <a href="service.html">企业风采</a>
  67. <!-- <div class="inside_menu">
  68. <ul>
  69. <li><a href="service.html">企业风采</a></li>
  70. <li><a href="service-single.html">资质荣誉</a></li>
  71. </ul>
  72. </div> -->
  73. </li>
  74. <li><a href="about.html">关于我们</a></li>
  75. <!-- <li><a href="blog.html">Blog</a></li> -->
  76. <li><a href="contact.html">联系我们</a></li>
  77. </ul>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="buildify_tm_home_button">
  84. <span class="first">
  85. <a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>
  86. </span>
  87. <span class="second">中国·台州</span>
  88. </div>
  89. </div>
  90. <!-- /MENUBAR -->
  91. </div>
  92. <!-- /LEFTPART -->
  93. <!-- RIGHTPART -->
  94. <div class="buildify_tm_rightpart_wrap">
  95. <div class="buildify_tm_rightpart">
  96. <!-- CONTENT -->
  97. <div class="buildify_tm_content_wrap" id="app">
  98. <div class="buildify_tm_content">
  99. <!-- TOPBAR -->
  100. <div class="buildify_tm_topbar_info">
  101. <div class="buildify_tm_connection">
  102. <div class="phone_numb">
  103. <div class="phone_numb_in">
  104. <img src="img/call.png" alt="" />
  105. <p>联系我们: <span>0576-82875388</span></p>
  106. </div>
  107. </div>
  108. <div class="send_msg">
  109. <a href="contact.html">
  110. <img class="svg" src="img/svg/message2.svg" alt="" />
  111. </a>
  112. </div>
  113. </div>
  114. <!-- <label>Follow us:</label> -->
  115. <!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
  116. <li><a href="#"><i class="xcon-twitter"></i></a></li>
  117. <li><a href="#"><i class="xcon-instagram"></i></a></li>
  118. <li><a href="#"><i class="xcon-pinterest"></i></a></li>
  119. <li><a href="#"><i class="xcon-gplus"></i></a></li> -->
  120. </div>
  121. <!-- /TOPBAR -->
  122. <!-- HEADER -->
  123. <div class="buildify_tm_mobile_header_wrap">
  124. <div class="in">
  125. <div class="container">
  126. <div class="header_inner">
  127. <div class="logo">
  128. <a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>
  129. </div>
  130. <div class="buildify_tm_trigger">
  131. <div class="hamburger hamburger--collapse-r">
  132. <div class="hamburger-box">
  133. <div class="hamburger-inner"></div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="navigation_wrap">
  140. <div class="container">
  141. <div class="inner_navigation">
  142. <ul class="nav">
  143. <li><a href="index.html">首页</a></li>
  144. <li>
  145. <a href="project.html">产品系列</a>
  146. <!-- <ul class="sub_menu">
  147. <li><a href="project.html">产品系列</a></li>
  148. <li><a href="project-single.html">产品详情</a></li>
  149. </ul> -->
  150. </li>
  151. <li>
  152. <a href="service.html">企业风采</a>
  153. <!-- <ul class="sub_menu">
  154. <li><a href="service.html">企业风采</a></li>
  155. <li><a href="service-single.html">资质荣誉</a></li>
  156. </ul> -->
  157. </li>
  158. <li><a href="about.html">关于我们</a></li>
  159. <!-- <li><a href="blog.html">Blog</a></li> -->
  160. <li><a href="contact.html">联系我们</a></li>
  161. </ul>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <!-- /HEADER -->
  168. <!-- SHORT SERVICES -->
  169. <div class="buildify_tm_section">
  170. <div class="buildify_tm_slider_wrap">
  171. <div class="container swiper">
  172. <div class="buildify_tm_slider_title_wrap">
  173. <div class="title">
  174. <!-- <h3>We are more than builders</h3> -->
  175. </div>
  176. <div class="subtitle">
  177. <p>这是一家运动艇制造专家,这是一家将"想百姓所想"作为使命的公司,这是一家以"科技创新,造福人类"为经营理念的公司。</p>
  178. </div>
  179. <div class="switches">
  180. <div class="prev_next">
  181. <div class="tm_next_button"></div>
  182. <div class="tm_prev_button"></div>
  183. </div>
  184. <div class="swiper-pagination my_swiper_pagination"></div>
  185. </div>
  186. </div>
  187. </div>
  188. <div class="buildify_tm_universal_swiper_wrap">
  189. <div class="swiper-container">
  190. <div class="buildify_tm_articles_wrap swiper-wrapper">
  191. <!-- <div class="article_inner swiper-slide">
  192. <div class="article_image first">
  193. <div class="overlay"></div>
  194. </div>
  195. </div>
  196. <div class="article_inner swiper-slide">
  197. <div class="article_image second">
  198. <div class="overlay"></div>
  199. </div>
  200. </div>
  201. <div class="article_inner swiper-slide">
  202. <div class="article_image third">
  203. <div class="overlay"></div>
  204. </div>
  205. </div>
  206. <div class="article_inner swiper-slide">
  207. <div class="article_image fourth">
  208. <div class="overlay"></div>
  209. </div>
  210. </div> -->
  211. <div class="article_inner swiper-slide" v-for="(item,index) in loopProduct">
  212. <div class="article_image ">
  213. <img :src="imgUrl + item">
  214. <div class="overlay"></div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. <!-- /SHORT SERVICES -->
  223. <div class="buildify_tm_section">
  224. <div class="container">
  225. <div class="buildify_check_list_wrap buildify_tm_miniboxes">
  226. <ul>
  227. <li>
  228. <div class="inner">
  229. <div class="title_holder buildify_tm_minibox">
  230. <div class="shape">
  231. <span></span>
  232. </div>
  233. <div class="definition">
  234. <h3>我们有C E证书</h3>
  235. <span>欧盟C E认证</span>
  236. </div>
  237. </div>
  238. <div class="image_holder">
  239. <div class="image_wrap">
  240. <img src="img/check_list/350x380.jpg" alt="" />
  241. <div class="inner_image">
  242. <img src="img/certificate/certificate3.png" alt="" srcset="">
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </li>
  248. <li>
  249. <div class="inner">
  250. <div class="title_holder buildify_tm_minibox">
  251. <div class="shape">
  252. <span></span>
  253. </div>
  254. <div class="definition">
  255. <h3>我们提供最优质的的服务</h3>
  256. <span>竭诚为您服务</span>
  257. </div>
  258. </div>
  259. <div class="image_holder">
  260. <div class="image_wrap">
  261. <img src="img/check_list/350x380.jpg" alt="" />
  262. <div class="inner_image">
  263. <img src="img/certificate/certificate1.jpg" alt="" srcset="">
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </li>
  269. <li>
  270. <div class="inner">
  271. <div class="title_holder buildify_tm_minibox">
  272. <div class="shape">
  273. <span></span>
  274. </div>
  275. <div class="definition">
  276. <h3>杰出的运动艇制造公司</h3>
  277. <span>运动艇制造行业</span>
  278. </div>
  279. </div>
  280. <div class="image_holder">
  281. <div class="image_wrap">
  282. <img src="img/check_list/350x380.jpg" alt="" />
  283. <div class="inner_image">
  284. <img src="img/certificate/certificate2.jpg" alt="" srcset="">
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </li>
  290. </ul>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="buildify_tm_section">
  295. <div class="container">
  296. <div class="buildify_tm_about_company_wrap" v-for="item in company">
  297. <div class="buildify_tm_leftbox">
  298. <div class="buildify_tm_main_title_wrap">
  299. <div class="title">
  300. <h3>{{item.title}}</h3>
  301. </div>
  302. <div class="subtitle">
  303. <!-- <p>We aim to eliminate the task of dividing your project between different architecture and construction company. We are a company that offers design and build services for you from initial sketches to the final construction.</p> -->
  304. <p v-html="item.content">{{item.content}}</p>
  305. </div>
  306. </div>
  307. <div class="sign">
  308. <!-- <img src="img/sign/dark.png" alt="" /> -->
  309. </div>
  310. <div class="author_name">
  311. <span></span>
  312. </div>
  313. </div>
  314. <div class="rightbox">
  315. <div class="first_image">
  316. <img src="img/about/460x500.jpg" alt="" />
  317. <div class="image">
  318. <img src="img/index/index2.jpg" alt="">
  319. </div>
  320. </div>
  321. <div class="second_image_wrap">
  322. <div class="inner">
  323. <img src="img/about/460x500.jpg" alt="" />
  324. <div class="image">
  325. <img src="img/index/index3.jpg" alt="" srcset="">
  326. </div>
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. <div class="buildify_tm_section">
  334. <div class="container">
  335. <div class="buildify_tm_counter_wrap_all">
  336. <div class="leftbox">
  337. <div class="roof">
  338. <span></span>
  339. </div>
  340. <div class="inner">
  341. <p>我们的底蕴</p>
  342. </div>
  343. </div>
  344. <div class="rightbox">
  345. <div class="buildify_tm_counter_wrap" data-col="4" data-delay="300">
  346. <ul class="buildify_tm_counter_list buildify_tm_miniboxes">
  347. <li>
  348. <div class="inner buildify_tm_minibox">
  349. <h3><span><span class="buildify_tm_counter" data-from="0" data-to="5000" data-speed="3000">0</span>+</span></h3>
  350. <span>出售的产品</span>
  351. </div>
  352. </li>
  353. <li>
  354. <div class="inner buildify_tm_minibox">
  355. <h3><span><span class="buildify_tm_counter" data-from="0" data-to="500" data-speed="3000">0</span>+</span></h3>
  356. <span>公司客户</span>
  357. </div>
  358. </li>
  359. <li>
  360. <div class="inner buildify_tm_minibox">
  361. <h3><span><span class="buildify_tm_counter" data-from="0" data-to="30" data-speed="3000">0</span>+</span></h3>
  362. <span>专业技术人员</span>
  363. </div>
  364. </li>
  365. <li>
  366. <div class="inner buildify_tm_minibox">
  367. <h3><span><span class="buildify_tm_counter" data-from="0" data-to="30" data-speed="3000">0</span>+</span></h3>
  368. <span>公司所获奖项</span>
  369. </div>
  370. </li>
  371. </ul>
  372. </div>
  373. </div>
  374. </div>
  375. <!-- <div class="buildify_tm_project_video">
  376. <span>
  377. <img class="svg" src="img/svg/play.svg" alt="" />
  378. </span>
  379. <a class="project_time" href="#">View Company Promo Video</a>
  380. <a class="project_video_button popup-youtube" href="https://www.youtube.com/watch?v=se4yc09w7Ic"></a>
  381. </div> -->
  382. </div>
  383. </div>
  384. <div class="buildify_tm_section">
  385. <div class="container">
  386. <div class="buildify_tm_principles_wrap">
  387. <div class="list_wrap">
  388. <ul class="masonry">
  389. <li class="item" v-for="(item,index) in arrayList">
  390. <div class="inner">
  391. <span class="leftshape"></span>
  392. <span class="topshape"></span>
  393. <div class="in">
  394. <div class="title">
  395. <h3>{{item.title}}</h3>
  396. </div>
  397. <div class="definition">
  398. <p v-html="item.content">{{item.content}}</p>
  399. </div>
  400. <div class="number">
  401. <span>{{index+1}}</span>
  402. </div>
  403. </div>
  404. </div>
  405. </li>
  406. </ul>
  407. <!-- <li class="item">
  408. <div class="inner">
  409. <span class="leftshape"></span>
  410. <span class="topshape"></span>
  411. <div class="in">
  412. <div class="title">
  413. <h3>Honesty</h3>
  414. </div>
  415. <div class="definition">
  416. <p>Be sure of our facts and be honest and straightforward in all of our dealings with each other and
  417. good our clients.</p>
  418. </div>
  419. <div class="number">
  420. <span>02</span>
  421. </div>
  422. </div>
  423. </div>
  424. </li>
  425. <li class="item">
  426. <div class="inner">
  427. <span class="leftshape"></span>
  428. <span class="topshape"></span>
  429. <div class="in">
  430. <div class="title">
  431. <h3>Integrity</h3>
  432. </div>
  433. <div class="definition">
  434. <p>Over the years, we have gained a reputation for integrity and trust from our customers who continue
  435. to use our services.</p>
  436. </div>
  437. <div class="number">
  438. <span>03</span>
  439. </div>
  440. </div>
  441. </div>
  442. </li>
  443. <li class="item">
  444. <div class="inner">
  445. <span class="leftshape"></span>
  446. <span class="topshape"></span>
  447. <div class="in">
  448. <div class="title">
  449. <h3>Quality Work</h3>
  450. </div>
  451. <div class="definition">
  452. <p>We ensure that all projects are done with professionalism using quality materials while offering
  453. clients the support and accessibility.</p>
  454. </div>
  455. <div class="number">
  456. <span>04</span>
  457. </div>
  458. </div>
  459. </div>
  460. </li>
  461. <li class="item">
  462. <div class="inner">
  463. <span class="leftshape"></span>
  464. <span class="topshape"></span>
  465. <div class="in">
  466. <div class="title">
  467. <h3>Passion</h3>
  468. </div>
  469. <div class="definition">
  470. <p>Success is when we can achieve results in the things we are passionate about and feel as though we
  471. are making a difference.</p>
  472. </div>
  473. <div class="number">
  474. <span>05</span>
  475. </div>
  476. </div>
  477. </div>
  478. </li>
  479. </ul> -->
  480. </div>
  481. </div>
  482. </div>
  483. </div>
  484. <div class="buildify_tm_section">
  485. <div class="buildify_tm_services_wrap fn_w_sminiboxes">
  486. <div class="container">
  487. <div class="inner_wrap">
  488. <div class="leftbox fn_w_sminibox">
  489. <div class="buildify_fn_sticky_section">
  490. <!-- <div class="buildify_tm_main_title_wrap">
  491. <div class="title">
  492. <h3>Services we deliver</h3>
  493. </div>
  494. <div class="subtitle">
  495. <p>We aim to eliminate the task of dividing your project between different architecture and
  496. construction company. We are a company that offers design and build services for you from initial
  497. sketches to the final construction.</p>
  498. </div>
  499. <div class="service_category">
  500. <ul>
  501. <li><span>Full Project Management</span></li>
  502. <li><span>Design and 3D Modeling</span></li>
  503. <li><span>House Renovation</span></li>
  504. <li><span>Construction</span></li>
  505. </ul>
  506. </div>
  507. <div class="buildify_tm_button_wrap">
  508. <a href="service-single.html">View all services</a>
  509. </div>
  510. </div> -->
  511. </div>
  512. </div>
  513. <div class="buildify_tm_rightbox fn_w_sminibox">
  514. <div class="buildify_fn_sticky_section">
  515. <div class="services_list_wrap">
  516. <!-- <li>
  517. <div class="inner">
  518. <div class="title_holder">
  519. <h3><a href="service-single.html">Leed &amp; Green Building</a></h3>
  520. </div>
  521. <div class="description">
  522. <p>Here at Buildify, we take the same approach to green building that we take to every other aspect
  523. of our business. It's a long-term view and, with resources in dwindling supply</p>
  524. </div>
  525. <div class="read_more_wrap">
  526. <div class="read_more_in">
  527. <a href="service-single.html">Read More</a>
  528. </div>
  529. </div>
  530. </div>
  531. </li>
  532. <li>
  533. <div class="inner">
  534. <div class="title_holder">
  535. <h3><a href="service-single.html">Preconstruction / Consulting</a></h3>
  536. </div>
  537. <div class="description">
  538. <p>Overall project success relies heavily upon the decisions made in the initial planning of any
  539. construction job. So at Buildify, we approach all projects in a collaborative manner, creating an
  540. integrated group.</p>
  541. </div>
  542. <div class="read_more_wrap">
  543. <div class="read_more_in">
  544. <a href="service-single.html">Read More</a>
  545. </div>
  546. </div>
  547. </div>
  548. </li>
  549. <li>
  550. <div class="inner">
  551. <div class="title_holder">
  552. <h3><a href="service-single.html">Adaptive Reuse</a></h3>
  553. </div>
  554. <div class="description">
  555. <p>Achieving this successfully calls for a vision of what can be and a distinct ability to identify
  556. opportunities for salvaging elements of an existing structure so as to minimize new construction.</p>
  557. </div>
  558. <div class="read_more_wrap">
  559. <div class="read_more_in">
  560. <a href="service-single.html">Read More</a>
  561. </div>
  562. </div>
  563. </div>
  564. </li>
  565. <li>
  566. <div class="inner">
  567. <div class="title_holder">
  568. <h3><a href="service-single.html">Design-build</a></h3>
  569. </div>
  570. <div class="description">
  571. <p>Buildify Construction Services has both the experience and expertise to successfully complete
  572. your project using the highly effective design-build approach.</p>
  573. </div>
  574. <div class="read_more_wrap">
  575. <div class="read_more_in">
  576. <a href="service-single.html">Read More</a>
  577. </div>
  578. </div>
  579. </div>
  580. </li>
  581. <li>
  582. <div class="inner">
  583. <div class="title_holder">
  584. <h3><a href="service-single.html">New Construction</a></h3>
  585. </div>
  586. <div class="description">
  587. <p>It's the details that count. Because when they are given a backseat, they inevitably move up
  588. front and can overtake the direction of a project.</p>
  589. </div>
  590. <div class="read_more_wrap">
  591. <div class="read_more_in">
  592. <a href="service-single.html">Read More</a>
  593. </div>
  594. </div>
  595. </div>
  596. </li> -->
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. <!-- <div class="buildify_tm_services_bottom_definition">
  602. <p>As a team, it is our values that drive us. Together we live these values every day, because we know
  603. that's why our clients love working with us. Our promise is simple: You can trust us to ensure your
  604. building project is as enjoyable and painless as possible and together, we will be 100% proud of the
  605. result.</p>
  606. </div> -->
  607. </div>
  608. </div>
  609. </div>
  610. <div class="buildify_tm_section" style=" margin-top:-100px">
  611. <div class="buildify_tm_choose_us_wrap">
  612. <div class="container">
  613. <div class="inner">
  614. <h3>为什么选择我们?</h3>
  615. </div>
  616. </div>
  617. </div>
  618. </div>
  619. <div class="buildify_tm_section">
  620. <div class="buildify_tm_rating_wrap">
  621. <div class="bg">
  622. <div class="overlay_image jarallax" data-speed="0"></div>
  623. <div class="overlay_color"></div>
  624. </div>
  625. <div class="content">
  626. <div class="container">
  627. <div class="leftpart">
  628. <div class="mobile_rating_wrap">
  629. <div class="star">
  630. <img src="img/rating/rate.png" alt="" />
  631. </div>
  632. <div class="number">
  633. <span>9.7</span>
  634. </div>
  635. <div class="title">
  636. <p>Customer Rating</p>
  637. </div>
  638. </div>
  639. <div class="experience_box">
  640. <div class="top">
  641. <p>我们是一家优秀的运动艇制造公司</p>
  642. </div>
  643. <div class="bottom">
  644. <div class="number">
  645. <span></span>
  646. </div>
  647. <div class="definition">
  648. <p> <img src="img/index/index4.png" alt="" srcset=""></p>
  649. </div>
  650. </div>
  651. </div>
  652. <div class="category">
  653. <ul>
  654. <li><span>精巧的做工</span></li>
  655. <li><span>有竞争力的价格</span></li>
  656. <li><span>卓越的品质</span></li>
  657. <li><span>专业化的服务</span></li>
  658. </ul>
  659. </div>
  660. </div>
  661. <div class="rightpart">
  662. <div class="rating_wrap">
  663. <div class="inner_wrap">
  664. <div class="star">
  665. <img src="img/rating/rate.png" alt="" />
  666. </div>
  667. <div class="number">
  668. <span>9.7</span>
  669. </div>
  670. <div class="title">
  671. <p>Customer Rating</p>
  672. </div>
  673. </div>
  674. </div>
  675. </div>
  676. </div>
  677. </div>
  678. </div>
  679. </div>
  680. <div class="buildify_tm_section">
  681. <div class="container">
  682. <div class="buildify_tm_projects_home fn_w_sminiboxes">
  683. <div class="buildify_tm_projects_leftbox fn_w_sminibox">
  684. <div class="buildify_fn_sticky_section">
  685. <!-- <div class="buildify_tm_main_title_wrap">
  686. <div class="title">
  687. <h3>Our latest projects</h3>
  688. </div>
  689. <div class="subtitle">
  690. <p>Its a burning, never-ending desire to help our clients maximize their outcomes and exceed their
  691. strategic goals. Though our goal is a bit aspirational, our values are what drive us every day.</p>
  692. </div>
  693. <div class="buildify_tm_button_wrap yellow">
  694. <a href="#">View all projects</a>
  695. </div>
  696. </div> -->
  697. </div>
  698. </div>
  699. <div class="buildify_tm_rightbox fn_w_sminibox">
  700. <div class="buildify_fn_sticky_section">
  701. <div class="projects_list_wrap">
  702. <ul>
  703. <li v-for="item in latestProjectList">
  704. <div class="inner">
  705. <div class="image_holder">
  706. <!-- <img src="img/portfolio/630x400.jpg" alt="" /> -->
  707. <img :src="item.bigimage">
  708. <a href="project-single.html">
  709. <!-- <div class="image"></div> -->
  710. </a>
  711. </div>
  712. <div class="image_definition">
  713. <div class="title">
  714. <h3><a href="project-single.html">{{item.title}}</a></h3>
  715. </div>
  716. <div class="read_more">
  717. <p>
  718. <a href="project-single.html" @click="dianji(item.id)">
  719. <span class="text">查看更多</span>
  720. <span class="direction"></span>
  721. </a>
  722. </p>
  723. </div>
  724. </div>
  725. </div>
  726. </li>
  727. </ul>
  728. <!-- <li>
  729. <div class="inner">
  730. <div class="image_holder">
  731. <img src="img/portfolio/630x400.jpg" alt="" />
  732. <a href="project-single.html">
  733. <div class="image"></div>
  734. </a>
  735. </div>
  736. <div class="image_definition">
  737. <div class="title">
  738. <h3><a href="project-single.html">Berjaya Central Park</a></h3>
  739. </div>
  740. <div class="read_more">
  741. <p>
  742. <a href="project-single.html">
  743. <span class="text">View More</span>
  744. <span class="direction"></span>
  745. </a>
  746. </p>
  747. </div>
  748. </div>
  749. </div>
  750. </li>
  751. <li>
  752. <div class="inner">
  753. <div class="image_holder">
  754. <img src="img/portfolio/630x400.jpg" alt="" />
  755. <a href="project-single.html">
  756. <div class="image"></div>
  757. </a>
  758. </div>
  759. <div class="image_definition">
  760. <div class="title">
  761. <h3><a href="project-single.html">The Peninsula</a></h3>
  762. </div>
  763. <div class="read_more">
  764. <p>
  765. <a href="project-single.html">
  766. <span class="text">View More</span>
  767. <span class="direction"></span>
  768. </a>
  769. </p>
  770. </div>
  771. </div>
  772. </div>
  773. </li>
  774. <li>
  775. <div class="inner">
  776. <div class="image_holder">
  777. <img src="img/portfolio/630x400.jpg" alt="" />
  778. <a href="project-single.html">
  779. <div class="image"></div>
  780. </a>
  781. </div>
  782. <div class="image_definition">
  783. <div class="title">
  784. <h3><a href="project-single.html">Mandarin Oriental</a></h3>
  785. </div>
  786. <div class="read_more">
  787. <p>
  788. <a href="project-single.html">
  789. <span class="text">View More</span>
  790. <span class="direction"></span>
  791. </a>
  792. </p>
  793. </div>
  794. </div>
  795. </div>
  796. </li>
  797. <li>
  798. <div class="inner">
  799. <div class="image_holder">
  800. <img src="img/portfolio/630x400.jpg" alt="" />
  801. <a href="project-single.html">
  802. <div class="image"></div>
  803. </a>
  804. </div>
  805. <div class="image_definition">
  806. <div class="title">
  807. <h3><a href="project-single.html">Odeon Tower</a></h3>
  808. </div>
  809. <div class="read_more">
  810. <p>
  811. <a href="project-single.html">
  812. <span class="text">View More</span>
  813. <span class="direction"></span>
  814. </a>
  815. </p>
  816. </div>
  817. </div>
  818. </div>
  819. </li>
  820. <li>
  821. <div class="inner">
  822. <div class="image_holder">
  823. <img src="img/portfolio/630x400.jpg" alt="" />
  824. <a href="project-single.html">
  825. <div class="image"></div>
  826. </a>
  827. </div>
  828. <div class="image_definition">
  829. <div class="title">
  830. <h3><a href="project-single.html">Meli Hotel La Defense</a></h3>
  831. </div>
  832. <div class="read_more">
  833. <p>
  834. <a href="project-single.html">
  835. <span class="text">View More</span>
  836. <span class="direction"></span>
  837. </a>
  838. </p>
  839. </div>
  840. </div>
  841. </div>
  842. </li>
  843. </ul> -->
  844. </div>
  845. </div>
  846. </div>
  847. </div>
  848. </div>
  849. </div>
  850. <div class="buildify_tm_section" >
  851. <div class="container">
  852. <div class="buildify_tm_working_process_wrap" style="margin-top: -200px;">
  853. <div class="leftbox">
  854. <div class="roof">
  855. <span></span>
  856. </div>
  857. <div class="inner">
  858. <p>欢迎您联系我们以获取一个报价</p>
  859. <div class="buildify_tm_button_wrap yellow">
  860. <a href="contact.html">联系我们</a>
  861. </div>
  862. </div>
  863. <div class="svg_wrap">
  864. <img class="svg" src="img/svg/learning.svg" alt="" />
  865. </div>
  866. </div>
  867. <!-- <div class="rightbox">
  868. <div class="roof">
  869. <span></span>
  870. </div>
  871. <div class="inner">
  872. <p>企业日常</p>
  873. <div class="gallery_wrap gallery_zoom">
  874. <ul>
  875. <li>
  876. <div class="inner">
  877. <a class="zoom" href="img/show/show6.jpg">
  878. <div class="overlay">
  879. <div class="in">
  880. <span></span>
  881. </div>
  882. </div>
  883. </a>
  884. </div>
  885. </li>
  886. <li>
  887. <div class="inner">
  888. <a class="zoom" href="img/show/show5.jpg">
  889. <div class="overlay">
  890. <div class="in">
  891. <span></span>
  892. </div>
  893. </div>
  894. </a>
  895. </div>
  896. </li>
  897. <li>
  898. <div class="inner">
  899. <a class="zoom" href="img/show/show4.jpg">
  900. <div class="overlay">
  901. <div class="in">
  902. <span></span>
  903. </div>
  904. </div>
  905. </a>
  906. </div>
  907. </li>
  908. <li>
  909. <div class="inner">
  910. <a class="zoom" href="img/show/show3.jpg">
  911. <div class="overlay">
  912. <div class="in">
  913. <span></span>
  914. </div>
  915. </div>
  916. </a>
  917. </div>
  918. </li>
  919. <li>
  920. <div class="inner">
  921. <a class="zoom" href="img/show/show2.jpg">
  922. <div class="overlay">
  923. <div class="in">
  924. <span></span>
  925. </div>
  926. </div>
  927. </a>
  928. </div>
  929. </li>
  930. <li>
  931. <div class="inner">
  932. <a class="zoom" href="img/show/show1.jpg">
  933. <div class="overlay">
  934. <div class="in">
  935. <span></span>
  936. </div>
  937. </div>
  938. </a>
  939. </div>
  940. </li>
  941. </ul>
  942. </div>
  943. </div>
  944. </div> -->
  945. </div>
  946. </div>
  947. </div>
  948. <div class="buildify_tm_section">
  949. <div class="buildify_tm_testimonial_wrap">
  950. <div class="buildify_tm_universal_parallax_wrap">
  951. <div class="main_bg">
  952. <div class="overlay_image"></div>
  953. <div class="overlay_video">
  954. <video autoplay loop muted>
  955. <source src="video/1.mp4" type="video/mp4">
  956. </video>
  957. </div>
  958. <div class="overlay_color testimonial"></div>
  959. </div>
  960. <!-- <div class="main_content">
  961. <div class="container">
  962. <div class="buildify_tm_universal_carousel_wrap testimonial">
  963. <div class="title_holder light">
  964. <div class="span">
  965. <h3>Testimonials</h3>
  966. </div>
  967. </div>
  968. <div class="container">
  969. <div class="carousel_nav">
  970. <div class="custom_nav">
  971. <a href="#" class="prev"></a>
  972. <a href="#" class="next"></a>
  973. </div>
  974. </div>
  975. </div>
  976. <div class="main_carousel_wrap">
  977. <ul class="owl-carousel">
  978. <li class="item" v-for="item in characterList">
  979. <div class="inner">
  980. <div class="testimonial_definition">
  981. <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
  982. We have done several projects.</p>
  983. </div>
  984. <div class="name_holder_wrap">
  985. <div class="image">
  986. <img src="img/clients/1.jpg" alt="" />
  987. </div>
  988. <div class="name">
  989. <span>John Doe</span>
  990. <span>Constructor</span>
  991. </div>
  992. </div>
  993. <div class="quote">
  994. <img class="svg" src="img/svg/quotes.svg" alt="" />
  995. </div>
  996. </div>
  997. </li>
  998. <li class="item">
  999. <div class="inner" >
  1000. <div class="testimonial_definition">
  1001. <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
  1002. We have done several projects.</p>
  1003. <p v-html="item.content">{{item.content}}</p>
  1004. </div>
  1005. <div class="name_holder_wrap">
  1006. <div class="image">
  1007. <img :src="item.bigimage" alt="" />
  1008. </div>
  1009. <div class="name">
  1010. <span>{{item.title}}</span>
  1011. <span>{{item.synopsis}}</span>
  1012. </div>
  1013. </div>
  1014. <div class="quote">
  1015. <img class="svg" src="img/svg/quotes.svg" alt="" />
  1016. </div>
  1017. </div>
  1018. </li>
  1019. </ul>
  1020. <li class="item">
  1021. <div class="inner">
  1022. <div class="testimonial_definition">
  1023. <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
  1024. We have done several projects.</p>
  1025. </div>
  1026. <div class="name_holder_wrap">
  1027. <div class="image">
  1028. <img src="img/clients/2.jpg" alt="" />
  1029. </div>
  1030. <div class="name">
  1031. <span>Aurel Benessa</span>
  1032. <span>Consultant Company</span>
  1033. </div>
  1034. </div>
  1035. <div class="quote">
  1036. <img class="svg" src="img/svg/quotes.svg" alt="" />
  1037. </div>
  1038. </div>
  1039. </li>
  1040. <li class="item">
  1041. <div class="inner">
  1042. <div class="testimonial_definition">
  1043. <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
  1044. We have done several projects.</p>
  1045. </div>
  1046. <div class="name_holder_wrap">
  1047. <div class="image">
  1048. <img src="img/clients/1.jpg" alt="" />
  1049. </div>
  1050. <div class="name">
  1051. <span>Mark Win</span>
  1052. <span>Company Manager</span>
  1053. </div>
  1054. </div>
  1055. <div class="quote">
  1056. <img class="svg" src="img/svg/quotes.svg" alt="" />
  1057. </div>
  1058. </div>
  1059. </li>
  1060. </ul>
  1061. </div>
  1062. </div>
  1063. </div>
  1064. </div> -->
  1065. </div>
  1066. </div>
  1067. </div>
  1068. <div class="buildify_tm_section">
  1069. <div class="buildify_tm_news_wrap fn_w_sminiboxes">
  1070. <div class="container">
  1071. <div class="inner_wrap">
  1072. <!-- <div class="buildify_tm_projects_leftbox fn_w_sminibox">
  1073. <div class="buildify_fn_sticky_section">
  1074. <div class="buildify_tm_main_title_wrap">
  1075. <div class="title">
  1076. <h3>Latest blog articles</h3>
  1077. </div>
  1078. <div class="subtitle">
  1079. <p>Its a burning, never-ending desire to help our clients maximize their outcomes and exceed their
  1080. strategic goals. Though our goal is a bit aspirational, our values are what drive us every day.</p>
  1081. </div>
  1082. <div class="buildify_tm_button_wrap">
  1083. <a href="#">View all articles</a>
  1084. </div>
  1085. </div>
  1086. </div>
  1087. </div> -->
  1088. <div class="buildify_tm_rightbox fn_w_sminibox" >
  1089. <div class="buildify_fn_sticky_section">
  1090. <div class="news_list_wrap">
  1091. <ul class="masonry">
  1092. <li class="item" v-for="item in blogList ">
  1093. <div class="inner">
  1094. <div class="image_wrap">
  1095. <img :src="item.coverimage" alt="" />
  1096. <a href="blog-single.html">
  1097. <!-- <div class="image"></div> -->
  1098. </a>
  1099. </div>
  1100. <div class="definitions_wrap" style="margin-top: -400px;">
  1101. <div class="title_holder">
  1102. <h3><a href="blog-single.html">{{item.synopsis}}</a></h3>
  1103. </div>
  1104. <div class="read_more_wrap">
  1105. <div class="read_more_in">
  1106. <a href="blog-single.html" @click="dianji(item.id)">阅读更多</a>
  1107. </div>
  1108. </div>
  1109. </div>
  1110. </div>
  1111. </li>
  1112. <!-- <li class="item">
  1113. <div class="inner">
  1114. <div class="image_wrap">
  1115. <img src="img/blog/340x230.jpg" alt="" />
  1116. <a href="blog-single.html">
  1117. <div class="image"></div>
  1118. </a>
  1119. </div>
  1120. <div class="definitions_wrap">
  1121. <div class="title_holder">
  1122. <h3><a href="blog-single.html">How to turn Victorian gasholders into luxury apartments</a></h3>
  1123. </div>
  1124. <div class="read_more_wrap">
  1125. <div class="read_more_in">
  1126. <a href="blog-single.html">Read More</a>
  1127. </div>
  1128. </div>
  1129. </div>
  1130. </div>
  1131. </li>
  1132. <li class="item">
  1133. <div class="inner">
  1134. <div class="image_wrap">
  1135. <img src="img/blog/340x230.jpg" alt="" />
  1136. <a href="blog-single.html">
  1137. <div class="image"></div>
  1138. </a>
  1139. </div>
  1140. <div class="definitions_wrap">
  1141. <div class="title_holder">
  1142. <h3><a href="blog-single.html">CITB appoints Peter Lauener as new chairman</a></h3>
  1143. </div>
  1144. <div class="read_more_wrap">
  1145. <div class="read_more_in">
  1146. <a href="blog-single.html">Read More</a>
  1147. </div>
  1148. </div>
  1149. </div>
  1150. </div>
  1151. </li>
  1152. <li class="item">
  1153. <div class="inner">
  1154. <div class="image_wrap">
  1155. <img src="img/blog/340x230.jpg" alt="" />
  1156. <a href="blog-single.html">
  1157. <div class="image"></div>
  1158. </a>
  1159. </div>
  1160. <div class="definitions_wrap">
  1161. <div class="
  1162. _holder">
  1163. <h3><a href="blog-single.html">New Tower in the Nothern Centre of Warsaw</a></h3>
  1164. </div>
  1165. <div class="read_more_wrap">
  1166. <div class="read_more_in">
  1167. <a href="blog-single.html">Read More</a>
  1168. </div>
  1169. </div>
  1170. </div>
  1171. </div>
  1172. </li> -->
  1173. </ul>
  1174. </div>
  1175. </div>
  1176. </div>
  1177. </div>
  1178. </div>
  1179. </div>
  1180. </div>
  1181. </div>
  1182. <!-- /CONTENT -->
  1183. <footer class="buildify_tm_footer" style="margin-top: -300px;">
  1184. <div class="buildify_tm_universal_parallax_wrap">
  1185. <div class="main_bg">
  1186. <div class="overlay_image footer jarallax" data-speed="0"></div>
  1187. <div class="overlay_video"></div>
  1188. <div class="overlay_color footer"></div>
  1189. </div>
  1190. <div class="main_content footer">
  1191. <div class="buildify_tm_subscribe_wrap">
  1192. <div class="container">
  1193. <!-- <div class="inner_wrap">
  1194. <div class="left_wrap">
  1195. <div class="book">
  1196. <img class="svg" src="img/svg/open-book.svg" alt="" />
  1197. </div>
  1198. <div class="text">
  1199. <p>Newsletter<span></span> get updates with latest topics</p>
  1200. </div>
  1201. </div>
  1202. <div class="right_wrap">
  1203. <input class="email" type="email" placeholder="Your e-mail address">
  1204. <input class="button" type="button" value="subscribe">
  1205. </div>
  1206. </div> -->
  1207. </div>
  1208. </div>
  1209. <div class="buildify_tm_footer_wrap">
  1210. <div class="container">
  1211. <div class="buildify_tm_list_wrap" data-column="3" data-space="40">
  1212. <ul class="buildify_list">
  1213. <li v-for="item in bottom" >
  1214. <div class="inner" style="">
  1215. <div class="footer_section_title">
  1216. <h3>{{item.title}}</h3>
  1217. </div>
  1218. <div class="definition" >
  1219. <p v-html="item.content">{{item.content}}</p>
  1220. </div>
  1221. </div>
  1222. </li>
  1223. <!-- <li>
  1224. <div class="inner">
  1225. <div class="footer_section_title">
  1226. <h3>Business Hours</h3>
  1227. </div>
  1228. <div class="inner_list">
  1229. <ul>
  1230. <li>
  1231. <div class="wrap">
  1232. <span class="left">Monday-Friday:</span>
  1233. <span class="right">9am to 5pm</span>
  1234. </div>
  1235. </li>
  1236. <li>
  1237. <div class="wrap">
  1238. <span class="left">Saturday:</span>
  1239. <span class="right">10am to 3pm</span>
  1240. </div>
  1241. </li>
  1242. <li>
  1243. <div class="wrap">
  1244. <span class="left">Sunday:</span>
  1245. <span class="right">Closed</span>
  1246. </div>
  1247. </li>
  1248. </ul>
  1249. </div>
  1250. </div>
  1251. </li>
  1252. <li>
  1253. <div class="inner">
  1254. <div class="footer_section_title">
  1255. <h3>Helpful Links</h3>
  1256. </div>
  1257. <div class="helpful_links">
  1258. <div class="inner_list">
  1259. <ul>
  1260. <li><a href="#">Our services</a></li>
  1261. <li><a href="#">Diclaimer</a></li>
  1262. <li><a href="#">Showcase</a></li>
  1263. <li><a href="#">Privacy Policy</a></li>
  1264. <li><a href="#">Affliates</a></li>
  1265. </ul>
  1266. </div>
  1267. </div>
  1268. </div>
  1269. </li> -->
  1270. </ul>
  1271. </div>
  1272. </div>
  1273. </div>
  1274. </div>
  1275. </div>
  1276. </footer>
  1277. <div class="buildify_tm_section">
  1278. <div class="buildify_tm_copyright_wrap">
  1279. <div class="container">
  1280. <div class="inner_wrap">
  1281. <div class="copyright_logo">
  1282. <a href="#">
  1283. <img src="img/logo/lanbo.png" alt="" />
  1284. </a>
  1285. </div>
  1286. <div class="main_info_wrap">
  1287. <div class="share_wrap">
  1288. <span></span>
  1289. <ul>
  1290. <!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
  1291. <li><a href="#"><i class="xcon-twitter"></i></a></li>
  1292. <li><a href="#"><i class="xcon-instagram"></i></a></li>
  1293. <li><a href="#"><i class="xcon-pinterest"></i></a></li>
  1294. <li><a href="#"><i class="xcon-gplus"></i></a></li> -->
  1295. </ul>
  1296. </div>
  1297. <div class="bottom_wrap">
  1298. <div class="links_wrap">
  1299. <ul>
  1300. <li><a href="index.html">首页</a></li>
  1301. <li><a href="project.html">产品系列</a></li>
  1302. <li><a href="service.html">企业风采</a></li>
  1303. <li><a href="about.html">关于我们</a></li>
  1304. <li><a href="contact.html">联系我们</a></li>
  1305. </ul>
  1306. </div>
  1307. <div class="copyright" v-for="item in statement">
  1308. <!-- <p>&copy; 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->
  1309. <p v-html="item.content"></p>
  1310. </div>
  1311. </div>
  1312. </div>
  1313. <a class="buildify_tm_totop" href="#">
  1314. <span class="first">返回顶部</span>
  1315. <span class="top">
  1316. <span class="line"></span>
  1317. </span>
  1318. </a>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. </div>
  1323. </div>
  1324. <!-- /RIGHTPART -->
  1325. </div>
  1326. </div>
  1327. </div>
  1328. <!-- / WRAPPER ALL -->
  1329. <!-- SCRIPTS -->
  1330. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  1331. <script src="./js/jquery.js"></script>
  1332. <script type="text/javascript" src="./js/common.js"></script>
  1333. <script type="text/javascript" src="js/plugins.js"></script>
  1334. <script src="./js/index.js"></script>
  1335. <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->
  1336. <!-- <script type="text/javascript" src="js/init.js"></script> -->
  1337. <!-- /SCRIPTS -->
  1338. </body>
  1339. </html>