application/home/controller/About.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace app\home\controller;
+
+use think\Lang;
+use think\Cache;
+use think\Request;
+use think\Controller;
+use think\Validate;
+
+/**
+ * 主页管理类
+ */
+class About extends Controller
+{
+
+
+    /**
+     * 构造函数
+     *
+     * @access public
+     */
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+    /**
+     * 产品与服务
+     *
+     * @access public
+     * @return array JsonString
+     */
+    public function about()
+    {
+
+        return $this->fetch();
+    }
+
+    /**
+     * 产品与服务详情
+     *
+     * @access public
+     * @return array JsonString
+     */
+    public function details()
+    {
+
+        return $this->fetch();
+    }
+
+}

application/home/controller/Contact.php

@@ -0,0 +1,51 @@
+<?php
+
+namespace app\home\controller;
+
+use think\Lang;
+use think\Cache;
+use think\Request;
+use think\Controller;
+use think\Validate;
+
+/**
+ * 主页管理类
+ */
+class Contact extends Controller
+{
+
+
+    /**
+     * 构造函数
+     *
+     * @access public
+     */
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+    /**
+     * 产品与服务
+     *
+     * @access public
+     * @return array JsonString
+     */
+    public function contact()
+    {
+        return $this->fetch();
+    }
+
+    /**
+     * 产品与服务详情
+     *
+     * @access public
+     * @return array JsonString
+     */
+    public function details()
+    {
+
+        return $this->fetch();
+    }
+
+}

application/home/controller/Product.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace app\home\controller;
+
+use think\Lang;
+use think\Cache;
+use think\Request;
+use think\Controller;
+use think\Validate;
+
+/**
+ * 主页管理类
+ */
+class Product extends Controller
+{
+
+
+    /**
+     * 构造函数
+     *
+     * @access public
+     */
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+    /**
+     * 产品与服务
+     *
+     * @access public
+     * @return array JsonString
+     */
+    public function product()
+    {
+
+        return $this->fetch();
+    }
+
+    /**
+     * 产品与服务详情
+     *
+     * @access public
+     * @return array JsonString
+     */
+    public function details()
+    {
+
+        return $this->fetch();
+    }
+
+}

application/home/view/about/about.html

@@ -0,0 +1,137 @@
+{include file="layout/header" /}
+<!-- banner -->
+<div class="about-banner">
+    <div class="container">
+        <ul class="rslides">
+            <li>
+                <div class="slider-info" style="text-align: left !important; margin-top:8%" >
+                    <p style="font-size: 2.7vw; text-align: center; line-height:0px; font-weight:bold;">
+                        关于我们
+                    </p>
+                    <p style="font-size: 2.3vw; text-align: center; margin-bottom:3%">
+                        About us
+                    </p>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>
+<div style="width: 65%; height: 1100px; margin: 0 auto;">
+    <div style="text-align: center;">
+        <h4 style="margin-bottom:20px; padding: 20px; font-weight:bold;">国内顶尖的体育数据服务商之一</h4>
+        <span style="font-size:13px; font-family:SimHei;">每年向用户提供2,600+足球赛事、500+篮球赛事资料，合计超过350,000场比赛的数据统计、机构指数、动画直播等数据。目前，纳米数据
+可以提供足球、篮球、网球等赛事包括即时数据、历史分析数据、即时指数、动画直播、资料库等全面赛事数据服务；未来会逐步开放F1
+、棒球、橄榄球、排球、斯诺克、电竞等赛事数据服务；也会在现有赛事数据的基础上继续深挖，提供更深度的数据服务。</span>
+    </div>
+    <div style="height: 200px;">
+        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div class="pt-5 pb-3">
+                <div >
+                    <span style="font-size:38px; color:rgb(49, 88, 181); font-weight:bold;">2600+</span>
+                </div>
+                <p style="font-size:18px">足球赛事</p>
+            </div>
+        </div>
+        <div class="col-lg-4 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div class="pt-5 px-3">
+                <div>
+                    <span style="font-size:38px; color:rgb(49, 88, 181); font-weight:bold;">500+</span>
+                </div>
+                <p style="font-size:18px">篮球赛事</p>
+            </div>
+        </div>
+        <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
+            <div class="pt-5 px-3 pb-3">
+                <div >
+                    <span style="font-size:38px; color:rgb(49, 88, 181); font-weight:bold;">350000+</span>
+                </div>
+                <p style="font-size:18px">比赛场次</p>
+            </div>
+        </div>
+    </div>
+    <div style="height: 200px;" class="mb-5">
+        <div class="col-lg-1 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div>
+                <div style="width:30px;height: 30px;background-color: rgb(48, 87, 181); border-radius:50%; text-align: center; float: left;">
+                    <p style="color: #fff;">01</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div>
+                <div class="pb-2">
+                    <span style=" color:rgb(49, 88, 181); font-weight:bold;">成都市某某体育文化发展有限公司</span>
+                </div>
+                <span style="font-size:11px;">
+                    作为专注于体育行业的运营公司，我们也在不断进行体育产
+                    业项目投资，促进国家体育事业的发展。 公司相继被认定为
+                    肇庆市高新技术企业、国家高新技术企业，并获得国际顶级
+                    投资基金IDG的投资。 飞鲸体育数据团队核心成员来自知名
+                    互联网企业，拥有丰富的互联网技术和运营经验。公司拥有
+                    良好的晋升及发展空间， 自由宽松的工作氛围，零食。
+                </span>
+            </div>
+        </div>
+        <div class="col-lg-6 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
+            <div class="pl-3">
+                <img width="320px" height="175px" src="{$Think.HOME_SITE_ROOT}/images/about1.png" alt="">
+            </div>
+        </div>
+    </div>
+    <div style="height: 200px;" class="mb-5">
+        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
+            <div>
+                <img width="320px" height="190px" src="{$Think.HOME_SITE_ROOT}/images/about2.png" alt="">
+            </div>
+        </div>
+        <div class="col-lg-1 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div style="width:30px;height: 30px;background-color: rgb(48, 87, 181); border-radius:50%; text-align: center; float: left;">
+                <p style="color: #fff;">02</p>
+            </div>
+        </div>
+        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div>
+                <div>
+                    <span style=" color:rgb(49, 88, 181); font-weight:bold;">国际顶级投资基金IDG的领投</span>
+                </div>
+                <span style="font-size:11px;">
+                    飞鲸体育数据由肇庆市华盈体育文化发展有限公司创建和运
+                    营，前身是球探体育数据。公司自成立以来， 已深耕体育行
+                    业12年。凭着团队的专注和不断创新精神，公司成功开发并
+                    运营体育旅游、业余足球社区、 球探体育社区、体育版权直
+                    播、体育彩票社区、体育大数据销售、体育票务销售体育场 <br> 馆运营、棋牌游戏社区等业务， 现已成为国内较具影响力的<br>体育娱乐公司。
+                </span>
+            </div>
+        </div>
+    </div>
+    <div style="height: 200px;" class="mb-5">
+        <div class="col-lg-1 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div>
+                <div style="width:30px;height: 30px;background-color: rgb(48, 87, 181); border-radius:50%; text-align: center; float: left;">
+                    <p style="color: #fff;">03</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-5 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;";>
+            <div>
+                <div class="pb-2">
+                    <span style=" color:rgb(49, 88, 181); font-weight:bold;">联系与合作</span>
+                </div>
+                <span style="font-size:11px;">
+                    作为专注于体育行业的运营公司，我们也在不断进行体育产
+                    业项目投资，促进国家体育事业的发展。 公司相继被认定为
+                    肇庆市高新技术企业、国家高新技术企业，并获得国际顶级
+                    投资基金IDG的投资。 飞鲸体育数据团队核心成员来自知名
+                    互联网企业，拥有丰富的互联网技术和运营经验。公司拥有
+                    良好的晋升及发展空间， 自由宽松的工作氛围，零食。
+                </span>
+            </div>
+        </div>
+        <div class="col-lg-6 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;">
+            <div class="pl-3">
+                <img width="320px" height="175px" src="{$Think.HOME_SITE_ROOT}/images/about3.png" alt="">
+            </div>
+        </div>
+    </div>
+</div>
+{include file="layout/footer" /}

application/home/view/contact/contact.html

@@ -0,0 +1,84 @@
+{include file="layout/header" /}
+<!-- banner -->
+<div class="contact-banner">
+    <div class="container">
+        <ul class="rslides">
+            <li>
+                <div class="slider-info" style="text-align: left !important; margin-top: 8%" >
+                    <p style="font-size: 2.7vw; text-align: center; line-height:0px; font-weight:bold;">
+                        联系我们
+                    </p>
+                    <p style="font-size: 2.3vw; text-align: center; margin-bottom:3%">
+                       Contact us
+                    </p>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>
+<div style="width: 65%; height: 700px; margin: 0 auto;">
+    <div class="consult">
+        <h3 style="font-weight:bold;">购买咨询</h3>
+        <p style="color:#ccc;">Purchase consulting</p>
+    </div>
+    <div style="height: 100px; margin-bottom: 80px">
+        <div style="float:left; border:2px dashed rgb(173, 173, 173); margin-right: 20px">
+             <img width="92px" height="92px" src="{$Think.HOME_SITE_ROOT}/images/contact1.png" alt="">
+        </div>
+        <div class="col-lg-4 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;" >
+            <div>
+                <span style="font-weight:bold;">致电销售人员</span><br>
+                <span style="font-size:12px;">电话/微信:17283718372</span><br>
+                <span style="font-size:12px;">直接致销售人员，立即进行购买咨询</span><br>
+                <span style="font-size:12px;">工作时间：早上9:00   下午7:00</span>
+            </div>
+        </div>
+        <div style="float: left; margin: 0 auto; padding-left: 20px" >
+            <div style="margin: 0 auto;  padding-top: 3px; width: 2px; height: 92px; background-color: #CCC">
+            </div>
+        </div>
+        <div style="float: right;" >
+            <div>
+                <span style="font-weight:bold;">联系销售人员</span><br>
+                <span style="font-size:12px;">QQ:182782342</span><br>
+                <span style="font-size:12px;">QQ联系商务经理，立即进行购买咨询</span><br>
+                <span style="font-size:12px;">工作时间：早上9:00   下午8:00</span>
+            </div>
+        </div>
+        <div style="float: right; border:2px dashed rgb(173, 173, 173); margin-right: 30px">
+            <img width="94px" height="94px" src="{$Think.HOME_SITE_ROOT}/images/contact2.png" alt="">
+        </div>
+    </div>
+    <div class="consult">
+        <h3 style="font-weight:bold;">技术支持</h3>
+        <p style="color:#ccc;">Technical support</p>
+    </div>
+    <div style="height: 100px; margin-bottom: 80px">
+        <div style="float:left; border:2px dashed rgb(173, 173, 173); margin-right: 20px">
+            <img width="92px" height="92px" src="{$Think.HOME_SITE_ROOT}/images/contact3.png" alt="">
+        </div>
+        <div class="col-lg-4 col-md-6 mt-md-0 mt-sm-5 mt-3" style="float: left;" >
+            <div>
+                <span style="font-weight:bold;">致电销售人员</span><br>
+                <span style="font-size:12px;">电话/微信:17283718372</span><br>
+                <span style="font-size:12px;">直接致销售人员，立即进行购买咨询</span><br>
+                <span style="font-size:12px;">工作时间：早上9:00   下午7:00</span>
+            </div>
+        </div>
+        <div style="float: left; margin: 0 auto; padding-left: 20px" >
+            <div style="margin: 0 auto;  padding-top: 3px; width: 2px; height: 92px; background-color: #CCC">
+            </div>
+        </div>
+        <div style="float: right;">
+            <div>
+                <span style="font-weight:bold;">发送邮件</span><br>
+                <span style="font-size:12px;">邮箱: hezuo@nami.com </span><br>
+                <span style="font-size:11px;">发送邮件给我们，我们会第一时间进行回复</span><br>
+            </div>
+        </div>
+        <div style="float: right; border:2px dashed rgb(173, 173, 173); margin-right: 20px;">
+            <img width="110px" height="74px" src="{$Think.HOME_SITE_ROOT}/images/contact4.png" alt="">
+        </div>
+    </div>
+</div>
+{include file="layout/footer" /}

application/home/view/index/index.html

@@ -1,130 +1,4 @@
-<!DOCTYPE HTML>
-<html lang="zxx">
-
-<head>
-    <title>AQM</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta charset="utf-8">
-    <meta name="keywords" content=""/>
-    <link rel="SHORTCUT ICON" href="{$Think.HOME_SITE_ROOT}/images/LOGO.png"/>
-    <!--引用百度地图API-->
-    <style type="text/css">
-        html, body {
-            margin: 0;
-            padding: 0;
-        }
-
-        .iw_poi_title {
-            color: #CC5522;
-            font-size: 14px;
-            font-weight: bold;
-            overflow: hidden;
-            padding-right: 13px;
-            white-space: nowrap
-        }
-
-        .iw_poi_content {
-            font: 12px arial, sans-serif;
-            overflow: visible;
-            padding-top: 4px;
-            white-space: -moz-pre-wrap;
-            word-wrap: break-word
-        }
-    </style>
-    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
-    <script>
-        addEventListener("load", function () {
-            setTimeout(hideURLbar, 0);
-        }, false);
-
-        function hideURLbar() {
-            window.scrollTo(0, 1);
-        }
-    </script>
-
-    <!-- Bootstrap Core CSS -->
-    <link href="{$Think.HOME_SITE_ROOT}/css/bootstrap.css" rel='stylesheet' type='text/css'/>
-    <!-- gallery css -->
-    <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/swipebox.css">
-    <!-- Custom CSS -->
-    <link href="{$Think.HOME_SITE_ROOT}/css/style.css" rel='stylesheet' type='text/css'/>
-    <!-- font-awesome icons -->
-    <link href="{$Think.HOME_SITE_ROOT}/css/fontawesome-all.min.css" rel="stylesheet">
-    <!-- //Custom Theme files -->
-    <!--webfonts-->
-    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
-          rel="stylesheet">
-    <!--//webfonts-->
-</head>
-
-<body>
-<!-- header -->
-<!--<header style="position: fixed; width: 100%; background: #111; opacity: 0.8;">-->
-<header style="width: 100%; background: #010101;">
-    <div class="container" style="height: 30px; line-height: 1;">
-        <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
-            <a class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
-               aria-pressed="false" data-target="#exampleModal"
-               style="cursor: pointer; color: #fff; font-weight: 500 !important;">
-                注册
-            </a>
-            <a class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
-               aria-pressed="false" data-target="#exampleModal"
-               style="cursor: pointer; color: #fff; font-weight: 500 !important;">
-                登陆
-            </a>
-        </nav>
-    </div>
-    <div style="border-bottom: 1px solid  #505050;"></div>
-    <div class="container" style="height: 40px; line-height: 0.8;">
-        <nav class="navbar navbar-expand-lg navbar-light">
-            <a class="navbar-brand" style="color: #fff; font-weight: 800;" href="index.html">
-                ANQUANMAO
-            </a>
-            <button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse"
-                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                    aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav mx-auto text-center" style="margin-right: 0 !important;">
-                    <li class="nav-item  mr-3">
-                        <a class="nav-link scroll" href="index.html">首页</a>
-                    </li>
-                    <li class="nav-item  mr-3">
-                        <a class="nav-link scroll" href="#services">产品与服务</a>
-                    </li>
-                    <li class="nav-item dropdown mr-3">
-                        <a class="nav-link scroll" href="#about">关于我们</a>
-                        <!--<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
-                            aria-expanded="false">
-                            Dropdown
-                        </a>
-                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                            <a class="dropdown-item scroll" href="#services">Services</a>
-                            <a class="dropdown-item scroll" href="#team">Team</a>
-                            <a class="dropdown-item scroll" href="#gallery">Gallery</a>
-                            <div class="dropdown-divider"></div>
-                            <a class="dropdown-item scroll" href="#pricing">Pricing Plans</a>
-                            <a class="dropdown-item scroll" href="#testimonials">Testimonials</a>
-                        </div>-->
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link scroll" href="#contact">联系我们</a>
-                    </li>
-                </ul>
-                <!--<button type="button" class="btn btn-info btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
-                    aria-pressed="false" data-target="#exampleModal">
-                    order
-                </button>-->
-
-            </div>
-        </nav>
-    </div>
-    <div style="border-bottom: 1px solid  #505050;"></div>
-</header>
-<!-- //header -->
+{include file="layout/header" /}
 <!-- banner -->
 <div class="banner" id="home">
     <div class="container">
@@ -191,7 +65,7 @@
         <div class="agileits-services-row row py-md-5 pb-5">
             <div class="col-lg-3 col-md-6 agileits-services-grids" style="background: #48FD9C;">
                 <h4 class="mt-2 mb-3" style=" color: #fff">即时数据</h4>
-                <p> style=" color: #fff"覆盖200个国家和地区的足球、篮球 和网球赛事即时数据</p>
+                <p>覆盖200个国家和地区的足球、篮球 和网球赛事即时数据</p>
                 <img src="{$Think.HOME_SITE_ROOT}/images/immediate.png">
             </div>
             <div class="col-lg-3 col-md-6 agileits-services-grids mt-md-0 mt-3" style="background: #EE6AFF;">
@@ -433,416 +307,4 @@
         </div>
     </div>
 </section>
-<!-- //pricing -->
-<!-- testimonials -->
-<!--<section class="wthree-row py-5 testi-agile" id="testimonials">
-    <div class="container py-md-5 py-3">
-        <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4">testimonials</h3>
-        <div class="w3_testimonials_grids w3_testimonials_grids">
-            <div class="sreen-gallery-cursual">
-                <div id="owl-demo" class="owl-carouselpb-5">
-                    <div class="item-owl text-center">
-                        <div class="img-agile">
-                            <i class="fas fa-user"></i>
-                            <h6 class="mt-3 text-white">Michael Paul</h6>
-                        </div>
-                        <div class="test-review test-tooltip1">
-                            <p class="mx-auto mt-3 text-white">
-                                <i class="fa fa-quote-left" aria-hidden="true"></i> Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-                                sed diam voluptua.
-                                <i class="fa fa-quote-right" aria-hidden="true"></i>
-                            </p>
-                        </div>
-                    </div>
-                    <div class="item-owl">
-                        <div class="img-agile">
-                            <i class="fas fa-user"></i>
-                            <h6 class="mt-3 text-white">Riya Allen</h6>
-                        </div>
-                        <div class="test-review test-tooltip1">
-                            <p class="mx-auto mt-3 text-white">
-                                <i class="fa fa-quote-left" aria-hidden="true"></i> Polite sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-                                diam voluptua.
-                                <i class="fa fa-quote-right" aria-hidden="true"></i>
-                            </p>
-                        </div>
-                    </div>
-                    <div class="item-owl">
-                        <div class="img-agile">
-                            <i class="fas fa-user"></i>
-                            <h6 class="mt-3 text-white">Riya Allen</h6>
-                        </div>
-                        <div class="test-review test-tooltip1">
-                            <p class="mx-auto mt-3 text-white">
-                                <i class="fa fa-quote-left" aria-hidden="true"></i> Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-                                sed diam voluptua.
-                                <i class="fa fa-quote-right" aria-hidden="true"></i>
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>-->
-<!-- //testimonials -->
-<!-- contact -->
-<!--<section class="wthree-row py-5 w3-contact" id="contact">
-    <div class="container py-md-5">
-        <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4">contact us</h3>
-        <div class="row contact-form py-3">
-            <div class="col-lg-6 wthree-form-left">
-                &lt;!&ndash; contact form grid &ndash;&gt;
-                <div class="contact-top1">
-                    <form action="#" method="get" class="f-color">
-                        <div class="form-group">
-                            <label for="contactusername">Name</label>
-                            <input type="text" class="form-control" id="contactusername" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="contactemail">Email</label>
-                            <input type="email" class="form-control" id="contactemail" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="contactcomment">Your Message</label>
-                            <textarea class="form-control" rows="5" id="contactcomment" required></textarea>
-                        </div>
-                        <button type="submit" class="btn btn-info btn-block">Submit</button>
-                    </form>
-                </div>
-                &lt;!&ndash;  //contact form grid ends here &ndash;&gt;
-            </div>
-            &lt;!&ndash; contact details &ndash;&gt;
-            &lt;!&ndash; contact map grid &ndash;&gt;
-            <div class="col-lg-6  mt-lg-0 mt-5 map contact-right">
-                <iframe class="h-50" src="" allowfullscreen></iframe>
-                <div class="address mt-3">
-                    <h5 class="pb-3 text-capitalize">Contact info</h5>
-                    <address>
-                        <p class="c-txt">90 Street, City, State 34789.</p>
-                        <p>
-                            +10 234 5678</p>
-                        <p>
-                            <p>
-                                <a href="mailto:info@example.com">mail@golaundry.com</a>
-                            </p>
-                    </address>
-                </div>
-            </div>
-            &lt;!&ndash;//contact map grid ends here&ndash;&gt;
-        </div>
-        &lt;!&ndash; //contact details container &ndash;&gt;
-    </div>
-</section>-->
-<!-- //contact -->
-<!-- slide -->
-<!--<section class="wthree-row py-sm-5 py-3 slide-bg bg-dark">
-    <div class="container py-md-5 py-3">
-        <div class="py-lg-5 bg-pricemain">
-            <h3 class="agile-title text-capitalize text-white">go laundry!</h3>
-            <span class="w3-line"></span>
-            <h5 class="agile-title text-capitalize pt-4">trust us, we save your time.</h5>
-            <p class="text-light py-sm-4 py-2">Aliquam ac est vel nisl condimentum interdum vel eget enim. Curabitur mattis orci sed leo mattis, nec maximus nibh faucibus.
-                Mauris et justo vel nibh rhoncus venenatis. Nullal condimentum interdum vel eget enim. Curabitur mattis orci sed le.
-            </p>
-            <a href="#" class="text-uppercase serv_link align-self-center bg-light btn px-4">read more</a>
-        </div>
-    </div>
-</section>-->
-<!--//slide-->
-<!-- footer -->
-<footer style="background: #22252E; padding: 20px 0 20px 0;" id="contact">
-    <div class="container">
-        <!-- footer grid top -->
-        <div class="footerv2-w3ls">
-            <div class="row">
-                <!-- footer grid top -->
-                <div class="col-lg-3 col-md-6">
-                    <img src="{$Think.HOME_SITE_ROOT}/images/partners-3.png" style="width: 200px; border-right: 1px solid #707070;">
-                </div>
-                <div class="col-lg-3 col-md-6">
-                    <h4 style="color: #fff">联系我们</h4>
-                    <div style="margin-top: 15px; font-family: initial;">
-                        <span style="color: #fff">电话/微信：</span>
-                        <span style="color: #fff">1234556777</span>
-                    </div>
-                    <div style="margin-top: 5px; font-family: initial;">
-                        <span style="color: #fff">邮箱：</span>
-                        <span style="color: #fff">jdasd@jmdnas.com</span>
-                    </div>
-                    <div style="margin-top: 5px; font-family: initial;">
-                        <span style="color: #fff">QQ：</span>
-                        <span style="color: #fff">817272823</span>
-                    </div>
-                    <div style="margin-top: 5px; font-family: initial;">
-                        <span style="color: #fff">地址：</span>
-                        <span style="color: #fff">成都市</span>
-                    </div>
-                </div>
-                <div style="width:500px;height:200px;border-bottom:#ccc solid 1px;" id="dituContent"></div>
-            </div>
-        </div>
-        <div style="border-bottom: 1px solid #707070; margin-top: 20px; margin-bottom: 10px; width: 99999999999px; margin-left: -99999px;"></div>
-        <!-- copyright -->
-        <div style="text-align: center">
-            <p style="color: #9597A2; font-family: initial;">成都市的打卡的有限公司&nbsp;&nbsp;&nbsp;&nbsp;上海虹口区东岸大拉独立192号</p>
-            <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证：<span
-                    style="color: #2B7CD2">川B2-99329239 川A4-3821883</span>&nbsp;&nbsp;&nbsp;&nbsp;kdjad@2921
-                jdasjdsdsaakdk kdkdsak <span style="color: #2B7CD2">&nbsp;&nbsp;&nbsp;&nbsp;免费声明</span></p>
-        </div>
-        <!-- //copyright -->
-    </div>
-</footer>
-<!-- //footer -->
-<!-- order modal -->
-<div style="position: fixed; height: 520px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden !important; overflow-y: hidden !important;"
-     class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
-     aria-hidden="true">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title text-capitalize" id="exampleModalLabel1">登陆</h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-            <div class="modal-body">
-                <form action="#" method="post" class="p-3">
-                    <div class="form-group">
-                        <label for="recipient-name" class="col-form-label">Your Name</label>
-                        <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name"
-                               required="">
-                    </div>
-                    <div class="form-group">
-                        <label for="recipient-name1" class="col-form-label">Your Email</label>
-                        <input type="email" class="form-control" placeholder=" " name="Name" id="recipient-name1"
-                               required="">
-                    </div>
-                    <div class="form-group">
-                        <label for="recipient-name2" class="col-form-label">Phone</label>
-                        <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name2"
-                               required="">
-                    </div>
-                    <!--<div class="form-group">
-                        <label class="mr-2 col-form-label">Pick Up</label>
-                        <input id="datepicker1" name="check in" type="text" value="mm/dd/yyyy" class="form-control" required="">
-                    </div>
-                    <div class="form-group">
-                        <label class="mr-2 col-form-label">Delivery </label>
-                        <input id="datepicker2" name="check out" type="text" value="mm/dd/yyyy" class="form-control" required="">
-                    </div>
-                    <div class="form-check">
-                        <label class="form-check-label col-form-label" for="l1">
-                            <input type="checkbox" class="form-check-input" value="" id="l1">Wash& Fold
-                        </label>
-                    </div>
-                    <div class="form-check">
-                        <label class="form-check-label col-form-label" for="l2">
-                            <input type="checkbox" class="form-check-input" value="" id="l2">Handwash
-                        </label>
-                    </div>
-                    <div class="form-check">
-                        <label class="form-check-label col-form-label" id="l3">
-                            <input type="checkbox" class="form-check-input" value="" id="13">Dry Clean
-                        </label>
-                    </div>
-                    <div class="form-check">
-                        <label class="form-check-label col-form-label" for="l4">
-                            <input type="checkbox" class="form-check-input" value="" id="l4">Carpets
-                        </label>
-                    </div>
-                    <div class="form-group">
-                        <label for="comment" class="col-form-label">Pickup Address:</label>
-                        <textarea class="form-control" rows="5" id="comment"></textarea>
-                    </div>-->
-
-                    <div class="right-w3l">
-                        <input type="submit" class="form-control" value="pick my laundry">
-                    </div>
-                </form>
-
-            </div>
-        </div>
-    </div>
-</div>
-<!-- //order modal -->
-<!-- js-->
-<script src="{$Think.HOME_SITE_ROOT}/js/jquery-2.2.3.min.js"></script>
-<!-- js-->
-<!-- Banner text Responsiveslides -->
-<script src="{$Think.HOME_SITE_ROOT}/js/responsiveslides.min.js"></script>
-<script type="text/javascript">
-    //创建和初始化地图函数：
-    function initMap() {
-        createMap();//创建地图
-        setMapEvent();//设置地图事件
-        addMapControl();//向地图添加控件
-    }
-
-    //创建地图函数：
-    function createMap() {
-        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
-        var point = new BMap.Point(104.070632, 30.588746);//定义一个中心点坐标
-        map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
-        window.map = map;//将map变量存储在全局
-    }
-
-    //地图事件设置函数：
-    function setMapEvent() {
-        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
-        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
-        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
-        map.enableKeyboard();//启用键盘上下左右键移动地图
-    }
-
-    //地图控件添加函数：
-    function addMapControl() {
-        //向地图中添加缩放控件
-        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
-        map.addControl(ctrl_nav);
-        //向地图中添加缩略图控件
-        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
-        map.addControl(ctrl_ove);
-        //向地图中添加比例尺控件
-        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
-        map.addControl(ctrl_sca);
-    }
-
-
-    initMap();//创建和初始化地图
-</script>
-<script>
-
-
-    function move(id) {
-        const imgText = 'team-img-text-' + id;
-        const teamTitle = 'team-title-' + id;
-        const teamEn = 'team-en-' + id;
-        const teamLine = 'team-line-' + id;
-        /*$("#"+imgText).stop().fadeTo("slow", 1.5, function () {
-            $(this).css("display", "block");
-        });*/
-        document.getElementById(imgText).style.display = 'block';
-        document.getElementById(teamTitle).style.color = '#27A6E8';
-        document.getElementById(teamEn).style.color = '#27A6E8';
-        document.getElementById(teamLine).style = 'border-bottom: 1px solid #27A6E8';
-    }
-
-    function moveOut(id) {
-        const imgText = 'team-img-text-' + id;
-        const teamTitle = 'team-title-' + id;
-        const teamEn = 'team-en-' + id;
-        const teamLine = 'team-line-' + id;
-        document.getElementById(imgText).style.display = 'none';
-        document.getElementById(teamTitle).style.color = '#111';
-        document.getElementById(teamEn).style.color = '#111';
-        document.getElementById(teamLine).style = 'border-bottom: 1px solid #111';
-    }
-
-    // You can also use "$(window).load(function() {"
-    $(function () {
-        // Slideshow 4
-        $("#slider3").responsiveSlides({
-            auto: true,
-            pager: true,
-            nav: false,
-            speed: 500,
-            namespace: "callbacks",
-            before: function () {
-                $('.events').append("<li>before event fired.</li>");
-            },
-            after: function () {
-                $('.events').append("<li>after event fired.</li>");
-            }
-        });
-
-    });
-</script>
-<!-- //Banner text  Responsiveslides -->
-<!-- start-smooth-scrolling -->
-<script src="{$Think.HOME_SITE_ROOT}/js/move-top.js "></script>
-<script src="{$Think.HOME_SITE_ROOT}/js/easing.js "></script>
-<script>
-    jQuery(document).ready(function ($) {
-        $(".scroll ").click(function (event) {
-            event.preventDefault();
-
-            $('html,body').animate({
-                scrollTop: $(this.hash).offset().top
-            }, 1000);
-        });
-    });
-</script>
-<!-- //end-smooth-scrolling -->
-<!-- smooth-scrolling-of-move-up -->
-<script>
-    $(document).ready(function () {
-        /*
-         var defaults = {
-             containerID: 'toTop', // fading element id
-             containerHoverID: 'toTopHover', // fading element hover id
-             scrollSpeed: 1200,
-             easingType: 'linear'
-         };
-         */
-
-        $().UItoTop({
-            easingType: 'easeOutQuart'
-        });
-
-    });
-</script>
-<script src="js/SmoothScroll.min.js "></script>
-<!-- //smooth-scrolling-of-move-up -->
-<!-- gallery swipebox -->
-<script src="{$Think.HOME_SITE_ROOT}/js/jquery.swipebox.min.js"></script>
-<script>
-    jQuery(function ($) {
-        $(".swipebox").swipebox();
-    });
-</script>
-<script src="{$Think.HOME_SITE_ROOT}/js/jquery.adipoli.min.js"></script>
-<!-- effect -->
-<script>
-    $(function () {
-        $('.row2').adipoli({
-            'startEffect': 'overlay',
-            'hoverEffect': 'sliceDown'
-        });
-    });
-</script>
-<!-- //swipe box js -->
-<!-- stats counter -->
-<script src="{$Think.HOME_SITE_ROOT}/js/counter.js"></script>
-<!-- Date picker -->
-<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/jquery-ui.css"/>
-<script src="{$Think.HOME_SITE_ROOT}/js/jquery-ui.js"></script>
-<script>
-    $(function () {
-        $("#datepicker1,#datepicker2").datepicker();
-    });
-</script>
-<!-- // Date picker -->
-<!-- testimonials -->
-<link href="{$Think.HOME_SITE_ROOT}/css/owl.carousel.css" rel="stylesheet">
-<script src="{$Think.HOME_SITE_ROOT}/js/owl.carousel.js"></script>
-<script>
-    $(document).ready(function () {
-        $("#owl-demo").owlCarousel({
-            items: 1,
-            lazyLoad: true,
-            autoPlay: false,
-            navigation: true,
-            navigationText: true,
-            pagination: true,
-        });
-    });
-</script>
-<!-- //for testimonials slider-js-script-->
-<!-- Bootstrap Core JavaScript -->
-<script src="{$Think.HOME_SITE_ROOT}/js/bootstrap.js ">
-</script>
-<!-- //Bootstrap Core JavaScript -->
-</body>
-
-</html>
+{include file="layout/footer" /}

application/home/view/layout/footer.html

@@ -0,0 +1,296 @@
+<!-- footer -->
+<footer style="background: #22252E; padding: 20px 0 20px 0;" id="contact">
+    <div class="container">
+        <!-- footer grid top -->
+        <div class="footerv2-w3ls">
+            <div class="row">
+                <!-- footer grid top -->
+                <div class="col-lg-3 col-md-6">
+                    <img src="{$Think.HOME_SITE_ROOT}/images/partners-3.png" style="width: 200px; border-right: 1px solid #707070;">
+                </div>
+                <div class="col-lg-3 col-md-6">
+                    <h4 style="color: #fff">联系我们</h4>
+                    <div style="margin-top: 15px; font-family: initial;">
+                        <span style="color: #fff">电话/微信：</span>
+                        <span style="color: #fff">1234556777</span>
+                    </div>
+                    <div style="margin-top: 5px; font-family: initial;">
+                        <span style="color: #fff">邮箱：</span>
+                        <span style="color: #fff">jdasd@jmdnas.com</span>
+                    </div>
+                    <div style="margin-top: 5px; font-family: initial;">
+                        <span style="color: #fff">QQ：</span>
+                        <span style="color: #fff">817272823</span>
+                    </div>
+                    <div style="margin-top: 5px; font-family: initial;">
+                        <span style="color: #fff">地址：</span>
+                        <span style="color: #fff">成都市</span>
+                    </div>
+                </div>
+                <div style="width:500px;height:200px;border-bottom:#ccc solid 1px;" id="dituContent"></div>
+            </div>
+        </div>
+        <div style="border-bottom: 1px solid #707070; margin-top: 20px; margin-bottom: 10px; width: 99999999999px; margin-left: -99999px;"></div>
+        <!-- copyright -->
+        <div style="text-align: center">
+            <p style="color: #9597A2; font-family: initial;">成都市的打卡的有限公司&nbsp;&nbsp;&nbsp;&nbsp;上海虹口区东岸大拉独立192号</p>
+            <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证：<span
+                    style="color: #2B7CD2">川B2-99329239 川A4-3821883</span>&nbsp;&nbsp;&nbsp;&nbsp;kdjad@2921
+                jdasjdsdsaakdk kdkdsak <span style="color: #2B7CD2">&nbsp;&nbsp;&nbsp;&nbsp;免费声明</span></p>
+        </div>
+        <!-- //copyright -->
+    </div>
+</footer>
+<!-- //footer -->
+<!-- order modal -->
+<div style="position: fixed; height: 520px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden !important; overflow-y: hidden !important;"
+     class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
+     aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title text-capitalize" id="exampleModalLabel1">登陆</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <form action="#" method="post" class="p-3">
+                    <div class="form-group">
+                        <label for="recipient-name" class="col-form-label">Your Name</label>
+                        <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name"
+                               required="">
+                    </div>
+                    <div class="form-group">
+                        <label for="recipient-name1" class="col-form-label">Your Email</label>
+                        <input type="email" class="form-control" placeholder=" " name="Name" id="recipient-name1"
+                               required="">
+                    </div>
+                    <div class="form-group">
+                        <label for="recipient-name2" class="col-form-label">Phone</label>
+                        <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name2"
+                               required="">
+                    </div>
+                    <!--<div class="form-group">
+                        <label class="mr-2 col-form-label">Pick Up</label>
+                        <input id="datepicker1" name="check in" type="text" value="mm/dd/yyyy" class="form-control" required="">
+                    </div>
+                    <div class="form-group">
+                        <label class="mr-2 col-form-label">Delivery </label>
+                        <input id="datepicker2" name="check out" type="text" value="mm/dd/yyyy" class="form-control" required="">
+                    </div>
+                    <div class="form-check">
+                        <label class="form-check-label col-form-label" for="l1">
+                            <input type="checkbox" class="form-check-input" value="" id="l1">Wash& Fold
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <label class="form-check-label col-form-label" for="l2">
+                            <input type="checkbox" class="form-check-input" value="" id="l2">Handwash
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <label class="form-check-label col-form-label" id="l3">
+                            <input type="checkbox" class="form-check-input" value="" id="13">Dry Clean
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <label class="form-check-label col-form-label" for="l4">
+                            <input type="checkbox" class="form-check-input" value="" id="l4">Carpets
+                        </label>
+                    </div>
+                    <div class="form-group">
+                        <label for="comment" class="col-form-label">Pickup Address:</label>
+                        <textarea class="form-control" rows="5" id="comment"></textarea>
+                    </div>-->
+
+                    <div class="right-w3l">
+                        <input type="submit" class="form-control" value="pick my laundry">
+                    </div>
+                </form>
+
+            </div>
+        </div>
+    </div>
+</div>
+<!-- //order modal -->
+<!-- js-->
+<script src="{$Think.HOME_SITE_ROOT}/js/jquery-2.2.3.min.js"></script>
+<!-- js-->
+<!-- Banner text Responsiveslides -->
+<script src="{$Think.HOME_SITE_ROOT}/js/responsiveslides.min.js"></script>
+<script type="text/javascript">
+    //创建和初始化地图函数：
+    function initMap() {
+        createMap();//创建地图
+        setMapEvent();//设置地图事件
+        addMapControl();//向地图添加控件
+    }
+
+    //创建地图函数：
+    function createMap() {
+        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
+        var point = new BMap.Point(104.070632, 30.588746);//定义一个中心点坐标
+        map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
+        window.map = map;//将map变量存储在全局
+    }
+
+    //地图事件设置函数：
+    function setMapEvent() {
+        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
+        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
+        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
+        map.enableKeyboard();//启用键盘上下左右键移动地图
+    }
+
+    //地图控件添加函数：
+    function addMapControl() {
+        //向地图中添加缩放控件
+        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
+        map.addControl(ctrl_nav);
+        //向地图中添加缩略图控件
+        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
+        map.addControl(ctrl_ove);
+        //向地图中添加比例尺控件
+        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
+        map.addControl(ctrl_sca);
+    }
+
+
+    initMap();//创建和初始化地图
+</script>
+<script>
+
+
+    function move(id) {
+        const imgText = 'team-img-text-' + id;
+        const teamTitle = 'team-title-' + id;
+        const teamEn = 'team-en-' + id;
+        const teamLine = 'team-line-' + id;
+        /*$("#"+imgText).stop().fadeTo("slow", 1.5, function () {
+         $(this).css("display", "block");
+         });*/
+        document.getElementById(imgText).style.display = 'block';
+        document.getElementById(teamTitle).style.color = '#27A6E8';
+        document.getElementById(teamEn).style.color = '#27A6E8';
+        document.getElementById(teamLine).style = 'border-bottom: 1px solid #27A6E8';
+    }
+
+    function moveOut(id) {
+        const imgText = 'team-img-text-' + id;
+        const teamTitle = 'team-title-' + id;
+        const teamEn = 'team-en-' + id;
+        const teamLine = 'team-line-' + id;
+        document.getElementById(imgText).style.display = 'none';
+        document.getElementById(teamTitle).style.color = '#111';
+        document.getElementById(teamEn).style.color = '#111';
+        document.getElementById(teamLine).style = 'border-bottom: 1px solid #111';
+    }
+
+    // You can also use "$(window).load(function() {"
+    $(function () {
+        // Slideshow 4
+        $("#slider3").responsiveSlides({
+            auto: true,
+            pager: true,
+            nav: false,
+            speed: 500,
+            namespace: "callbacks",
+            before: function () {
+                $('.events').append("<li>before event fired.</li>");
+            },
+            after: function () {
+                $('.events').append("<li>after event fired.</li>");
+            }
+        });
+
+    });
+</script>
+<!-- //Banner text  Responsiveslides -->
+<!-- start-smooth-scrolling -->
+<script src="{$Think.HOME_SITE_ROOT}/js/move-top.js "></script>
+<script src="{$Think.HOME_SITE_ROOT}/js/easing.js "></script>
+<script>
+    jQuery(document).ready(function ($) {
+        $(".scroll ").click(function (event) {
+            event.preventDefault();
+
+            $('html,body').animate({
+                scrollTop: $(this.hash).offset().top
+            }, 1000);
+        });
+    });
+</script>
+<!-- //end-smooth-scrolling -->
+<!-- smooth-scrolling-of-move-up -->
+<script>
+    $(document).ready(function () {
+        /*
+         var defaults = {
+         containerID: 'toTop', // fading element id
+         containerHoverID: 'toTopHover', // fading element hover id
+         scrollSpeed: 1200,
+         easingType: 'linear'
+         };
+         */
+
+        $().UItoTop({
+            easingType: 'easeOutQuart'
+        });
+
+    });
+</script>
+<script src="{$Think.HOME_SITE_ROOT}/js/SmoothScroll.min.js "></script>
+<!-- //smooth-scrolling-of-move-up -->
+<!-- gallery swipebox -->
+<script src="{$Think.HOME_SITE_ROOT}/js/jquery.swipebox.min.js"></script>
+<script>
+    jQuery(function ($) {
+        $(".swipebox").swipebox();
+    });
+</script>
+<script src="{$Think.HOME_SITE_ROOT}/js/jquery.adipoli.min.js"></script>
+<!-- effect -->
+<script>
+    $(function () {
+        $('.row2').adipoli({
+            'startEffect': 'overlay',
+            'hoverEffect': 'sliceDown'
+        });
+    });
+</script>
+<!-- //swipe box js -->
+<!-- stats counter -->
+<script src="{$Think.HOME_SITE_ROOT}/js/counter.js"></script>
+<!-- Date picker -->
+<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/jquery-ui.css"/>
+<script src="{$Think.HOME_SITE_ROOT}/js/jquery-ui.js"></script>
+<script>
+    $(function () {
+        $("#datepicker1,#datepicker2").datepicker();
+    });
+</script>
+<!-- // Date picker -->
+<!-- testimonials -->
+<link href="{$Think.HOME_SITE_ROOT}/css/owl.carousel.css" rel="stylesheet">
+<script src="{$Think.HOME_SITE_ROOT}/js/owl.carousel.js"></script>
+<script>
+    $(document).ready(function () {
+        $("#owl-demo").owlCarousel({
+            items: 1,
+            lazyLoad: true,
+            autoPlay: false,
+            navigation: true,
+            navigationText: true,
+            pagination: true,
+        });
+    });
+</script>
+<!-- //for testimonials slider-js-script-->
+<!-- Bootstrap Core JavaScript -->
+<script src="{$Think.HOME_SITE_ROOT}/js/bootstrap.js ">
+</script>
+<!-- //Bootstrap Core JavaScript -->
+</body>
+
+</html>

application/home/view/layout/header.html

@@ -0,0 +1,110 @@
+<!DOCTYPE HTML>
+<html lang="zxx">
+
+<head>
+    <title>AQM</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8">
+    <meta name="keywords" content=""/>
+    <link rel="SHORTCUT ICON" href="{$Think.HOME_SITE_ROOT}/images/LOGO.png"/>
+    <!--引用百度地图API-->
+    <style type="text/css">
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        .iw_poi_title {
+            color: #CC5522;
+            font-size: 14px;
+            font-weight: bold;
+            overflow: hidden;
+            padding-right: 13px;
+            white-space: nowrap
+        }
+
+        .iw_poi_content {
+            font: 12px arial, sans-serif;
+            overflow: visible;
+            padding-top: 4px;
+            white-space: -moz-pre-wrap;
+            word-wrap: break-word
+        }
+    </style>
+    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
+    <script>
+        addEventListener("load", function () {
+            setTimeout(hideURLbar, 0);
+        }, false);
+
+        function hideURLbar() {
+            window.scrollTo(0, 1);
+        }
+    </script>
+
+    <!-- Bootstrap Core CSS -->
+    <link href="{$Think.HOME_SITE_ROOT}/css/bootstrap.css" rel='stylesheet' type='text/css'/>
+    <!-- gallery css -->
+    <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/swipebox.css">
+    <!-- Custom CSS -->
+    <link href="{$Think.HOME_SITE_ROOT}/css/style.css" rel='stylesheet' type='text/css'/>
+    <!-- font-awesome icons -->
+    <link href="{$Think.HOME_SITE_ROOT}/css/fontawesome-all.min.css" rel="stylesheet">
+    <!-- //Custom Theme files -->
+    <!--webfonts-->
+    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
+          rel="stylesheet">
+    <!--//webfonts-->
+</head>
+
+<body>
+<!-- header -->
+<!--<header style="position: fixed; width: 100%; background: #111; opacity: 0.8;">-->
+<header style="width: 100%; background: #010101;">
+    <div class="container" style="height: 30px; line-height: 1;">
+        <nav class="navbar navbar-expand-lg navbar-light" style="display: flex; justify-content: flex-end;">
+            <a class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
+               aria-pressed="false" data-target="#exampleModal"
+               style="cursor: pointer; color: #fff; font-weight: 500 !important;">
+                注册
+            </a>
+            <a class="btn-lg-block w3ls-btn px-4 text-uppercase font-weight-bold" data-toggle="modal"
+               aria-pressed="false" data-target="#exampleModal"
+               style="cursor: pointer; color: #fff; font-weight: 500 !important;">
+                登陆
+            </a>
+        </nav>
+    </div>
+    <div style="border-bottom: 1px solid  #505050;"></div>
+    <div class="container" style="height: 40px; line-height: 0.8;">
+        <nav class="navbar navbar-expand-lg navbar-light">
+            <a class="navbar-brand" style="color: #fff; font-weight: 800;" href="index.html">
+                ANQUANMAO
+            </a>
+            <button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse"
+                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav mx-auto text-center" style="margin-right: 0 !important;">
+                    <li class="nav-item  mr-3">
+                        <a class="nav-link" href="{:url('home/index/index')}">首页</a>
+                    </li>
+                    <li class="nav-item  mr-3">
+                        <a class="nav-link active" href="{:url('home/product/product')}">产品与服务</a>
+                    </li>
+                    <li class="nav-item dropdown mr-3">
+                        <a class="nav-link" href="{:url('home/about/about')}">关于我们</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{:url('home/contact/contact')}">联系我们</a>
+                    </li>
+                </ul>
+            </div>
+        </nav>
+    </div>
+    <div style="border-bottom: 1px solid  #505050;"></div>
+</header>
+<!-- //header -->

application/home/view/product/details.html

@@ -0,0 +1,27 @@
+{include file="layout/header" /}
+<!-- banner -->
+<div class="product-details-banner">
+    <div class="container">
+        <div>
+            <div class="">
+                <ul class="rslides">
+                    <li>
+                        <div class="slider-info" style="text-align: left !important;">
+                            <p style="font-size: 2.8vw; margin-left: 170px">
+                                数据分析
+                            </p>
+                            <p style="font-size: 1vw; text-align: center;">
+                                提供全球约150个国家和地区的篮球赛事赛程赛果、实时比分、比赛事件。覆盖500+不同赛事、6,000+球队 <br>
+                                的一手赛况数据；用户无需守在电视直播前，即可快速了解多场篮球比赛的实时赛况、比赛结果等信息。
+                            </p>
+                            <button>
+                                立即选购
+                            </button>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+{include file="layout/footer" /}

application/home/view/product/product.html

@@ -0,0 +1,39 @@
+{include file="layout/header" /}
+<!-- banner -->
+<div class="product-banner">
+    <div class="container">
+        <ul class="rslides">
+            <li>
+                <div class="slider-info" style="text-align: left !important; margin-top: 7%" >
+                    <p style="font-size: 2.3vw; text-align: center; line-height:2px">
+                        足球数据
+                    </p>
+                    <p style="font-size: 1vw; text-align: center; margin-bottom:3%">
+                        football data
+                    </p>
+                    <div class="product-banner-button">
+                        <button type="button" style="border:1px solid rgb(91, 120, 249); background-color: rgb(91, 120, 249)">
+                            免费使用
+                        </button>
+                        <button type="button" style = "background-color: transparent; border: 1px solid ;">
+                            购买咨询
+                        </button>
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>
+
+<div>
+    <div>
+        <p>产品服务</p>
+        <ul style="line-height: 1.8;">
+            <li>足球数据</li>
+            <li>篮球数据</li>
+            <li>网球数据</li>
+            <li>棒球数据</li>
+        </ul>
+    </div>
+</div>
+{include file="layout/footer" /}

public/static/home/css/style.css

@@ -36,7 +36,9 @@ ul {
     margin: 0;
     padding: 0;
 }
-
+button{
+    cursor:pointer;
+}
 li {
     list-style-type: none;
 }
@@ -115,8 +117,80 @@ header h1 a span {
     margin: 0 auto;
 }
 
-/*-- text Slider --*/
+/*-- product --*/
+.product-banner {
+    background: url(../images/product.png)no-repeat;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    -ms-background-size: cover;
+    background-size: cover;
+    height: 20vw;
+}
+
+.product-banner-button{
+    margin:0 auto;
+    text-align: center;
+}
+
+.product-banner button{
+    color: #fff;
+    outline:none;
+    font-size: 1.5vw;
+    margin-left: 20px;
+    border-radius:5px;            /* W3C syntax */
+}
+
+.product-details-banner {
+    background: url(../images/product_details.png)no-repeat;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    -ms-background-size: cover;
+    background-size: cover;
+    height: 20vw;
+}
 
+.product-details-banner button {
+    background-color:rgb(57, 57, 56);
+    color: #fff;
+    outline:none;
+    font-size: 1.5vw;
+    margin-left:75%;
+}
+
+.about-banner{
+    background: url(../images/about.png)no-repeat;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    -ms-background-size: cover;
+    background-size: cover;
+    height: 20vw;          /* W3C syntax */
+}
+.contact-banner {
+    background: url(../images/contact.png)no-repeat;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    -ms-background-size: cover;
+    background-size: cover;
+    height: 20vw;          /* W3C syntax */
+}
+.consult{
+    margin-top:20px;
+    margin-bottom: 80px;
+    text-align: center;
+}
+
+.contact-tb{
+    width: 75px;
+    height: 75px;
+    background: url(../images/contact1.png)no-repeat;
+    background-size:100%;
+}
+
+/*-- text Slider --*/
 #slider {
     box-shadow: none;
     -moz-box-shadow: none;