index.html

<!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/logo.png">
    <!-- 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">
    <!-- 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(1){
            color:#fff;
            border-bottom: 2px solid #fff;
        }
        #nav>li:nth-child(1) 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="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide-3">
            <div class="swiper-slide-main swiper-slide-main-3">
                <div class="swiper-slide-large">全方位解决方案  全时空可视化</div>
                <div class="swiper-slide-middle">最懂你、任你停</div>
                <div class="swiper-slide-more" onclick="window.location.href='portfolio.html'">了解更多</div>
            </div>
        </div>
        <div class="swiper-slide swiper-slide-2">
            <div class="swiper-slide-main swiper-slide-main-2">
                <div class="swiper-slide-large">云端saas服务，大并发高可用架构</div>
                <div class="swiper-slide-middle">为您的数字资产保驾护航 数据全方位呵护</div>
                <div class="swiper-slide-more" onclick="window.location.href='portfolio.html'">了解更多</div>
            </div>
        </div>
        <div class="swiper-slide swiper-slide-1" >
            <div class="swiper-slide-main">
                <div class="swiper-slide-large">物联改变时代 智慧停车 从现在开始</div>
                <div class="swiper-slide-middle">快速、高效、不停车、不拥堵</div>
                <div class="swiper-slide-more" onclick="window.location.href='portfolio.html'">了解更多</div>
                <div class="satr-point">
                    <div class="parkpoint parkpoint1"></div>
                    <div class="parkpoint parkpoint2"></div>
                    <div class="parkpoint parkpoint3"></div>
                    <div class="parkpoint parkpoint4"></div>
                    <div class="parkpoint parkpoint5"></div>
                    <div class="parkpoint parkpoint6"></div>
                    <div class="parkpoint parkpoint7"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<!-- features Area -->
<section id="features" class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="section-title">
                    <h2>硬件设备</h2>
                    <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
                <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 class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
                <div class="feature-left">
                    <img src="images/deviceall.png" alt="#">
                </div>
            </div>
        </div>
    </div>
</section>
<!--/ End features Area -->
<!-- features Area -->
<section id="" class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="section-title">
                    <h2>软件平台</h2>
                    <p>任你停+企业云平台+数据分析平台</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7 col-sm-12 col-xs-12 wow fadeIn " data-wow-duration="0.8s" data-wow-delay="0.9s">
                <div class="feature-left">
                    <img src="images/softwareall.png" alt="#" width="100%" height="400">
                </div>
            </div>
            <div class="col-md-5 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.9s">
                <div class="software-container-wrap">
                    <ul class="features-container">
                        <li><span></span>任你停，车场导航，随停即走，无感支付
                        </li>
                        <li><span></span>云端服务、精细化运营，业务规则灵活配置
                        </li>
                        <li><span></span>大数据资产管理、商业运营分析、资产经营决策建议</li>
                    </ul>
                    <div class="features-download">
                        <div class="features-ico float-left rnt_pos_rel">
                            <div class="features-apptit rnt_pos_abs">任你停APP下载</div>
                        </div>
                        <div class="features-ewm float-left">
                            <div class="features-ewmios"></div>
                            <div class="features-ewmard"></div>
                        </div>
                    </div>
                </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=1"></script>
</body>
</html>