Blame view

index.html 8.94 KB
87e21225   Andy   new webportal
1
  <!Doctype html>
e92b28b0   liuqimichale   init website
2
  <html class="no-js" lang="en">
4bc745b3   Andy   add footer
3
  <head>
b0b3de23   Andy   Merge branch 'tes...
4
5
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
1397b02c   liuqimichale   硬件设备
6
      <title>任你停</title>
b0b3de23   Andy   Merge branch 'tes...
7
8
9
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
  
14d5eaa8   liuqimichale   swiper
10
      <link type="text/css"  rel="icon" href="images/logo.png">
b0b3de23   Andy   Merge branch 'tes...
11
12
13
14
15
      <!-- 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">-->
  
21a48ecc   liuqimichale   header
16
      <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css?a=1">
b0b3de23   Andy   Merge branch 'tes...
17
18
19
20
21
22
23
24
25
      <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">
  
51ae6a37   liuqimichale   header
26
      <link type="text/css" rel="stylesheet" href="css/swiper.css">
b0b3de23   Andy   Merge branch 'tes...
27
28
      <!-- Ruby CSS -->
      <link type="text/css" rel="stylesheet" href="css/normalize.css">
1397b02c   liuqimichale   硬件设备
29
      <link type="text/css" rel="stylesheet" href="style.css?a=1">
b0b3de23   Andy   Merge branch 'tes...
30
31
32
33
34
35
36
37
38
39
40
41
42
43
      <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">
4bc745b3   Andy   add footer
44
45
46
47
  
  </head>
  <body>
  
51ae6a37   liuqimichale   header
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
  <!--<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>-->
c3e81845   liuqimichale   init website
63
  
87e21225   Andy   new webportal
64
65
  		<!-- Header Area -->
  		<header id="header" class="header">
071b5101   Andy   add footer tel
66
  
87e21225   Andy   new webportal
67
68
  		</header>
  		<!--/ End Header Area -->
c3e81845   liuqimichale   init website
69
  
51ae6a37   liuqimichale   header
70
71
72
73
  
  
  <div class="swiper-container">
      <div class="swiper-wrapper">
cec4e378   liuqimichale   Merge branch 'tes...
74
75
76
77
78
          <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">了解更多</div>
f1cf9028   liuqimichale   软件
79
80
81
82
83
84
85
86
87
                  <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>
cec4e378   liuqimichale   Merge branch 'tes...
88
89
90
91
92
93
94
95
96
              </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">了解更多</div>
              </div>
          </div>
51ae6a37   liuqimichale   header
97
98
          <div class="swiper-slide swiper-slide-3">
              <div class="swiper-slide-main swiper-slide-main-3">
51ae6a37   liuqimichale   header
99
100
                  <div class="swiper-slide-large">云端saas服务,大并发高可用架构</div>
                  <div class="swiper-slide-middle">为您的数字资产保驾护航 数据全方位呵护</div>
51ae6a37   liuqimichale   header
101
                  <div class="swiper-slide-more">了解更多</div>
b0b3de23   Andy   Merge branch 'tes...
102
103
104
              </div>
          </div>
      </div>
51ae6a37   liuqimichale   header
105
106
107
108
109
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
  
  
  </div>
b628eae2   liuqimichale   init website
110
  
4bc745b3   Andy   add footer
111
112
  <!-- features Area -->
  <section id="features" class="section">
b0b3de23   Andy   Merge branch 'tes...
113
114
115
116
      <div class="container">
          <div class="row">
              <div class="col-md-12">
                  <div class="section-title">
1397b02c   liuqimichale   硬件设备
117
118
                      <h2>硬件设备</h2>
                      <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p>
b0b3de23   Andy   Merge branch 'tes...
119
120
121
122
                  </div>
              </div>
          </div>
          <div class="row">
1397b02c   liuqimichale   硬件设备
123
124
  
              <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
f1cf9028   liuqimichale   软件
125
126
127
128
129
130
131
132
133
                  <div class="features-container-text">
                      <ul class="features-container">
                          <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
                          <li>地磁、视频桩、PDA多级设备联动,路侧车辆入场实时通知。</li>
                          <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
                          <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
                      </ul>
                  </div>
  
b0b3de23   Andy   Merge branch 'tes...
134
135
              </div>
              <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
1397b02c   liuqimichale   硬件设备
136
137
                  <div class="feature-left">
                      <img src="images/deviceall.png" alt="#">
b0b3de23   Andy   Merge branch 'tes...
138
139
140
141
                  </div>
              </div>
          </div>
      </div>
4bc745b3   Andy   add footer
142
143
  </section>
  <!--/ End features Area -->
c3e81845   liuqimichale   init website
144
  
f1cf9028   liuqimichale   软件
145
146
  <!-- features Area -->
  <section id="" class="section">
b0b3de23   Andy   Merge branch 'tes...
147
148
      <div class="container">
          <div class="row">
f1cf9028   liuqimichale   软件
149
              <div class="col-md-12">
b0b3de23   Andy   Merge branch 'tes...
150
                  <div class="section-title">
f1cf9028   liuqimichale   软件
151
152
                      <h2>软件平台</h2>
                      <p>任你停+企业云平台+数据分析平台</p>
b0b3de23   Andy   Merge branch 'tes...
153
154
155
156
                  </div>
              </div>
          </div>
          <div class="row">
f1cf9028   liuqimichale   软件
157
158
159
160
161
  
              <div class="col-md-7 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
  
                  <div class="feature-left">
                      <img src="images/softwareall.png" alt="#" width="700" height="400">
b0b3de23   Andy   Merge branch 'tes...
162
                  </div>
b0b3de23   Andy   Merge branch 'tes...
163
              </div>
f1cf9028   liuqimichale   软件
164
165
166
167
168
169
170
171
172
173
              <div class="col-md-5 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
                  <div class="software-container-wrap">
                      <ul class="features-container">
                          <li>任你停,车场导航,随停即走,无感支付
                          </li>
                          <li>云端服务、精细化运营,业务规则灵活配置
                          </li>
                          <li>大数据资产管理、商业运营分析、资产经营决策建议</li>
  
                      </ul>
b0b3de23   Andy   Merge branch 'tes...
174
                  </div>
f1cf9028   liuqimichale   软件
175
  
b0b3de23   Andy   Merge branch 'tes...
176
177
178
              </div>
          </div>
      </div>
4bc745b3   Andy   add footer
179
  </section>
4bc745b3   Andy   add footer
180
  
c3e81845   liuqimichale   init website
181
  
4bc745b3   Andy   add footer
182
183
184
  
  <!-- Footer Area -->
  <footer id="footer" class="footer_cont">
b0b3de23   Andy   Merge branch 'tes...
185
  
4bc745b3   Andy   add footer
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
  </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>
51ae6a37   liuqimichale   header
202
203
  <!--<script type="text/javascript" src="js/particles.min.js"></script>-->
  <!--<script type="text/javascript" src="js/particle-code.js"></script>-->
4bc745b3   Andy   add footer
204
  <script type="text/javascript" src="js/jquery.counterup.min.js"></script>
51ae6a37   liuqimichale   header
205
  <script type="text/javascript" src="js/swiper.js"></script>
4bc745b3   Andy   add footer
206
  <script type="text/javascript" src="js/gmaps.min.js"></script>
0d5fe5d2   Andy   add footer tel
207
  <script type="text/javascript" src="js/nav-footer.js"></script>
f1cf9028   liuqimichale   软件
208
  <script type="text/javascript" src="js/main.js?a=1"></script>
4bc745b3   Andy   add footer
209
  </body>
c3e81845   liuqimichale   init website
210
  </html>