BJ_web_developers / webportal

Blame view

index.html 11.7 KB
Edit Raw Normal View History
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
79
80
81
82
83
84
85
86
87
 
          <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>
              </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 
88
89
 
          <div class="swiper-slide swiper-slide-3">
              <div class="swiper-slide-main swiper-slide-main-3">
51ae6a37   liuqimichale   header 
90
91
 
                  <div class="swiper-slide-large">云端saas服务，大并发高可用架构</div>
                  <div class="swiper-slide-middle">为您的数字资产保驾护航 数据全方位呵护</div>
51ae6a37   liuqimichale   header 
92
 
                  <div class="swiper-slide-more">了解更多</div>
b0b3de23   Andy   Merge branch 'tes... 
93
94
95
 
              </div>
          </div>
      </div>
51ae6a37   liuqimichale   header 
96
97
98
99
100
 
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
  
  
  </div>
b628eae2   liuqimichale   init website 
101
4bc745b3   Andy   add footer 
102
103
 
  <!-- features Area -->
  <section id="features" class="section">
b0b3de23   Andy   Merge branch 'tes... 
104
105
106
107
 
      <div class="container">
          <div class="row">
              <div class="col-md-12">
                  <div class="section-title">
1397b02c   liuqimichale   硬件设备 
108
109
 
                      <h2>硬件设备</h2>
                      <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p>
b0b3de23   Andy   Merge branch 'tes... 
110
111
112
113
 
                  </div>
              </div>
          </div>
          <div class="row">
1397b02c   liuqimichale   硬件设备 
114
115
116
117
118
119
120
121
 
  
              <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">
                  <ul class="features-container">
                      <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li>
                      <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li>
                      <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>
                      <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>
                  </ul>
b0b3de23   Andy   Merge branch 'tes... 
122
123
 
              </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   硬件设备 
124
125
 
                  <div class="feature-left">
                      <img src="images/deviceall.png" alt="#">
b0b3de23   Andy   Merge branch 'tes... 
126
127
128
129
 
                  </div>
              </div>
          </div>
      </div>
4bc745b3   Andy   add footer 
130
131
 
  </section>
  <!--/ End features Area -->
c3e81845   liuqimichale   init website 
132
4bc745b3   Andy   add footer 
133
134
 
  <!-- Team -->
  <section id="team" class="section">
b0b3de23   Andy   Merge branch 'tes... 
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
 
      <div class="container">
          <div class="row">
              <div class="col-md-12 col-sm-12">
                  <div class="section-title">
                      <h2>our creative team</h2>
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
                  </div>
              </div>
          </div>
          <div class="row">
              <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.7s">
                  <!-- Single Team -->
                  <div class="single-team">
                      <div class="team-head">
                          <img src="img/team1.png" alt="">
                          <div class="team-hover">
                              <ul class="social">
                                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                  <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                              </ul>
                          </div>
                      </div>
                      <div class="t-name">
                          <h4>naimur rahman<span>Branding</span></h4>
                      </div>
                  </div>
                  <!--/ End Single Team -->
              </div>
              <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.6s">
                  <!-- Single Team -->
                  <div class="single-team">
                      <div class="team-head">
                          <img src="img/team2.png" alt="">
                          <div class="team-hover">
                              <ul class="social">
                                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                  <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                              </ul>
                          </div>
                      </div>
                      <div class="t-name">
                          <h4>rakib hassan<span>Designer</span></h4>
                      </div>
                  </div>
                  <!--/ End Single Team -->
              </div>
              <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.5s">
                  <!-- Single Team -->
                  <div class="single-team">
                      <div class="team-head">
                          <img src="img/team3.png" alt="">
                          <div class="team-hover">
                              <ul class="social">
                                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                  <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                              </ul>
                          </div>
                      </div>
                      <div class="t-name">
                          <h4>afsana mimi<span>Photographer</span></h4>
                      </div>
                  </div>
                  <!--/ End Single Team -->
              </div>
              <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
                  <!-- Single Team -->
                  <div class="single-team">
                      <div class="team-head">
                          <img src="img/team1.png" alt="">
                          <div class="team-hover">
                              <ul class="social">
                                  <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                  <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                                  <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                              </ul>
                          </div>
                      </div>
                      <div class="t-name">
                          <h4>saiful abir<span>Developer</span></h4>
                      </div>
                  </div>
                  <!--/ End Single Team -->
              </div>
          </div>
      </div>
4bc745b3   Andy   add footer 
227
228
229
 
  </section>
  <!--/ End Team -->
c3e81845   liuqimichale   init website 
230
4bc745b3   Andy   add footer 
231
232
233
 
  
  <!-- Footer Area -->
  <footer id="footer" class="footer_cont">
b0b3de23   Andy   Merge branch 'tes... 
234
4bc745b3   Andy   add footer 
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
 
  </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 
251
252
 
  <!--<script type="text/javascript" src="js/particles.min.js"></script>-->
  <!--<script type="text/javascript" src="js/particle-code.js"></script>-->
4bc745b3   Andy   add footer 
253
 
  <script type="text/javascript" src="js/jquery.counterup.min.js"></script>
51ae6a37   liuqimichale   header 
254
 
  <script type="text/javascript" src="js/swiper.js"></script>
4bc745b3   Andy   add footer 
255
 
  <script type="text/javascript" src="js/gmaps.min.js"></script>
0d5fe5d2   Andy   add footer tel 
256
 
  <script type="text/javascript" src="js/nav-footer.js"></script>
4bc745b3   Andy   add footer 
257
 
  <script type="text/javascript" src="js/main.js"></script>
4bc745b3   Andy   add footer 
258
 
  </body>
c3e81845   liuqimichale   init website 
259
 
  </html>