Home Explore Help
Register Sign In
Ethan
/
Home-WEB
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: b0345c5718
Branches Tags
Home-WEB
/
application
/
home
/
view
/
index
/
index.html

index.html 33 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788 
  1. <!DOCTYPE html>
    2. 

  2. <!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    3. 

  3. <!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
    4. 

  4. <!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
    5. 

  5. <!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    6. 

  6. <head>
    7. 

  7.     <!-- Mobile Specific Meta -->
    8. 

  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
    9. 

  9.     <!-- Always force latest IE rendering engine -->
    10. 

  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    11. 

  11.     <!-- Meta Keyword -->
    12. 

  12.     <meta name="keywords" content="one page, business template, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
    13. 

  13.     <!-- meta character set -->
    14. 

  14.     <meta charset="utf-8">
    15. 

  15. 

  16.     <!-- Site Title -->
    17. 

  17.     <title>AQM官网</title>
    18. 

  18. 

  19.     <!--
    20. 

  20.     Google Fonts
    21. 

  21.     ============================================= -->
    22. 

  22.     <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css">
    23. 

  23.     <link href="https://fonts.googleapis.com/css?family=Baloo+Thambi|Slabo+27px" rel="stylesheet">
    24. 

  24. 

  25.     <!--
    26. 

  26.     CSS
    27. 

  27.     ============================================= -->
    28. 

  28.     <!-- Fontawesome -->
    29. 

  29.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/font-awesome.min.css">
    30. 

  30.     <!-- Bootstrap -->
    31. 

  31.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/bootstrap.min.css">
    32. 

  32.     <!-- Fancybox -->
    33. 

  33.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/jquery.fancybox.css">
    34. 

  34.     <!-- owl carousel -->
    35. 

  35.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/owl.carousel.css">
    36. 

  36.     <!-- Animate -->
    37. 

  37.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/animate.css">
    38. 

  38.     <!-- Main Stylesheet -->
    39. 

  39.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/main.css">
    40. 

  40.     <!-- Main Responsive -->
    41. 

  41.     <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/responsive.css">
    42. 

  42. 

  43.     <!-- Modernizer Script for old Browsers -->
    44. 

  44.     <script src="{$Think.HOME_SITE_ROOT}/js/vendor/modernizr-2.6.2.min.js"></script>
    45. 

  45. 

  46. </head>
    47. 

  47. 

  48. <body>
    49. 

  49. 

  50. <!--
    51. 

  51. Fixed Navigation
    52. 

  52. ==================================== -->
    53. 

  53. <header id="navigation" class="navbar-fixed-top">
    54. 

  54.     <div class="container">
    55. 

  55. 

  56.         <div class="navbar-header">
    57. 

  57.             <!-- responsive nav button -->
    58. 

  58.             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    59. 

  59.                 <span class="sr-only">Toggle navigation</span>
    60. 

  60.                 <span class="icon-bar"></span>
    61. 

  61.                 <span class="icon-bar"></span>
    62. 

  62.                 <span class="icon-bar"></span>
    63. 

  63.             </button>
    64. 

  64.             <!-- /responsive nav button -->
    65. 

  65. 

  66.             <!-- logo -->
    67. 

  67.             <!--<h1 class="navbar-brand">-->
    68. 

  68.             <h1 class="">
    69. 

  69.                 <a href="#body">
    70. 

  70.                     <img src="{$Think.HOME_SITE_ROOT}/images/logo.png" width="70%">
    71. 

  71.                     <!--<div class="site-logo"><span>K</span>eeper</div>-->
    72. 

  72.                 </a>
    73. 

  73.             </h1>
    74. 

  74.             <!-- /logo -->
    75. 

  75. 

  76.         </div>
    77. 

  77. 

  78.         <!-- main nav -->
    79. 

  79.         <nav class="collapse navigation navbar-collapse navbar-right" role="navigation">
    80. 

  80.             <ul id="nav" class="nav navbar-nav">
    81. 

  81.                 {foreach name="navigation" item="value" key="key"}
    82. 

  82.                     <li><a href="#{$navigationId[$key]}">{$value.navigation_zhName}</a></li>
    83. 

  83.                 {/foreach}
    84. 

  84.                 <!--<li><a href="#service">Service</a></li>
    85. 

  85.                 <li><a href="#portfolio">portfolio</a></li>
    86. 

  86.                 <li><a href="#about">About</a></li>
    87. 

  87.                 <li><a href="#pricing">Pricing</a></li>
    88. 

  88.                 <li><a href="#contact">Contact</a></li>-->
    89. 

  89.             </ul>
    90. 

  90.         </nav>
    91. 

  91.         <!-- /main nav -->
    92. 

  92.     </div>
    93. 

  93. 

  94. </header>
    95. 

  95. <!--
    96. 

  96. End Fixed Navigation
    97. 

  97. ==================================== -->
    98. 

  98. 

  99. 

  100. <!--
    101. 

  101. Home Slider
    102. 

  102. ==================================== -->
    103. 

  103. <section id="home">
    104. 

  104.     <div class="container">
    105. 

  105.         <div class="home-intro">
    106. 

  106.             <div class="animated bounceInRight" style="text-align: left">
    107. 

  107.                 <h2>HELLO Keeper <br>WE ARE KASPER,WE MAKE ART.</h2>
    108. 

  108.                 <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam. Accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt accumsan id imperdiet.</p>
    109. 

  109.             </div>
    110. 

  110.         </div>
    111. 

  111.     </div>
    112. 

  112. </section>
    113. 

  113. <!--
    114. 

  114. End #home Slider
    115. 

  115. ========================== -->
    116. 

  116. 

  117. 

  118. <!--
    119. 

  119. #service
    120. 

  120. ========================== -->
    121. 

  121. <section id="{$navigationId[1]}">
    122. 

  122.     <div class="container">
    123. 

  123.         <div class="row">
    124. 

  124.             <div class="col-md-12">
    125. 

  125.                 <div class="section-title text-center wow fadeInDown">
    126. 

  126.                     <h1>{$navigation[1]->navigation_zhName}</h1>
    127. 

  127.                     <h3>—&nbsp;&nbsp;&nbsp;{$navigation[1]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
    128. 

  128.                 </div>
    129. 

  129.             </div>
    130. 

  130.         </div>
    131. 

  131.         <div class="row">
    132. 

  132. 

  133.             <div class="col-md-4 col-sm-6 wow fadeInLeft">
    134. 

  134.                 <div class="media service-item">
    135. 

  135.                     <!--<a href="#" class="pull-left text-center">
    136. 

  136.                         <div class="fact-icon">
    137. 

  137.                             <i class="fa fa-cog fa-lg"></i>
    138. 

  138.                         </div>
    139. 

  139.                     </a>-->
    140. 

  140.                     <div class="media-body" style="text-align: center">
    141. 

  141.                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/web.png"></h3>
    142. 

  142.                         <h3>Google web fonts</h3>
    143. 

  143.                         <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    144. 

  144.                     </div>
    145. 

  145.                 </div>
    146. 

  146.             </div>
    147. 

  147. 

  148.             <div class="col-md-4 col-sm-6 wow fadeInLeft">
    149. 

  149.                 <div class="media service-item">
    150. 

  150.                     <div class="media-body" style="text-align: center">
    151. 

  151.                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/smallProgram.png"></h3>
    152. 

  152.                         <h3>Google web fonts</h3>
    153. 

  153.                         <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    154. 

  154.                     </div>
    155. 

  155.                 </div>
    156. 

  156.             </div>
    157. 

  157. 

  158.             <div class="col-md-4 col-sm-6 wow fadeInLeft">
    159. 

  159.                 <div class="media service-item">
    160. 

  160.                     <div class="media-body" style="text-align: center">
    161. 

  161.                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/app.png"></h3>
    162. 

  162.                         <h3>Google web fonts</h3>
    163. 

  163.                         <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    164. 

  164.                     </div>
    165. 

  165.                 </div>
    166. 

  166.             </div>
    167. 

  167. 

  168.             <div class="col-md-4 col-sm-6 wow fadeInLeft">
    169. 

  169.                 <div class="media service-item">
    170. 

  170.                     <div class="media-body" style="text-align: center">
    171. 

  171.                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/system.png"></h3>
    172. 

  172.                         <h3>Google web fonts</h3>
    173. 

  173.                         <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    174. 

  174.                     </div>
    175. 

  175.                 </div>
    176. 

  176.             </div>
    177. 

  177. 

  178.             <div class="col-md-4 col-sm-6 wow fadeInLeft">
    179. 

  179.                 <div class="media service-item">
    180. 

  180.                     <div class="media-body" style="text-align: center">
    181. 

  181.                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/mobile.png"></h3>
    182. 

  182.                         <h3>Google web fonts</h3>
    183. 

  183.                         <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    184. 

  184.                     </div>
    185. 

  185.                 </div>
    186. 

  186.             </div>
    187. 

  187. 

  188.             <div class="col-md-4 col-sm-6 wow fadeInLeft">
    189. 

  189.                 <div class="media service-item">
    190. 

  190.                     <div class="media-body" style="text-align: center">
    191. 

  191.                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/market.png"></h3>
    192. 

  192.                         <h3>Google web fonts</h3>
    193. 

  193.                         <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    194. 

  194.                     </div>
    195. 

  195.                 </div>
    196. 

  196.             </div>
    197. 

  197. 

  198.         </div> <!-- end .row -->
    199. 

  199.     </div> <!-- end .container -->
    200. 

  200. </section><div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >自助建站</a></div>
    201. 

  201. <!--
    202. 

  202. End #service
    203. 

  203. ========================== -->
    204. 

  204. 

  205. <!--
    206. 

  206. #service-bottom
    207. 

  207. ========================== -->
    208. 

  208. 

  209. <!--<section id="service-bottom">
    210. 

  210.     <div class="container">
    211. 

  211.         <div class="mobile-device">
    212. 

  212.             <img data-wow-delay="0.2s" class="img-responsive black  wow fadeInLeftBig" src="img/iphone/iphone-black.png" alt="iPhone Black">
    213. 

  213.             <img data-wow-delay="0.5s" class="img-responsive white  wow fadeInLeftBig" src="img/iphone/iphone-white.png" alt="iPhone White">
    214. 

  214.         </div>
    215. 

  215.         <div class="service-features wow fadeInRight">
    216. 

  216.             <h3>Our Latest Services</h3>
    217. 

  217.             <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
    218. 

  218.             <ul>
    219. 

  219.                 <li><i class="fa fa-android"></i>Responsive Design</li>
    220. 

  220.                 <li><i class="fa fa-apple"></i>Modern And Clean Design</li>
    221. 

  221.                 <li><i class="fa fa-globe"></i>Browser Friendly</li>
    222. 

  222.                 <li><i class="fa fa-code"></i>Clean Code</li>
    223. 

  223.             </ul>
    224. 

  224.         </div>
    225. 

  225.     </div>
    226. 

  226. </section>-->
    227. 

  227. <!--
    228. 

  228. End #service-bottom
    229. 

  229. ========================== -->
    230. 

  230. 

  231. 

  232. <!--
    233. 

  233. #Portfolio
    234. 

  234. ========================== -->
    235. 

  235. 

  236. <!--<section id="portfolio">
    237. 

  237. 

  238.     <div class="section-title text-center wow fadeInDown">
    239. 

  239.         <h2>Portfolio</h2>
    240. 

  240.         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc, eleifend eget turpis sit amet, sodales porttitor felis.</p>
    241. 

  241.     </div>
    242. 

  242. 

  243.     <nav class="project-filter clearfix text-center wow fadeInLeft"  data-wow-delay="0.5s">
    244. 

  244.         <ul class="list-inline">
    245. 

  245.             <li><a href="javascript:;" class="filter" data-filter="all">All</a></li>
    246. 

  246.             <li><a href="javascript:;" class="filter" data-filter=".app">App</a></li>
    247. 

  247.             <li><a href="javascript:;" class="filter" data-filter=".photography">Photography</a></li>
    248. 

  248.             <li><a href="javascript:;" class="filter" data-filter=".web">Web</a></li>
    249. 

  249.             <li><a href="javascript:;" class="filter" data-filter=".print">Print</a></li>
    250. 

  250.         </ul>
    251. 

  251.     </nav>
    252. 

  252. 

  253.     <div id="projects" class="clearfix">
    254. 

  254. 

  255.         <figure class="mix portfolio-item app">
    256. 

  256.             <img class="img-responsive" src="img/portfolio/portfolio-1.jpg" alt="Portfolio Item">
    257. 

  257.             <a href="img/portfolio/portfolio-1.jpg" title="Title One" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    258. 

  258.         </figure>
    259. 

  259. 

  260.         <figure class="mix portfolio-item photography">
    261. 

  261.             <img class="img-responsive" src="img/portfolio/portfolio-2.jpg" alt="Portfolio Item">
    262. 

  262.             <a href="img/portfolio/portfolio-2.jpg" title="Title Two" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    263. 

  263.         </figure>
    264. 

  264. 

  265.         <figure class="mix portfolio-item web">
    266. 

  266.             <img class="img-responsive" src="img/portfolio/portfolio-3.jpg" alt="Portfolio Item">
    267. 

  267.             <a href="img/portfolio/portfolio-3.jpg" title="Title Three" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    268. 

  268.         </figure>
    269. 

  269. 

  270.         <figure class="mix portfolio-item print">
    271. 

  271.             <img class="img-responsive" src="img/portfolio/portfolio-4.jpg" alt="Portfolio Item">
    272. 

  272.             <a href="img/portfolio/portfolio-4.jpg" title="Title Four" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    273. 

  273.         </figure>
    274. 

  274. 

  275.         <figure class="mix portfolio-item app">
    276. 

  276.             <img class="img-responsive" src="img/portfolio/portfolio-4.jpg" alt="Portfolio Item">
    277. 

  277.             <a href="img/portfolio/portfolio-4.jpg" title="Title Five" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    278. 

  278.         </figure>
    279. 

  279. 

  280.         <figure class="mix portfolio-item photography">
    281. 

  281.             <img class="img-responsive" src="img/portfolio/portfolio-1.jpg" alt="Portfolio Item">
    282. 

  282.             <a href="img/portfolio/portfolio-1.jpg" title="Title Six" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    283. 

  283.         </figure>
    284. 

  284. 

  285.         <figure class="mix portfolio-item web app">
    286. 

  286.             <img class="img-responsive" src="img/portfolio/portfolio-2.jpg" alt="Portfolio Item">
    287. 

  287.             <a href="img/portfolio/portfolio-2.jpg" title="Title Seven" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    288. 

  288.         </figure>
    289. 

  289. 

  290.         <figure class="mix portfolio-item print web">
    291. 

  291.             <img class="img-responsive" src="img/portfolio/portfolio-3.jpg" alt="Portfolio Item">
    292. 

  292.             <a href="img/portfolio/portfolio-3.jpg" title="Title Eight" rel="portfolio" class="fancybox"><span class="plus"></span></a>
    293. 

  293.         </figure>
    294. 

  294. 

  295.     </div> &lt;!&ndash; end #projects &ndash;&gt;
    296. 

  296. 

  297. </section>-->
    298. 

  298. <!--
    299. 

  299. End #Portfolio
    300. 

  300. ========================== -->
    301. 

  301. 

  302. <!--
    303. 

  303. #about
    304. 

  304. ========================== -->
    305. 

  305. <!--<section id="about">
    306. 

  306.     <div class="container">
    307. 

  307.         <div class="row">
    308. 

  308. 

  309.             <div class="col-md-12">
    310. 

  310.                 <div class="section-title text-center wow fadeInUp">
    311. 

  311.                     <h2>About Us</h2>
    312. 

  312.                     <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc, eleifend eget turpis sit amet, sodales porttitor felis.</p>
    313. 

  313.                     <a class="btn btn-blue" role="button">Read More</a>
    314. 

  314.                 </div>
    315. 

  315.             </div>
    316. 

  316.             <div class="col-md-12 text-center">
    317. 

  317. 

  318.                 <div class="about-us text-center wow fadeInDown">
    319. 

  319.                     <img src="img/about.png" alt="About Us" class="img-responsive">
    320. 

  320.                 </div>
    321. 

  321.             </div>
    322. 

  322. 

  323.         </div>
    324. 

  324.     </div>
    325. 

  325. </section>-->
    326. 

  326. <!--
    327. 

  327. End #about
    328. 

  328. ========================== -->
    329. 

  329. 

  330. 

  331. <!--
    332. 

  332. #count
    333. 

  333. ========================== -->
    334. 

  334. 

  335. <section id="count">
    336. 

  336.     <div class="container">
    337. 

  337.         <div class="row" style="color: #fff">
    338. 

  338. 

  339.             <div class="col-md-12" style="margin-bottom: 50px">
    340. 

  340.                 <div class="section-title text-center wow fadeInUp">
    341. 

  341.                     <h1>{$navigation[2]->navigation_zhName}</h1>
    342. 

  342.                     <h3>—&nbsp;&nbsp;&nbsp;{$navigation[2]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
    343. 

  343.                 </div>
    344. 

  344.             </div>
    345. 

  345. 

  346.             <div class="col-md-5 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="0.5s">
    347. 

  347.                 <p style="font-size: 18px; padding-right: 120px">反反复复付付付付付付付付付付付付反反复复付付付付付付反反复复付付付付付付付付付付付付
    348. 

  348.                     付付付付付付反反复复付付付付付付付付付付付付反反复复付付付付付付反反复复付付付付付付付付付付付付
    349. 

  349.                     反反复复付付付付付付付付付付付付付付付付付付</p>
    350. 

  350.             </div>
    351. 

  351. 

  352.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
    353. 

  353.                 <!--<div class="fact-item text-center">
    354. 

  354.                     <div class="count-icon">
    355. 

  355.                         <i class="fa fa-android"></i>
    356. 

  356.                     </div>
    357. 

  357.                     <span data-to="120">0</span>
    358. 

  358.                     <p>Completed Projects</p>
    359. 

  359.                 </div>-->
    360. 

  360.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/onlinMarket.png" style="margin-bottom: 20px;"></h3>
    361. 

  361.                 <h3>Google</h3>
    362. 

  362.             </div>
    363. 

  363. 

  364.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
    365. 

  365.                 <!--<div class="fact-item text-center">
    366. 

  366.                     <div class="count-icon">
    367. 

  367.                         <i class="fa fa-android"></i>
    368. 

  368.                     </div>
    369. 

  369.                     <span data-to="120">0</span>
    370. 

  370.                     <p>Completed Projects</p>
    371. 

  371.                 </div>-->
    372. 

  372.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/storeManagement.png" style="margin-bottom: 20px;"></h3>
    373. 

  373.                 <h3>Google</h3>
    374. 

  374.             </div>
    375. 

  375. 

  376.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
    377. 

  377.                 <!--<div class="fact-item text-center">
    378. 

  378.                     <div class="count-icon">
    379. 

  379.                         <i class="fa fa-android"></i>
    380. 

  380.                     </div>
    381. 

  381.                     <span data-to="120">0</span>
    382. 

  382.                     <p>Completed Projects</p>
    383. 

  383.                 </div>-->
    384. 

  384.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/bargain.png" style="margin-bottom: 20px;"></h3>
    385. 

  385.                 <h3>Google</h3>
    386. 

  386.             </div>
    387. 

  387. 

  388.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
    389. 

  389.                 <!--<div class="fact-item text-center">
    390. 

  390.                     <div class="count-icon">
    391. 

  391.                         <i class="fa fa-android"></i>
    392. 

  392.                     </div>
    393. 

  393.                     <span data-to="120">0</span>
    394. 

  394.                     <p>Completed Projects</p>
    395. 

  395.                 </div>-->
    396. 

  396.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/customerManagement.png" style="margin-bottom: 20px;"></h3>
    397. 

  397.                 <h3>Google</h3>
    398. 

  398.             </div>
    399. 

  399. 

  400.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
    401. 

  401.                 <!--<div class="fact-item text-center">
    402. 

  402.                     <div class="count-icon">
    403. 

  403.                         <i class="fa fa-android"></i>
    404. 

  404.                     </div>
    405. 

  405.                     <span data-to="120">0</span>
    406. 

  406.                     <p>Completed Projects</p>
    407. 

  407.                 </div>-->
    408. 

  408.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/Invoicing.png" style="margin-bottom: 20px;"></h3>
    409. 

  409.                 <h3>Google</h3>
    410. 

  410.             </div>
    411. 

  411. 

  412.         </div>
    413. 

  413.     </div>
    414. 

  414. </section>
    415. 

  415. <!--
    416. 

  416. End #count
    417. 

  417. ========================== -->
    418. 

  418. 

  419. <!--
    420. 

  420. #about-us
    421. 

  421. ========================== -->
    422. 

  422. <section id="about-us">
    423. 

  423.     <div class="container">
    424. 

  424.         <div class="row">
    425. 

  425. 

  426.             <div class="col-md-12" style="margin-bottom: 50px">
    427. 

  427.                 <div class="section-title text-center wow fadeInUp">
    428. 

  428.                     <h1>{$navigation[3]->navigation_zhName}</h1>
    429. 

  429.                     <h3>—&nbsp;&nbsp;&nbsp;{$navigation[3]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
    430. 

  430.                 </div>
    431. 

  431.             </div>
    432. 

  432. 

  433.             <div style="float: left">
    434. 

  434.                 <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
    435. 

  435.                     <img src="{$Think.HOME_SITE_ROOT}/images/custom.png">
    436. 

  436.                 </div> <!-- end .col-md-5 -->
    437. 

  437.                 <div class="col-md-5 col-md-offset-1 wow fadeInRight">
    438. 

  438.                     <div class="subtitle">
    439. 

  439.                         <h3>OUR SKILLS</h3>
    440. 

  440.                         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
    441. 

  441.                             nunc eifend eget turp.</p>
    442. 

  442.                         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
    443. 

  443.                             nunc eifend eget turp.</p>
    444. 

  444.                     </div>
    445. 

  445.                 </div>
    446. 

  446.             </div>
    447. 

  447. 

  448.             <div style="float: left; margin-top: 50px">
    449. 

  449.                 <div class="col-md-5 col-md-offset-1 wow fadeInRight">
    450. 

  450.                     <div class="subtitle">
    451. 

  451.                         <h3>OUR SKILLS</h3>
    452. 

  452.                         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
    453. 

  453.                             nunc eifend eget turp.</p>
    454. 

  454.                         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
    455. 

  455.                             nunc eifend eget turp.</p>
    456. 

  456.                     </div>
    457. 

  457.                 </div>  <!-- end .col-md-5 -->
    458. 

  458.                 <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
    459. 

  459.                     <img src="{$Think.HOME_SITE_ROOT}/images/4444.png">
    460. 

  460.                 </div> <!-- end .col-md-5 -->
    461. 

  461.             </div>
    462. 

  462. 

  463.             <div style="float: left; margin-top: 50px">
    464. 

  464.                 <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
    465. 

  465.                     <img src="{$Think.HOME_SITE_ROOT}/images/433433.png">
    466. 

  466.                 </div> <!-- end .col-md-5 -->
    467. 

  467.                 <div class="col-md-5 col-md-offset-1 wow fadeInRight">
    468. 

  468.                     <div class="subtitle">
    469. 

  469.                         <h3>OUR SKILLS</h3>
    470. 

  470.                         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
    471. 

  471.                             nunc eifend eget turp.</p>
    472. 

  472.                         <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
    473. 

  473.                             nunc eifend eget turp.</p>
    474. 

  474.                     </div>
    475. 

  475.                 </div>
    476. 

  476.             </div>
    477. 

  477. 

  478.         </div>
    479. 

  479.     </div>
    480. 

  480. </section>
    481. 

  481. <!--
    482. 

  482. End #about-us
    483. 

  483. ========================== -->
    484. 

  484. 

  485. 

  486. <section id="service-bottom">
    487. 

  487.     <div class="container"style="background-color: rgba(50, 50, 50, 0.8); margin-top: -100px; width: 100%;">
    488. 

  488.         <div class="row" style="color: #fff">
    489. 

  489. 

  490.             <div class="col-md-12" style="margin-top: 100px;">
    491. 

  491.                 <div class="section-title text-center wow fadeInUp">
    492. 

  492.                     <h1>{$navigationTitle[0]->navigation_zhName}</h1>
    493. 

  493.                     <h3>—&nbsp;&nbsp;&nbsp;{$navigationTitle[0]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
    494. 

  494.                 </div>
    495. 

  495.             </div>
    496. 

  496. 

  497.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
    498. 

  498.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/demandDegotiation.png" style="margin-bottom: 20px;"></h3>
    499. 

  499.                 <h3>Google</h3>
    500. 

  500.             </div>
    501. 

  501. 

  502.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
    503. 

  503.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/productDesign.png" style="margin-bottom: 20px;"></h3>
    504. 

  504.                 <h3>Google</h3>
    505. 

  505.             </div>
    506. 

  506. 

  507.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
    508. 

  508.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/bargain.png" style="margin-bottom: 20px;"></h3>
    509. 

  509.                 <h3>Google</h3>
    510. 

  510.             </div>
    511. 

  511. 

  512.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
    513. 

  513.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/customerManagement.png" style="margin-bottom: 20px;"></h3>
    514. 

  514.                 <h3>Google</h3>
    515. 

  515.             </div>
    516. 

  516. 

  517.             <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
    518. 

  518.                 <h3><img src="{$Think.HOME_SITE_ROOT}/images/Invoicing.png" style="margin-bottom: 20px;"></h3>
    519. 

  519.                 <h3>Google</h3>
    520. 

  520.             </div>
    521. 

  521. 

  522.         </div>
    523. 

  523.     </div>
    524. 

  524. </section>
    525. 

  525. 

  526. <!--
    527. 

  527. #quotes
    528. 

  528. ========================== -->
    529. 

  529. <section id="quotes">
    530. 

  530.     <div class="container">
    531. 

  531.         <div class="row wow zoomIn">
    532. 

  532.             <div class="col-lg-12">
    533. 

  533.                 <div class="call-to-action text-center">
    534. 

  534.                     <div class="twitter"><i class="fa fa-twitter"></i></div>
    535. 

  535.                     <p>“ACCUMSAN ID CURABITUR ET PORTITOR MAURIS BLANDIT DOLOR LOREM SOME EST OUR DONEC STIN LORTIOS”</p>
    536. 

  536.                     <span>Albart Windy, ThemeForest</span>
    537. 

  537.                 </div>
    538. 

  538.             </div>
    539. 

  539.         </div>
    540. 

  540.     </div>
    541. 

  541. </section>
    542. 

  542. <!--
    543. 

  543. End #quotes
    544. 

  544. ========================== -->
    545. 

  545. 

  546. <!--
    547. 

  547. #pricing
    548. 

  548. ========================== -->
    549. 

  549. <section id="pricing">
    550. 

  550.     <div class="container">
    551. 

  551.         <div class="row">
    552. 

  552. 

  553.             <div class="section-title text-center wow fadeInUp">
    554. 

  554.                 <h2>Pricing</h2>
    555. 

  555.                 <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc, eleifend eget turpis sit amet, sodales porttitor felis.</p>
    556. 

  556.             </div>
    557. 

  557. 

  558.             <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp">
    559. 

  559.                 <div class="pricing-table text-center">
    560. 

  560.                     <div class="plan-icon">
    561. 

  561.                         <i class="fa fa-taxi"></i>
    562. 

  562.                     </div>
    563. 

  563.                     <div class="plan-title">
    564. 

  564.                         <span class="plan">Basic</span>
    565. 

  565.                     </div>
    566. 

  566.                     <div class="price">
    567. 

  567.                         <span class="value"><small>$</small><strong>19</strong>/MO</span>
    568. 

  568.                     </div>
    569. 

  569.                     <ul class="text-center">
    570. 

  570.                         <li>condimen tum velit</li>
    571. 

  571.                         <li>Aliquam condimen</li>
    572. 

  572.                         <li>sapien dignissim</li>
    573. 

  573.                         <li>Psapien dignis</li>
    574. 

  574.                     </ul>
    575. 

  575.                     <a href="#" class="btn btn-price">Buy Now</a>
    576. 

  576.                 </div>
    577. 

  577.             </div>
    578. 

  578. 

  579.             <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0.3s">
    580. 

  580.                 <div class="pricing-table text-center">
    581. 

  581.                     <div class="plan-icon">
    582. 

  582.                         <i class="fa fa-ambulance"></i>
    583. 

  583.                     </div>
    584. 

  584.                     <div class="plan-title">
    585. 

  585.                         <span class="plan">Premium</span>
    586. 

  586.                     </div>
    587. 

  587.                     <div class="price">
    588. 

  588.                         <span class="value"><small>$</small><strong>19</strong>/MO</span>
    589. 

  589.                     </div>
    590. 

  590.                     <ul class="text-center">
    591. 

  591.                         <li>condimen tum velit</li>
    592. 

  592.                         <li>Aliquam condimen</li>
    593. 

  593.                         <li>sapien dignissim</li>
    594. 

  594.                         <li>Psapien dignis</li>
    595. 

  595.                     </ul>
    596. 

  596.                     <a href="#" class="btn btn-price">Buy Now</a>
    597. 

  597.                 </div>
    598. 

  598.             </div>
    599. 

  599. 

  600.             <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0.6s">
    601. 

  601.                 <div class="pricing-table highlight text-center">
    602. 

  602.                     <div class="plan-icon">
    603. 

  603.                         <i class="fa fa-rocket"></i>
    604. 

  604.                     </div>
    605. 

  605.                     <div class="plan-title">
    606. 

  606.                         <span class="plan">Pro</span>
    607. 

  607.                     </div>
    608. 

  608.                     <div class="price">
    609. 

  609.                         <span class="value"><small>$</small><strong>19</strong>/MO</span>
    610. 

  610.                     </div>
    611. 

  611.                     <ul class="text-center">
    612. 

  612.                         <li>condimen tum velit</li>
    613. 

  613.                         <li>Aliquam condimen</li>
    614. 

  614.                         <li>sapien dignissim</li>
    615. 

  615.                         <li>Psapien dignis</li>
    616. 

  616.                     </ul>
    617. 

  617.                     <a href="#" class="btn btn-price">Buy Now</a>
    618. 

  618.                 </div>
    619. 

  619.             </div>
    620. 

  620. 

  621.             <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0.9s">
    622. 

  622.                 <div class="pricing-table text-center">
    623. 

  623.                     <div class="plan-icon">
    624. 

  624.                         <i class="fa fa-plane"></i>
    625. 

  625.                     </div>
    626. 

  626.                     <div class="plan-title">
    627. 

  627.                         <span class="plan">Platinum</span>
    628. 

  628.                     </div>
    629. 

  629.                     <div class="price">
    630. 

  630.                         <span class="value"><small>$</small><strong>19</strong>/MO</span>
    631. 

  631.                     </div>
    632. 

  632.                     <ul class="text-center">
    633. 

  633.                         <li>condimen tum velit</li>
    634. 

  634.                         <li>Aliquam condimen</li>
    635. 

  635.                         <li>sapien dignissim</li>
    636. 

  636.                         <li>Psapien dignis</li>
    637. 

  637.                     </ul>
    638. 

  638.                     <a href="#" class="btn btn-price">Buy Now</a>
    639. 

  639.                 </div>
    640. 

  640.             </div>
    641. 

  641.         </div>
    642. 

  642.         <div class="row">
    643. 

  643.             <div class="col-md-12 wow fadeInUp">
    644. 

  644.                 <div class="special-plan text-center">
    645. 

  645.                     <p>Contact us if you have special request</p>
    646. 

  646.                     <a href="#" class="btn btn-blue">Contact Us</a>
    647. 

  647.                 </div>
    648. 

  648.             </div>
    649. 

  649.         </div>
    650. 

  650.     </div>
    651. 

  651. </section>
    652. 

  652. <!--
    653. 

  653. End #pricing
    654. 

  654. ========================== -->
    655. 

  655. 

  656. 

  657. <!--
    658. 

  658. #subscribe
    659. 

  659. ========================== -->
    660. 

  660. <section id="subscribe">
    661. 

  661.     <div class="container">
    662. 

  662.         <div class="row">
    663. 

  663. 

  664.             <div class="col-md-4 col-sm-5 col-xs-12 text-left wow fadeInRight">
    665. 

  665.                 <div class="subscribe-man"><img class="img-responsive" src="img/young-men.png" /></div>
    666. 

  666.             </div>
    667. 

  667.             <div class="col-md-7 col-sm-7 col-xs-12 wow fadeInLeft">
    668. 

  668.                 <form action="#" method="post" class="subscription-form">
    669. 

  669.                     <i class="fa fa-envelope-o fa-lg"></i>
    670. 

  670.                     <input type="email" name="subscribe" class="subscribe" placeholder="YOUR MAIL">
    671. 

  671.                     <input type="submit" value="SUBSCRIBE" id="mail-submit">
    672. 

  672.                 </form>
    673. 

  673.             </div>
    674. 

  674. 

  675.         </div>
    676. 

  676.     </div>
    677. 

  677. </section>
    678. 

  678. <!--
    679. 

  679. End #subscribe
    680. 

  680. ========================== -->
    681. 

  681. 

  682. <!--
    683. 

  683. #contact
    684. 

  684. ========================== -->
    685. 

  685. <section id="contact">
    686. 

  686.     <div class="container">
    687. 

  687.         <div class="row">
    688. 

  688. 

  689.             <div class="section-title text-center wow fadeInDown">
    690. 

  690.                 <h2>Contact Us</h2>
    691. 

  691.                 <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc, eleifend eget turpis sit amet, sodales porttitor felis.</p>
    692. 

  692.             </div>
    693. 

  693. 

  694.             <div class="col-md-8 col-md-offset-2 wow fadeInLeft">
    695. 

  695.                 <div class="contact-form clearfix">
    696. 

  696.                     <form class="text-center" action="index.html" method="post">
    697. 

  697.                         <div class="input-field">
    698. 

  698.                             <input type="text" class="form-control" name="name" placeholder="Your Name" required="">
    699. 

  699.                         </div>
    700. 

  700.                         <div class="input-field">
    701. 

  701.                             <input type="email" class="form-control" name="email" placeholder="Your Email" required="">
    702. 

  702.                         </div>
    703. 

  703.                         <div class="input-field message">
    704. 

  704.                             <textarea name="message" class="form-control" placeholder="Your Message" required></textarea>
    705. 

  705.                         </div>
    706. 

  706.                         <input type="submit" class="btn btn-blue" value="SEND MESSAGE" id="msg-submit">
    707. 

  707.                     </form>
    708. 

  708.                 </div> <!-- end .contact-form -->
    709. 

  709.             </div> <!-- .col-md-8 -->
    710. 

  710. 

  711.         </div>
    712. 

  712.     </div>
    713. 

  713. </section>
    714. 

  714. <!--
    715. 

  715. End #contact
    716. 

  716. ========================== -->
    717. 

  717. 

  718. <!--
    719. 

  719. #footer
    720. 

  720. ========================== -->
    721. 

  721. <footer id="footer" class="text-center">
    722. 

  722.     <div class="container">
    723. 

  723.         <div class="row">
    724. 

  724.             <div class="col-lg-12">
    725. 

  725. 

  726.                 <div class="footer-social wow fadeInUp">
    727. 

  727.                     <h3><span>K</span>eeper</h3>
    728. 

  728.                     <ul class="text-center list-inline">
    729. 

  729.                         <li>
    730. 

  730.                             <div class="fact-icon">
    731. 

  731.                                 <i class="fa fa-facebook fa-lg"></i>
    732. 

  732.                             </div>
    733. 

  733.                         </li>
    734. 

  734.                         <li>
    735. 

  735.                             <div class="fact-icon">
    736. 

  736.                                 <i class="fa fa-twitter fa-lg"></i>
    737. 

  737.                             </div>
    738. 

  738.                         </li>
    739. 

  739.                         <li>
    740. 

  740.                             <div class="fact-icon">
    741. 

  741.                                 <i class="fa fa-google-plus fa-lg"></i>
    742. 

  742.                             </div>
    743. 

  743.                         </li>
    744. 

  744.                     </ul>
    745. 

  745.                 </div>
    746. 

  746. 

  747.                 <div class="copyright">
    748. 

  748. 

  749.                     <p>Theme by Scripteden. Developed by Shaifuddin / More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
    750. 

  750.                 </div>
    751. 

  751. 

  752.             </div>
    753. 

  753.         </div>
    754. 

  754.     </div>
    755. 

  755. </footer>
    756. 

  756. <!--
    757. 

  757. End #footer
    758. 

  758. ========================== -->
    759. 

  759. 

  760. 

  761. <!--
    762. 

  762. JavaScripts
    763. 

  763. ========================== -->
    764. 

  764. 

  765. <!-- main jQuery -->
    766. 

  766. <script src="{$Think.HOME_SITE_ROOT}/js/vendor/jquery-1.11.1.min.js"></script>
    767. 

  767. <!-- Bootstrap -->
    768. 

  768. <script src="{$Think.HOME_SITE_ROOT}/js/bootstrap.min.js"></script>
    769. 

  769. <!-- jquery.nav -->
    770. 

  770. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.nav.js"></script>
    771. 

  771. <!-- Portfolio Filtering -->
    772. 

  772. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.mixitup.min.js"></script>
    773. 

  773. <!-- Fancybox -->
    774. 

  774. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.fancybox.pack.js"></script>
    775. 

  775. <!-- Parallax sections -->
    776. 

  776. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.parallax-1.1.3.js"></script>
    777. 

  777. <!-- jQuery Appear -->
    778. 

  778. <script src="{$Think.HOME_SITE_ROOT}/js/jquery.appear.js"></script>
    779. 

  779. <!-- countTo -->
    780. 

  780. <script src="{$Think.HOME_SITE_ROOT}/js/jquery-countTo.js"></script>
    781. 

  781. <!-- owl carousel -->
    782. 

  782. <script src="{$Think.HOME_SITE_ROOT}/js/owl.carousel.min.js"></script>
    783. 

  783. <!-- WOW script -->
    784. 

  784. <script src="{$Think.HOME_SITE_ROOT}/js/wow.min.js"></script>
    785. 

  785. <!-- theme custom scripts -->
    786. 

  786. <script src="{$Think.HOME_SITE_ROOT}/js/main.js"></script>
    787. 

  787. </body>
    788. 

  788. </html>
    789.