加盟新页面

liuqimichale
1 parent 0a55236d
Showing 12 changed files with 272 additions and 2 deletions
contact.html
css/joinous.css
images/business-type-1.png
images/business-type-2.png
images/business-type-3.png
images/business-type-4.png
images/introduce.png
images/leaguetopbar_BG.jpg
images/services_bgIxo.jpg
joinous.html
js/joinous.js
js/nav-footer.js
@@ -43,10 +43,10 @@
  
     <!--<link type="text/css" rel="stylesheet" href="" id="colors">-->
     <style>
-        #nav>li:nth-child(4){
+        #nav>li:nth-child(5){
             border-bottom: 2px solid #fff;
         }
-        #nav>li:nth-child(4) a{
+        #nav>li:nth-child(5) a{
             color:#fff;
         }
     </style>
+
+.joinous-bg{
+    width: 100%;
+    height: 540px;
+    background: url(../images/leaguetopbar_BG.jpg);
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+.joinous-bg-title{
+    margin: 191px auto 0;
+    font-size: 44px;
+    color: #fff;
+}
+.joinous-title-btn{
+    margin: 20px auto 0;
+    width: 188px;
+    height: 40px;
+    text-align: center;
+    line-height: 40px;
+    font-size: 16px;
+    color: #fff;
+    background-color: #32be97;
+    border-radius: 20px;
+    cursor: pointer;
+}
+.join-title{
+    font-size: 36px;
+    font-weight: 500;
+    text-transform: uppercase;
+    padding-bottom: 15px;
+    margin-bottom: 15px;
+    position: relative;
+    text-align: center;
+}
+.business-type-title{
+    font-size: 20px;
+    color: #545454;
+    margin-bottom: 10px;
+}
+.business-type-des{
+    font-size: 14px;
+    color: #888990;
+    width: 196px;
+    margin: 0 auto;
+}
+.teamwork-wrap li div{
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(50,50,50,.1);
+    margin-bottom: 15px;
+    text-align: center;
+    color: #ff0202;
+    font-size: 32px;
+    height: 100px;
+    line-height: 100px;
+    background-color: #fff;
+}
+.teamwork-wrap li:nth-of-type(2n+0) div {
+    color: #1f2b3d;
+}
+<!Doctype html>
+<html class="no-js" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>关于我们</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link type="text/css"  rel="icon" href="images/logoicon.jpg">
+    <!-- Place favicon.ico in the root directory -->
+
+    <!-- Google Fonts -->
+    <!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->
+
+    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css?a=1">
+    <link type="text/css" rel="stylesheet" href="css/slicknav.min.css">
+    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
+    <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
+    <link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">
+    <link type="text/css" rel="stylesheet" href="css/animate.min.css">
+    <link type="text/css" rel="stylesheet" href="css/animate-text.css">
+    <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
+    <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
+
+    <link type="text/css" rel="stylesheet" href="css/swiper.css">
+    <!-- Ruby CSS -->
+    <link type="text/css" rel="stylesheet" href="css/normalize.css">
+    <link type="text/css" rel="stylesheet" href="style.css?a=1">
+    <link type="text/css" rel="stylesheet" href="css/responsive.css">
+
+    <link type="text/css" rel="stylesheet" href="css/joinous.css">
+    <!-- Color CSS -->
+    <link type="text/css" rel="stylesheet" href="css/color/color7.css">
+    <!--<link rel="stylesheet" href="css/color/color1.css">-->
+    <!--<link rel="stylesheet" href="css/color/color2.css">-->
+    <!--<link rel="stylesheet" href="css/color/color3.css">-->
+    <!--<link rel="stylesheet" href="css/color/color4.css">-->
+    <!--<link rel="stylesheet" href="css/color/color5.css">-->
+    <!--<link rel="stylesheet" href="css/color/color6.css">-->
+    <!--<link rel="stylesheet" href="css/color/color8.css">-->
+    <!--<link rel="stylesheet" href="css/color/color9.css">-->
+
+    <!--<link type="text/css" rel="stylesheet" href="" id="colors">-->
+    <style>
+        #nav>li:nth-child(4){
+            border-bottom: 2px solid #fff;
+        }
+        #nav>li:nth-child(4) a{
+            color:#fff;
+        }
+    </style>
+</head>
+<body>
+
+<!--<div class="color-plate ">-->
+<!--<a class="icon"><i class="fa fa-cog fa-spin"></i></a>-->
+<!--<h2>Ruby Color</h2>-->
+<!--<div class="color-head">-->
+<!--<span class="color1"></span>-->
+<!--<span class="color2"></span>-->
+<!--<span class="color3"></span>-->
+<!--<span class="color4"></span>-->
+<!--<span class="color5"></span>-->
+<!--<span class="color6"></span>-->
+<!--<span class="color7"></span>-->
+<!--<span class="color8"></span>-->
+<!--<span class="color9"></span>-->
+<!--</div>-->
+<!--</div>-->
+
+<!-- Header Area -->
+<header id="header" class="header">
+
+</header>
+<!--/ End Header Area -->
+
+<div class="joinous-bg" >
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12 col-xs-12">
+                <div class="text-center joinous-bg-title">云平台合作加盟</div>
+                <div class="joinous-title-btn">我要加盟</div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<section  class="section" >
+    <div class="container">
+        <div class="row">
+            <div class="join-title text-center">业务类型</div>
+            <div class="col-md-3 animate-box fadeInUp wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <img src="images/business-type-1.png">
+                <div class="business-type-title">业务平台</div>
+                <div class="business-type-des">后端综合管理，丰富报表体系，降低运维成本</div>
+            </div>
+            <div class="col-md-3 animate-box fadeInUp wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <img src="images/business-type-2.png">
+                <div class="business-type-title">开放平台</div>
+                <div class="business-type-des">通过实时在线的服务提供数据共享。</div>
+            </div>
+            <div class="col-md-3 animate-box fadeInUp wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <img src="images/business-type-3.png">
+                <div class="business-type-title">数据平台</div>
+                <div class="business-type-des">结合海量数据分析，提供精准运营策略</div>
+            </div>
+            <div class="col-md-3 animate-box fadeInUp wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+
+                <img src="images/business-type-4.png">
+                <div class="business-type-title">对外门户</div>
+                <div class="business-type-des">公众用户，停车场管理方以及第三方用户多维度了解产品内容</div>
+            </div>
+
+        </div>
+    </div>
+</section>
+<section  class="section" >
+    <div class="container">
+        <ul class="row teamwork-wrap">
+            <div class="join-title text-center">合作客户</div>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+               <div>北京西城项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>赤峰项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>双流项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>扬中项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>眉山项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>张家界项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>邯郸项目</div>
+            </li>
+            <li class="col-md-3 animate-box fadeInLeft wow text-center" data-wow-duration="0.8s" data-wow-delay="0.9s">
+                <div>三苏祠项目</div>
+            </li>
+
+
+        </ul>
+    </div>
+</section>
+
+<section  class="section" >
+    <div class="container">
+        <div class="row ">
+            <div class="join-title text-center">企业介绍</div>
+        </div>
+        <div class="row introduce-wrap">
+            <div class="col-md-6 col-sm-12 col-xs-12 wow  fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.9s; animation-name: fadeInRight;">
+                <div class="feature-left">
+                    <img src="images/introduce.png" alt="#" width="100%">
+                </div>
+            </div>
+            <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.9s; animation-name: fadeInLeft;">
+                <div class="features-container-text">
+                    <ul class="features-container">
+                        <li><span></span>高清智能芯片、车辆进出场车牌识别快、准、清</li>
+                        <li><span></span>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知</li>
+                        <li><span></span>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速'指路'</li>
+                        <li><span></span>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
+                    </ul>
+                </div>
+
+            </div>
+
+        </div>
+    </div>
+</section>
+
+
+
+<!-- Footer Area -->
+<footer id="footer" class="footer_cont">
+
+</footer>
+<!--/ End Footer Area -->
+
+<script type="text/javascript" src="js/jquery.min.js"></script>
+<script type="text/javascript" src="js/bootstrap.min.js"></script>
+<script type="text/javascript" src="js/colors.js"></script>
+<script type="text/javascript" src="js/jquery.nav.js"></script>
+<script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>
+<script type="text/javascript" src="js/jquery.slicknav.min.js"></script>
+<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
+<script type="text/javascript" src="js/owl.carousel.min.js"></script>
+<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
+<script type="text/javascript" src="js/wow.min.js"></script>
+<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
+<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
+<script type="text/javascript" src="js/animate-text.js"></script>
+<!--<script type="text/javascript" src="js/particles.min.js"></script>-->
+<!--<script type="text/javascript" src="js/particle-code.js"></script>-->
+<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
+<script type="text/javascript" src="js/swiper.js"></script>
+<script type="text/javascript" src="js/gmaps.min.js"></script>
+<script type="text/javascript" src="js/nav-footer.js?a=2"></script>
+
+<script type="text/javascript" src="js/main.js?a=2"></script>
+<script type="text/javascript" src="js/joinous.js?a=1"></script>
+</body>
+</html>
@@ -20,6 +20,7 @@ var headerHtmls=&#39;&lt;div class=&quot;header-inner&quot;&gt;&#39; +
   '<li class=""><a href="index.html">首页</a></li>' +
   '<li><a href="portfolio.html">产品介绍</a></li>' +
   '<li><a href="services.html">服务</a></li>' +
+  '<li><a href="joinous.html">加盟</a></li>' +
   '<li><a href="contact.html">关于我们</a></li>' +
   '</ul>' +
   '</div>' +