|
|
@@ -2,772 +2,847 @@
|
|
|
<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="" />
|
|
|
+ <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="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}
|
|
|
+ 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);
|
|
|
+ <script>
|
|
|
+ addEventListener("load", function () {
|
|
|
+ setTimeout(hideURLbar, 0);
|
|
|
+ }, false);
|
|
|
|
|
|
- function hideURLbar() {
|
|
|
- window.scrollTo(0, 1);
|
|
|
- }
|
|
|
- </script>
|
|
|
+ function hideURLbar() {
|
|
|
+ window.scrollTo(0, 1);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
|
|
|
- <!-- Bootstrap Core CSS -->
|
|
|
- <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
|
|
|
- <!-- gallery css -->
|
|
|
- <link rel="stylesheet" href="css/swipebox.css">
|
|
|
- <!-- Custom CSS -->
|
|
|
- <link href="css/style.css" rel='stylesheet' type='text/css' />
|
|
|
- <!-- font-awesome icons -->
|
|
|
- <link href="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-->
|
|
|
+ <!-- Bootstrap Core CSS -->
|
|
|
+ <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
|
|
|
+ <!-- gallery css -->
|
|
|
+ <link rel="stylesheet" href="css/swipebox.css">
|
|
|
+ <!-- Custom CSS -->
|
|
|
+ <link href="css/style.css" rel='stylesheet' type='text/css'/>
|
|
|
+ <!-- font-awesome icons -->
|
|
|
+ <link href="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: 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>
|
|
|
+<!-- 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 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: 1px solid #505050;"></div>
|
|
|
- </header>
|
|
|
- <!-- //header -->
|
|
|
- <!-- banner -->
|
|
|
- <div class="banner" id="home">
|
|
|
- <div class="container">
|
|
|
- <div class="banner-text-new text-center">
|
|
|
- <div class="callbacks_container">
|
|
|
- <ul class="rslides" id="slider3">
|
|
|
- <li>
|
|
|
- <div class="slider-info" style="text-align: left !important;">
|
|
|
- <p style="font-size: 30px;">全球足球/篮球/网球</p>
|
|
|
- <p style="font-size: 30px;">赛事数据覆盖</p>
|
|
|
- <p style="font-size: 45px; border-bottom: 5px solid; width: 300px; font-size: 30px; color: #00DDB4;">SPECIALITY</p>
|
|
|
- <p>200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="slider-info" style="text-align: left !important;">
|
|
|
- <p style="font-size: 30px;">全球足球/篮球/网球</p>
|
|
|
- <p style="font-size: 30px;">赛事数据覆盖</p>
|
|
|
- <p style="font-size: 45px; border-bottom: 5px solid; width: 300px; font-size: 30px; color: #00DDB4;">SPECIALITY</p>
|
|
|
- <p>200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="slider-info" style="text-align: left !important;">
|
|
|
- <p style="font-size: 30px;">全球足球/篮球/网球</p>
|
|
|
- <p style="font-size: 30px;">赛事数据覆盖</p>
|
|
|
- <p style="font-size: 45px; border-bottom: 5px solid; width: 300px; font-size: 30px; color: #00DDB4;">SPECIALITY</p>
|
|
|
- <p>200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //banner -->
|
|
|
- <!-- about -->
|
|
|
- <!--<section class="about-w3ls" id="about">
|
|
|
- <div class="container">
|
|
|
- <div class="jumbotron text-center pt-0">
|
|
|
- <!–<img src="images/about.jpg" alt="" class="img-fluid rounded-circle">–>
|
|
|
- <h1 class="ab-title my-5">我们的服务</h1>
|
|
|
- <h2 class="lead">Donec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus at, semper varius orci. Nulla accumsan
|
|
|
- ac elit in congue.</h2>
|
|
|
- <hr class="my-4">
|
|
|
- <p>rerum hic tenetur a sapiente delectus reiciendis maiores alias consequatur aut consequat sapien ut leo cursus rhoncus.
|
|
|
- Nullam dui mi, vulputate ac metus .</p>
|
|
|
- <p class="lead">
|
|
|
- <a class="btn btn-primary btn-lg mt-3 scroll" href="#services" role="button">Learn more</a>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>-->
|
|
|
- <!-- //about -->
|
|
|
- <!--services-->
|
|
|
- <div class="agileits-services py-md-5 py-3" id="services">
|
|
|
- <div class="container">
|
|
|
- <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">我们的服务<p style="font-size: 12px;">Our Waiter<p></h3>
|
|
|
- <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>
|
|
|
- <img src="images/immediate.png">
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-md-6 agileits-services-grids mt-md-0 mt-3" style="background: #EE6AFF;">
|
|
|
- <h4 style=" color: #fff" class="mt-2 mb-3">足球资料库</h4>
|
|
|
- <p style=" color: #fff">超过2600+不同赛事、37000+不同 球队的详细资料和数据统计</p>
|
|
|
- <img src="images/database.png">
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="col-lg-3 col-md-6 agileits-services-grids mt-lg-0 mt-3" style="background: #FF7070;">
|
|
|
- <h4 style=" color: #fff" class="mt-2 mb-3">动画直播</h4>
|
|
|
- <p style=" color: #fff">2D、3D动画直播 直播最快速度洞悉 比赛走向</p>
|
|
|
- <img src="images/animation.png">
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-md-6 agileits-services-grids mt-lg-0 mt-3" style="background: #FFD656;">
|
|
|
- <h4 style=" color: #fff" class="mt-2 mb-3">正式上线</h4>
|
|
|
- <p style=" color: #fff">数据创造价值为客户提供多维度的体 育资讯数据的产品解决方案</p>
|
|
|
- <img src="images/online.png">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- team -->
|
|
|
- <section class="wthree-row py-5" id="team">
|
|
|
- <div class="container py-md-5 py-3">
|
|
|
- <div class="py-md-5 py-3 bg-pricemain text-center">
|
|
|
- <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">
|
|
|
- 解决方案<p style="font-size: 12px;">The Solution
|
|
|
- <p></h3>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-3 col-sm-6 team-grids">
|
|
|
- <div class="team-effect">
|
|
|
- <img src="images/t1.png" alt="img" class="img-responsive">
|
|
|
- <div style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(50, 50, 50, 0.7); color: #fff; padding: 65px 30px 30px 30px; font-size: 13px;">
|
|
|
- 提供所有热门赛事实时数据及详实 的球员数据，细化到能力评分、技 术特点、擅长位置；全面的球队数 据，覆盖到场馆教练、球员转会、 荣誉、伤停信息；以及重点赛事全
|
|
|
- 覆盖的积分榜、射手榜、助攻榜； 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- team text -->
|
|
|
- <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
- <h4 style="color: #27A6E8">体育资讯解决方案</h4>
|
|
|
- <p style="color: #27A6E8">Sports information</p>
|
|
|
- <div style="border: 1px solid #27A6E8; width: 50px; margin: auto; margin-top: auto; margin-top: 30px; margin-bottom: 30px"></div>
|
|
|
- </div>
|
|
|
- <!-- //team text -->
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-sm-6 team-grids mt-sm-0 mt-5">
|
|
|
- <!-- team text -->
|
|
|
- <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
- <h4 style="color: #111">比分数据解决方案</h4>
|
|
|
- <p style="color: #111">Live scores & Sports data</p>
|
|
|
- <div style="border: 1px solid; width: 50px; margin: auto; margin-top: auto; margin-top: 30px; margin-bottom: 30px"></div>
|
|
|
- </div>
|
|
|
- <!-- //team text -->
|
|
|
- <div class="team-effect">
|
|
|
- <img src="images/t3.png" alt="img" class="img-responsive">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
|
|
|
- <div class="team-effect">
|
|
|
- <img src="images/t2.png" alt="img" class="img-responsive">
|
|
|
- </div>
|
|
|
- <!-- team text -->
|
|
|
- <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
- <h4 style="color: #111">虚拟竞猜解决方案</h4>
|
|
|
- <p style="color: #111">Simulation contest</p>
|
|
|
- <div style="border: 1px solid; width: 50px; margin: auto; margin-top: auto; margin-top: 30px; margin-bottom: 30px"></div>
|
|
|
- </div>
|
|
|
- <!-- //team text -->
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
|
|
|
- <!-- team text -->
|
|
|
- <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
- <h4 style="color: #111">彩票产品解决方案</h4>
|
|
|
- <p style="color: #111">Lottery products</p>
|
|
|
- <div style="border: 1px solid; width: 50px; margin: auto; margin-top: auto; margin-top: 30px; margin-bottom: 30px"></div>
|
|
|
- <!-- //team text -->
|
|
|
- <div class="team-effect">
|
|
|
- <img src="images/t4.png" alt="img" class="img-responsive">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- //services-->
|
|
|
- <!-- stats -->
|
|
|
- <section class="agile_stats text-center py-5" id="about">
|
|
|
- <div class="container pt-sm-5">
|
|
|
- <div class="stats_agile mb-sm-5 mb-3">
|
|
|
- <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #fff; font-weight: 700;">了解我们<p style="font-size: 12px; color: #fff;">Learn More About Our<p></h3>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-3 col-md-6">
|
|
|
- <div class="pt-5 px-3 pb-3">
|
|
|
- <div class="counter-our-number">
|
|
|
- <span style="font-size: 100px">11</span>
|
|
|
- <span style="margin-top: 15px">年</span>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ <div style="border-bottom: 1px solid #505050;"></div>
|
|
|
+</header>
|
|
|
+<!-- //header -->
|
|
|
+<!-- banner -->
|
|
|
+<div class="banner" id="home">
|
|
|
+ <div class="container">
|
|
|
+ <div class="text-center">
|
|
|
+ <div class="callbacks_container" style="min-height: 320px; height: 32vw;">
|
|
|
+ <ul class="rslides" id="slider3">
|
|
|
+ <li>
|
|
|
+ <div class="slider-info" style="text-align: left !important;">
|
|
|
+ <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
|
|
|
+ <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
|
|
|
+ <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
|
|
|
+ SPECIALITY</p>
|
|
|
+ <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
|
|
|
</div>
|
|
|
- <p class="count-text text-capitalize" style="color: #FF91A2">11年互联网技术的革新</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3">
|
|
|
- <div class="pt-5 px-3 pb-3">
|
|
|
- <div class="counter-our-number">
|
|
|
- <span style="font-size: 100px">150</span>
|
|
|
- <span style="margin-top: 15px">名</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="slider-info" style="text-align: left !important;">
|
|
|
+ <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
|
|
|
+ <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
|
|
|
+ <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
|
|
|
+ SPECIALITY</p>
|
|
|
+ <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
|
|
|
</div>
|
|
|
- <p class="count-text text-capitalize" style="color: #FF91A2">150名有激情的思想的队友</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
|
|
|
- <div class="pt-5 px-3 pb-3">
|
|
|
- <div class="counter-our-number">
|
|
|
- <span style="font-size: 100px">4</span>
|
|
|
- <span style="margin-top: 15px">大</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="slider-info" style="text-align: left !important;">
|
|
|
+ <p style="font-size: 2.8vw;">全球足球/篮球/网球</p>
|
|
|
+ <p style="font-size: 2.8vw; margin-top: -20px;">赛事数据覆盖</p>
|
|
|
+ <p style="font-size: 4vw; color: #00DDB4; margin-top: -20px; text-decoration:underline">
|
|
|
+ SPECIALITY</p>
|
|
|
+ <p style="font-size: 1vw; margin-top: -20px;">200+国家和地区/2600+足球赛事/500+篮球赛事 </p>
|
|
|
</div>
|
|
|
- <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
|
|
|
- <div class="pt-5 px-3 pb-3">
|
|
|
- <div class="counter-our-number"><span style="font-size: 100px">800+</span></div>
|
|
|
- <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- //banner -->
|
|
|
+<!-- about -->
|
|
|
+<!--<section class="about-w3ls" id="about">
|
|
|
+ <div class="container">
|
|
|
+ <div class="jumbotron text-center pt-0">
|
|
|
+ <!–<img src="images/about.jpg" alt="" class="img-fluid rounded-circle">–>
|
|
|
+ <h1 class="ab-title my-5">我们的服务</h1>
|
|
|
+ <h2 class="lead">Donec consequat sapien ut leo cursus rhoncus. Nullam dui mi, vulputate ac metus at, semper varius orci. Nulla accumsan
|
|
|
+ ac elit in congue.</h2>
|
|
|
+ <hr class="my-4">
|
|
|
+ <p>rerum hic tenetur a sapiente delectus reiciendis maiores alias consequatur aut consequat sapien ut leo cursus rhoncus.
|
|
|
+ Nullam dui mi, vulputate ac metus .</p>
|
|
|
+ <p class="lead">
|
|
|
+ <a class="btn btn-primary btn-lg mt-3 scroll" href="#services" role="button">Learn more</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>-->
|
|
|
+<!-- //about -->
|
|
|
+<!--services-->
|
|
|
+<div class="agileits-services py-md-5 py-3" id="services">
|
|
|
+ <div class="container">
|
|
|
+ <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">我们的服务<p
|
|
|
+ style="font-size: 12px;">Our Waiter
|
|
|
+ <p></h3>
|
|
|
+ <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>
|
|
|
+ <img src="images/immediate.png">
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-6 agileits-services-grids mt-md-0 mt-3" style="background: #EE6AFF;">
|
|
|
+ <h4 style=" color: #fff" class="mt-2 mb-3">足球资料库</h4>
|
|
|
+ <p style=" color: #fff">超过2600+不同赛事、37000+不同 球队的详细资料和数据统计</p>
|
|
|
+ <img src="images/database.png">
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- //stats -->
|
|
|
- <!-- //team -->
|
|
|
- <!--<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>-->
|
|
|
- <!-- gallery -->
|
|
|
- <!--<div class="gallery py-md-5 py-3" id="gallery">
|
|
|
- <div class="container">
|
|
|
- <h3 class="w3ls-title text-center text-capitalize py-md-4 py-3">gallery</h3>
|
|
|
- <div class="gallery_gds row pt-md-5 pt-3">
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g1.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img class="img-responsive img-style row2" src="images/g1.jpg" alt="" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g2.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img src="images/g2.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g3.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img src="images/g3.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="gallery_gds row">
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g4.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
|
|
|
- <img src="images/g4.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g5.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img src="images/g5.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g6.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img src="images/g6.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row pb-md-5 pb-3">
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g7.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
|
|
|
- <img src="images/g7.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g8.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img src="images/g8.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-4 gal-w3l">
|
|
|
- <div class="agileits-img">
|
|
|
- <a href="images/g9.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
|
|
|
- <img src="images/g9.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- <!-- //gallery -->
|
|
|
- <!-- pricing -->
|
|
|
- <section class="wthree-row py-md-5 pt-sm-5" id="pricing">
|
|
|
- <div class="container py-md-5 py-3">
|
|
|
- <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">合作伙伴<p style="font-size: 12px; color: #111;">The Partners<p></h3>
|
|
|
- <div style="text-align: center;">
|
|
|
- <img src="images/partners-1.png" style="width: 22%;">
|
|
|
- <img src="images/partners-2.png" style="width: 22%">
|
|
|
- <img src="images/partners-3.png" style="width: 22%">
|
|
|
- <img src="images/partners-4.png" style="width: 22%">
|
|
|
- <img src="images/partners-5.png" style="width: 22%">
|
|
|
- <img src="images/partners-6.png" style="width: 22%">
|
|
|
- <img src="images/partners-7.png" style="width: 22%">
|
|
|
- <img src="images/partners-8.png" style="width: 22%">
|
|
|
- </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">
|
|
|
- <!– contact form grid –>
|
|
|
- <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>
|
|
|
- <!– //contact form grid ends here –>
|
|
|
- </div>
|
|
|
- <!– contact details –>
|
|
|
- <!– contact map grid –>
|
|
|
- <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>
|
|
|
- <!–//contact map grid ends here–>
|
|
|
- </div>
|
|
|
- <!– //contact details container –>
|
|
|
- </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="images/partners-3.png" style="width: 200px; border-right: 1px solid #707070;">
|
|
|
+ <div class="col-lg-3 col-md-6 agileits-services-grids mt-lg-0 mt-3" style="background: #FF7070;">
|
|
|
+ <h4 style=" color: #fff" class="mt-2 mb-3">动画直播</h4>
|
|
|
+ <p style=" color: #fff">2D、3D动画直播 直播最快速度洞悉 比赛走向</p>
|
|
|
+ <img src="images/animation.png">
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-6 agileits-services-grids mt-lg-0 mt-3" style="background: #FFD656;">
|
|
|
+ <h4 style=" color: #fff" class="mt-2 mb-3">正式上线</h4>
|
|
|
+ <p style=" color: #fff">数据创造价值为客户提供多维度的体 育资讯数据的产品解决方案</p>
|
|
|
+ <img src="images/online.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- team -->
|
|
|
+<section class="wthree-row py-5" id="team">
|
|
|
+ <div class="container py-md-5 py-3">
|
|
|
+ <div class="py-md-5 py-3 bg-pricemain text-center">
|
|
|
+ <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">
|
|
|
+ 解决方案<p style="font-size: 12px;">The Solution
|
|
|
+ <p></h3>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-3 col-sm-6 team-grids">
|
|
|
+ <div class="team-effect" onmouseover="move(1)" onmouseout="moveOut(1)">
|
|
|
+ <img src="images/t1.png" alt="img" class="img-responsive">
|
|
|
+ <div id="team-img-text-1" class="team-img-text" style="display: none">
|
|
|
+ 提供所有热门赛事实时数据及详实 的球员数据，细化到能力评分、技 术特点、擅长位置；全面的球队数 据，覆盖到场馆教练、球员转会、 荣誉、伤停信息；以及重点赛事全
|
|
|
+ 覆盖的积分榜、射手榜、助攻榜； 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- team text -->
|
|
|
+ <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
+ <h4 id="team-title-1" style="color: #111">体育资讯解决方案</h4>
|
|
|
+ <p id="team-en-1" style="color: #111">Sports information</p>
|
|
|
+ <div id="team-line-1" class="team-line" style="border-bottom: 1px solid #111;"></div>
|
|
|
+ </div>
|
|
|
+ <!-- //team text -->
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-sm-6 team-grids mt-sm-0 mt-5">
|
|
|
+ <!-- team text -->
|
|
|
+ <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
+ <h4 id="team-title-2" style="color: #111">比分数据解决方案</h4>
|
|
|
+ <p id="team-en-2" style="color: #111">Live scores & Sports data</p>
|
|
|
+ <div id="team-line-2" class="team-line" style="border-bottom: 1px solid #111;"></div>
|
|
|
+ </div>
|
|
|
+ <!-- //team text -->
|
|
|
+ <div class="team-effect" onmouseover="move(2)" onmouseout="moveOut(2)">
|
|
|
+ <img src="images/t3.png" alt="img" class="img-responsive">
|
|
|
+ <div id="team-img-text-2" class="team-img-text" style="display: none">
|
|
|
+ 提供所有热门赛事实时数据及详实 的球员数据，细化到能力评分、技 术特点、擅长位置；全面的球队数 据，覆盖到场馆教练、球员转会、 荣誉、伤停信息；以及重点赛事全
|
|
|
+ 覆盖的积分榜、射手榜、助攻榜； 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
|
|
|
+ <div class="team-effect" onmouseover="move(3)" onmouseout="moveOut(3)">
|
|
|
+ <img src="images/t2.png" alt="img" class="img-responsive">
|
|
|
+ <div id="team-img-text-3" class="team-img-text" style="display: none">
|
|
|
+ 提供所有热门赛事实时数据及详实 的球员数据，细化到能力评分、技 术特点、擅长位置；全面的球队数 据，覆盖到场馆教练、球员转会、 荣誉、伤停信息；以及重点赛事全
|
|
|
+ 覆盖的积分榜、射手榜、助攻榜； 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
|
|
|
</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>
|
|
|
+ <!-- team text -->
|
|
|
+ <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
+ <h4 id="team-title-3" style="color: #111">虚拟竞猜解决方案</h4>
|
|
|
+ <p id="team-en-3" style="color: #111">Simulation contest</p>
|
|
|
+ <div id="team-line-3" class="team-line" style="border-bottom: 1px solid #111;"></div>
|
|
|
+ </div>
|
|
|
+ <!-- //team text -->
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-sm-6 team-grids mt-lg-0 mt-5">
|
|
|
+ <!-- team text -->
|
|
|
+ <div class="footerv2-w3ls mt-3" style="text-align: center;">
|
|
|
+ <h4 id="team-title-4" style="color: #111">彩票产品解决方案</h4>
|
|
|
+ <p id="team-en-4" style="color: #111">Lottery products</p>
|
|
|
+ <div id="team-line-4" class="team-line" style="border-bottom: 1px solid #111;"></div>
|
|
|
+ <!-- //team text -->
|
|
|
+ <div class="team-effect" onmouseover="move(4)" onmouseout="moveOut(4)">
|
|
|
+ <img src="images/t4.png" alt="img" class="img-responsive">
|
|
|
+ <div id="team-img-text-4" class="team-img-text" style="display: none">
|
|
|
+ 提供所有热门赛事实时数据及详实 的球员数据，细化到能力评分、技 术特点、擅长位置；全面的球队数 据，覆盖到场馆教练、球员转会、 荣誉、伤停信息；以及重点赛事全
|
|
|
+ 覆盖的积分榜、射手榜、助攻榜； 更有球队球员跑动距离、射门、过 人、拦截、犯规、扑救等深度数据 统计。
|
|
|
</div>
|
|
|
- <div style="margin-top: 5px; font-family: initial;">
|
|
|
- <span style="color: #fff">邮箱：</span>
|
|
|
- <span style="color: #fff">jdasd@jmdnas.com</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+<!-- //services-->
|
|
|
+<!-- stats -->
|
|
|
+<section class="agile_stats text-center py-5" id="about">
|
|
|
+ <div class="container pt-sm-5">
|
|
|
+ <div class="stats_agile mb-sm-5 mb-3">
|
|
|
+ <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #fff; font-weight: 700;">了解我们
|
|
|
+ <p style="font-size: 12px; color: #fff;">Learn More About Our
|
|
|
+ <p></h3>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-3 col-md-6">
|
|
|
+ <div class="pt-5 px-3 pb-3">
|
|
|
+ <div class="counter-our-number">
|
|
|
+ <span style="font-size: 80px">11</span>
|
|
|
+ <span style="margin-top: 15px">年</span>
|
|
|
+ </div>
|
|
|
+ <p class="count-text text-capitalize" style="color: #FF91A2">11年互联网技术的革新</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-6 mt-md-0 mt-sm-5 mt-3">
|
|
|
+ <div class="pt-5 px-3 pb-3">
|
|
|
+ <div class="counter-our-number">
|
|
|
+ <span style="font-size: 80px">150</span>
|
|
|
+ <span style="margin-top: 15px">名</span>
|
|
|
+ </div>
|
|
|
+ <p class="count-text text-capitalize" style="color: #FF91A2">150名有激情的思想的队友</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
|
|
|
+ <div class="pt-5 px-3 pb-3">
|
|
|
+ <div class="counter-our-number">
|
|
|
+ <span style="font-size: 80px">4</span>
|
|
|
+ <span style="margin-top: 15px">大</span>
|
|
|
+ </div>
|
|
|
+ <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-3 col-md-6 mt-lg-0 mt-sm-5 mt-3">
|
|
|
+ <div class="pt-5 px-3 pb-3">
|
|
|
+ <div class="counter-our-number"><span style="font-size: 80px">800+</span></div>
|
|
|
+ <p class="count-text text-capitalize" style="color: #FF91A2">4大业务体系整合开发</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- //stats -->
|
|
|
+<!-- //team -->
|
|
|
+<!--<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>-->
|
|
|
+<!-- gallery -->
|
|
|
+<!--<div class="gallery py-md-5 py-3" id="gallery">
|
|
|
+ <div class="container">
|
|
|
+ <h3 class="w3ls-title text-center text-capitalize py-md-4 py-3">gallery</h3>
|
|
|
+ <div class="gallery_gds row pt-md-5 pt-3">
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g1.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img class="img-responsive img-style row2" src="images/g1.jpg" alt="" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g2.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img src="images/g2.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g3.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img src="images/g3.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="gallery_gds row">
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g4.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
|
|
|
+ <img src="images/g4.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g5.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img src="images/g5.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g6.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img src="images/g6.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row pb-md-5 pb-3">
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g7.jpg" class="swipebox" title="Praesent non purus fermentum, eleifend velit non Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis.">
|
|
|
+ <img src="images/g7.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g8.jpg" class="swipebox" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis maximus tortor diam, ac lobortis justo rutrum quis. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img src="images/g8.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-4 gal-w3l">
|
|
|
+ <div class="agileits-img">
|
|
|
+ <a href="images/g9.jpg" class="swipebox" title="Duis maximus tortor diam, ac lobortis justo rutrum quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non purus fermentum, eleifend velit non">
|
|
|
+ <img src="images/g9.jpg" alt="" class="img-responsive img-style row2" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>-->
|
|
|
+<!-- //gallery -->
|
|
|
+<!-- pricing -->
|
|
|
+<section class="wthree-row py-md-5 pt-sm-5" id="pricing">
|
|
|
+ <div class="container py-md-5 py-3">
|
|
|
+ <h3 class="w3ls-title text-center text-capitalize pb-md-5 pb-4" style=" color: #111; font-weight: 700;">合作伙伴<p
|
|
|
+ style="font-size: 12px; color: #111;">The Partners
|
|
|
+ <p></h3>
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <img src="images/partners-1.png" style="width: 22%;">
|
|
|
+ <img src="images/partners-2.png" style="width: 22%">
|
|
|
+ <img src="images/partners-3.png" style="width: 22%">
|
|
|
+ <img src="images/partners-4.png" style="width: 22%">
|
|
|
+ <img src="images/partners-5.png" style="width: 22%">
|
|
|
+ <img src="images/partners-6.png" style="width: 22%">
|
|
|
+ <img src="images/partners-7.png" style="width: 22%">
|
|
|
+ <img src="images/partners-8.png" style="width: 22%">
|
|
|
+ </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 style="margin-top: 5px; font-family: initial;">
|
|
|
- <span style="color: #fff">QQ：</span>
|
|
|
- <span style="color: #fff">817272823</span>
|
|
|
+ <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 style="margin-top: 5px; font-family: initial;">
|
|
|
- <span style="color: #fff">地址：</span>
|
|
|
- <span style="color: #fff">成都市</span>
|
|
|
+ </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 style="width:500px;height:200px;border:#ccc solid 1px;" id="dituContent"></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">
|
|
|
+ <!– contact form grid –>
|
|
|
+ <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>
|
|
|
- </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;">成都市的打卡的有限公司 上海虹口区东岸大拉独立192号</p>
|
|
|
- <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证：<span style="color: #2B7CD2">川B2-99329239 川A4-3821883</span> kdjad@2921 jdasjdsdsaakdk kdkdsak <span style="color: #2B7CD2"> 免费声明</span></p>
|
|
|
+ <!– //contact form grid ends here –>
|
|
|
</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">×</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>-->
|
|
|
+ <!– contact details –>
|
|
|
+ <!– contact map grid –>
|
|
|
+ <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>
|
|
|
+ <!–//contact map grid ends here–>
|
|
|
+ </div>
|
|
|
+ <!– //contact details container –>
|
|
|
+ </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="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;">成都市的打卡的有限公司 上海虹口区东岸大拉独立192号</p>
|
|
|
+ <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证：<span
|
|
|
+ style="color: #2B7CD2">川B2-99329239 川A4-3821883</span> kdjad@2921
|
|
|
+ jdasjdsdsaakdk kdkdsak <span style="color: #2B7CD2"> 免费声明</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">×</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 class="right-w3l">
|
|
|
+ <input type="submit" class="form-control" value="pick my laundry">
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //order modal -->
|
|
|
- <!-- js-->
|
|
|
- <script src="js/jquery-2.2.3.min.js"></script>
|
|
|
- <!-- js-->
|
|
|
- <!-- Banner text Responsiveslides -->
|
|
|
- <script src="js/responsiveslides.min.js"></script>
|
|
|
- <script type="text/javascript">
|
|
|
- //创建和初始化地图函数：
|
|
|
- function initMap(){
|
|
|
- createMap();//创建地图
|
|
|
- setMapEvent();//设置地图事件
|
|
|
- addMapControl();//向地图添加控件
|
|
|
- }
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- //order modal -->
|
|
|
+<!-- js-->
|
|
|
+<script src="js/jquery-2.2.3.min.js"></script>
|
|
|
+<!-- js-->
|
|
|
+<!-- Banner text Responsiveslides -->
|
|
|
+<script src="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 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 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);
|
|
|
- }
|
|
|
+ //地图控件添加函数：
|
|
|
+ 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>
|
|
|
- // 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>");
|
|
|
- }
|
|
|
- });
|
|
|
+ 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="js/move-top.js "></script>
|
|
|
- <script src="js/easing.js "></script>
|
|
|
- <script>
|
|
|
- jQuery(document).ready(function ($) {
|
|
|
- $(".scroll ").click(function (event) {
|
|
|
- event.preventDefault();
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- //Banner text Responsiveslides -->
|
|
|
+<!-- start-smooth-scrolling -->
|
|
|
+<script src="js/move-top.js "></script>
|
|
|
+<script src="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'
|
|
|
- };
|
|
|
- */
|
|
|
+ $('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'
|
|
|
- });
|
|
|
+ $().UItoTop({
|
|
|
+ easingType: 'easeOutQuart'
|
|
|
+ });
|
|
|
|
|
|
- });
|
|
|
- </script>
|
|
|
- <script src="js/SmoothScroll.min.js "></script>
|
|
|
- <!-- //smooth-scrolling-of-move-up -->
|
|
|
- <!-- gallery swipebox -->
|
|
|
- <script src="js/jquery.swipebox.min.js"></script>
|
|
|
- <script>
|
|
|
- jQuery(function ($) {
|
|
|
- $(".swipebox").swipebox();
|
|
|
- });
|
|
|
- </script>
|
|
|
- <script src="js/jquery.adipoli.min.js"></script>
|
|
|
- <!-- effect -->
|
|
|
- <script>
|
|
|
- $(function () {
|
|
|
- $('.row2').adipoli({
|
|
|
- 'startEffect': 'overlay',
|
|
|
- 'hoverEffect': 'sliceDown'
|
|
|
- });
|
|
|
- });
|
|
|
- </script>
|
|
|
- <!-- //swipe box js -->
|
|
|
- <!-- stats counter -->
|
|
|
- <script src="js/counter.js"></script>
|
|
|
- <!-- Date picker -->
|
|
|
- <link rel="stylesheet" href="css/jquery-ui.css" />
|
|
|
- <script src="js/jquery-ui.js"></script>
|
|
|
- <script>
|
|
|
- $(function () {
|
|
|
- $("#datepicker1,#datepicker2").datepicker();
|
|
|
- });
|
|
|
- </script>
|
|
|
- <!-- // Date picker -->
|
|
|
- <!-- testimonials -->
|
|
|
- <link href="css/owl.carousel.css" rel="stylesheet">
|
|
|
- <script src="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="js/bootstrap.js ">
|
|
|
- </script>
|
|
|
- <!-- //Bootstrap Core JavaScript -->
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<script src="js/SmoothScroll.min.js "></script>
|
|
|
+<!-- //smooth-scrolling-of-move-up -->
|
|
|
+<!-- gallery swipebox -->
|
|
|
+<script src="js/jquery.swipebox.min.js"></script>
|
|
|
+<script>
|
|
|
+ jQuery(function ($) {
|
|
|
+ $(".swipebox").swipebox();
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<script src="js/jquery.adipoli.min.js"></script>
|
|
|
+<!-- effect -->
|
|
|
+<script>
|
|
|
+ $(function () {
|
|
|
+ $('.row2').adipoli({
|
|
|
+ 'startEffect': 'overlay',
|
|
|
+ 'hoverEffect': 'sliceDown'
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- //swipe box js -->
|
|
|
+<!-- stats counter -->
|
|
|
+<script src="js/counter.js"></script>
|
|
|
+<!-- Date picker -->
|
|
|
+<link rel="stylesheet" href="css/jquery-ui.css"/>
|
|
|
+<script src="js/jquery-ui.js"></script>
|
|
|
+<script>
|
|
|
+ $(function () {
|
|
|
+ $("#datepicker1,#datepicker2").datepicker();
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- // Date picker -->
|
|
|
+<!-- testimonials -->
|
|
|
+<link href="css/owl.carousel.css" rel="stylesheet">
|
|
|
+<script src="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="js/bootstrap.js ">
|
|
|
+</script>
|
|
|
+<!-- //Bootstrap Core JavaScript -->
|
|
|
</body>
|
|
|
|
|
|
</html>
|
Ethan