portfolio.html
5.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!Doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Ruby - Responsive Corporate Tempalte</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 rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/slicknav.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/animate-text.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Ruby CSS -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- Color CSS -->
<link 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 rel="stylesheet" href="#" id="colors">-->
</head>
<body>
<!-- Header Area -->
<header id="header" class="header">
</header>
<!--/ End Header Area -->
<!--breadcrumb -->
<div class="breadcrumb" >
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="breadcrumb-text">
城市智慧停车综合解决方案领航者
</div>
</div>
</div>
</div>
</div>
<!--/ End breadcrumb -->
<section id="portfolio-soft-top" class="section">
<div class="container">
<div class="row">
<div class="section-title-name">软件平台</div>
<ul class="portfolio-soft-wrap">
<li class="text-center col-md-4 active">
任你停
</li>
<li class="text-center col-md-4">
企业云平台
</li>
<li class="text-center col-md-4">
数据分析平台
</li>
</ul>
</div>
</div>
</section>
<ul class="portfolio-section-wrap">
<li class="">
<section>
<div class="container">
<ul class="row ortfolio-soft-bottom-1">
<li class="text-center col-md-6">
1
</li>
<li class="text-center col-md-6">
2
</li>
</ul>
</div>
</section>
</li>
<li class="displaynone">
<section>
<div class="container">
<ul class="row ortfolio-soft-bottom-2">
<li class="text-center col-md-6">
1
</li>
<li class="text-center col-md-6">
2
</li>
</ul>
</div>
</section>
</li>
<li class="displaynone">
<section>
<div class="container">
<ul class="row ortfolio-soft-bottom-3">
<li class="text-center col-md-6">
1
</li>
<li class="text-center col-md-6">
2
</li>
</ul>
</div>
</section>
</li>
</ul>
<!-- Latest Works Area -->
<section id="" class="section">
<div class="container">
<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>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
<li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
<li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
<li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</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 Works Area -->
<!-- Footer Area -->
<footer id="footer" class="footer_cont">
</footer>
<!--/ End Footer Area -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/colors.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/jquery.slicknav.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/animate-text.js"></script>
<!--<script src="js/particles.min.js"></script>-->
<!--<script src="js/particle-code.js"></script>-->
<script 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"></script>
<script src="js/main.js"></script>
</body>
</html>