Commit f1cf90287e2f8919778c053f58fecfd1eab18076
1 parent
ca883025
软件
Showing
4 changed files
with
79 additions
and
122 deletions
images/softwareall.png
0 → 100755
315 KB
index.html
| @@ -76,6 +76,15 @@ | @@ -76,6 +76,15 @@ | ||
| 76 | <div class="swiper-slide-large">物联改变时代 智慧停车 从现在开始</div> | 76 | <div class="swiper-slide-large">物联改变时代 智慧停车 从现在开始</div> |
| 77 | <div class="swiper-slide-middle">快速、高效、不停车、不拥堵</div> | 77 | <div class="swiper-slide-middle">快速、高效、不停车、不拥堵</div> |
| 78 | <div class="swiper-slide-more">了解更多</div> | 78 | <div class="swiper-slide-more">了解更多</div> |
| 79 | + <div class="satr-point"> | ||
| 80 | + <div class="parkpoint parkpoint1"></div> | ||
| 81 | + <div class="parkpoint parkpoint2"></div> | ||
| 82 | + <div class="parkpoint parkpoint3"></div> | ||
| 83 | + <div class="parkpoint parkpoint4"></div> | ||
| 84 | + <div class="parkpoint parkpoint5"></div> | ||
| 85 | + <div class="parkpoint parkpoint6"></div> | ||
| 86 | + <div class="parkpoint parkpoint7"></div> | ||
| 87 | + </div> | ||
| 79 | </div> | 88 | </div> |
| 80 | </div> | 89 | </div> |
| 81 | <div class="swiper-slide swiper-slide-2"> | 90 | <div class="swiper-slide swiper-slide-2"> |
| @@ -113,12 +122,15 @@ | @@ -113,12 +122,15 @@ | ||
| 113 | <div class="row"> | 122 | <div class="row"> |
| 114 | 123 | ||
| 115 | <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s"> | 124 | <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s"> |
| 116 | - <ul class="features-container"> | ||
| 117 | - <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li> | ||
| 118 | - <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li> | ||
| 119 | - <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li> | ||
| 120 | - <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li> | ||
| 121 | - </ul> | 125 | + <div class="features-container-text"> |
| 126 | + <ul class="features-container"> | ||
| 127 | + <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li> | ||
| 128 | + <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li> | ||
| 129 | + <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li> | ||
| 130 | + <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li> | ||
| 131 | + </ul> | ||
| 132 | + </div> | ||
| 133 | + | ||
| 122 | </div> | 134 | </div> |
| 123 | <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s"> | 135 | <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s"> |
| 124 | <div class="feature-left"> | 136 | <div class="feature-left"> |
| @@ -130,102 +142,41 @@ | @@ -130,102 +142,41 @@ | ||
| 130 | </section> | 142 | </section> |
| 131 | <!--/ End features Area --> | 143 | <!--/ End features Area --> |
| 132 | 144 | ||
| 133 | -<!-- Team --> | ||
| 134 | -<section id="team" class="section"> | 145 | +<!-- features Area --> |
| 146 | +<section id="" class="section"> | ||
| 135 | <div class="container"> | 147 | <div class="container"> |
| 136 | <div class="row"> | 148 | <div class="row"> |
| 137 | - <div class="col-md-12 col-sm-12"> | 149 | + <div class="col-md-12"> |
| 138 | <div class="section-title"> | 150 | <div class="section-title"> |
| 139 | - <h2>our creative team</h2> | ||
| 140 | - <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> | 151 | + <h2>软件平台</h2> |
| 152 | + <p>任你停+企业云平台+数据分析平台</p> | ||
| 141 | </div> | 153 | </div> |
| 142 | </div> | 154 | </div> |
| 143 | </div> | 155 | </div> |
| 144 | <div class="row"> | 156 | <div class="row"> |
| 145 | - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.7s"> | ||
| 146 | - <!-- Single Team --> | ||
| 147 | - <div class="single-team"> | ||
| 148 | - <div class="team-head"> | ||
| 149 | - <img src="img/team1.png" alt=""> | ||
| 150 | - <div class="team-hover"> | ||
| 151 | - <ul class="social"> | ||
| 152 | - <li><a href="#"><i class="fa fa-facebook"></i></a></li> | ||
| 153 | - <li><a href="#"><i class="fa fa-twitter"></i></a></li> | ||
| 154 | - <li><a href="#"><i class="fa fa-dribbble"></i></a></li> | ||
| 155 | - <li><a href="#"><i class="fa fa-linkedin"></i></a></li> | ||
| 156 | - </ul> | ||
| 157 | - </div> | ||
| 158 | - </div> | ||
| 159 | - <div class="t-name"> | ||
| 160 | - <h4>naimur rahman<span>Branding</span></h4> | ||
| 161 | - </div> | ||
| 162 | - </div> | ||
| 163 | - <!--/ End Single Team --> | ||
| 164 | - </div> | ||
| 165 | - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.6s"> | ||
| 166 | - <!-- Single Team --> | ||
| 167 | - <div class="single-team"> | ||
| 168 | - <div class="team-head"> | ||
| 169 | - <img src="img/team2.png" alt=""> | ||
| 170 | - <div class="team-hover"> | ||
| 171 | - <ul class="social"> | ||
| 172 | - <li><a href="#"><i class="fa fa-facebook"></i></a></li> | ||
| 173 | - <li><a href="#"><i class="fa fa-twitter"></i></a></li> | ||
| 174 | - <li><a href="#"><i class="fa fa-dribbble"></i></a></li> | ||
| 175 | - <li><a href="#"><i class="fa fa-linkedin"></i></a></li> | ||
| 176 | - </ul> | ||
| 177 | - </div> | ||
| 178 | - </div> | ||
| 179 | - <div class="t-name"> | ||
| 180 | - <h4>rakib hassan<span>Designer</span></h4> | ||
| 181 | - </div> | ||
| 182 | - </div> | ||
| 183 | - <!--/ End Single Team --> | ||
| 184 | - </div> | ||
| 185 | - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.5s"> | ||
| 186 | - <!-- Single Team --> | ||
| 187 | - <div class="single-team"> | ||
| 188 | - <div class="team-head"> | ||
| 189 | - <img src="img/team3.png" alt=""> | ||
| 190 | - <div class="team-hover"> | ||
| 191 | - <ul class="social"> | ||
| 192 | - <li><a href="#"><i class="fa fa-facebook"></i></a></li> | ||
| 193 | - <li><a href="#"><i class="fa fa-twitter"></i></a></li> | ||
| 194 | - <li><a href="#"><i class="fa fa-dribbble"></i></a></li> | ||
| 195 | - <li><a href="#"><i class="fa fa-linkedin"></i></a></li> | ||
| 196 | - </ul> | ||
| 197 | - </div> | ||
| 198 | - </div> | ||
| 199 | - <div class="t-name"> | ||
| 200 | - <h4>afsana mimi<span>Photographer</span></h4> | ||
| 201 | - </div> | 157 | + |
| 158 | + <div class="col-md-7 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s"> | ||
| 159 | + | ||
| 160 | + <div class="feature-left"> | ||
| 161 | + <img src="images/softwareall.png" alt="#" width="700" height="400"> | ||
| 202 | </div> | 162 | </div> |
| 203 | - <!--/ End Single Team --> | ||
| 204 | </div> | 163 | </div> |
| 205 | - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s"> | ||
| 206 | - <!-- Single Team --> | ||
| 207 | - <div class="single-team"> | ||
| 208 | - <div class="team-head"> | ||
| 209 | - <img src="img/team1.png" alt=""> | ||
| 210 | - <div class="team-hover"> | ||
| 211 | - <ul class="social"> | ||
| 212 | - <li><a href="#"><i class="fa fa-facebook"></i></a></li> | ||
| 213 | - <li><a href="#"><i class="fa fa-twitter"></i></a></li> | ||
| 214 | - <li><a href="#"><i class="fa fa-dribbble"></i></a></li> | ||
| 215 | - <li><a href="#"><i class="fa fa-linkedin"></i></a></li> | ||
| 216 | - </ul> | ||
| 217 | - </div> | ||
| 218 | - </div> | ||
| 219 | - <div class="t-name"> | ||
| 220 | - <h4>saiful abir<span>Developer</span></h4> | ||
| 221 | - </div> | 164 | + <div class="col-md-5 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s"> |
| 165 | + <div class="software-container-wrap"> | ||
| 166 | + <ul class="features-container"> | ||
| 167 | + <li>任你停，车场导航，随停即走，无感支付 | ||
| 168 | + </li> | ||
| 169 | + <li>云端服务、精细化运营，业务规则灵活配置 | ||
| 170 | + </li> | ||
| 171 | + <li>大数据资产管理、商业运营分析、资产经营决策建议</li> | ||
| 172 | + | ||
| 173 | + </ul> | ||
| 222 | </div> | 174 | </div> |
| 223 | - <!--/ End Single Team --> | 175 | + |
| 224 | </div> | 176 | </div> |
| 225 | </div> | 177 | </div> |
| 226 | </div> | 178 | </div> |
| 227 | </section> | 179 | </section> |
| 228 | -<!--/ End Team --> | ||
| 229 | 180 | ||
| 230 | 181 | ||
| 231 | 182 | ||
| @@ -254,6 +205,6 @@ | @@ -254,6 +205,6 @@ | ||
| 254 | <script type="text/javascript" src="js/swiper.js"></script> | 205 | <script type="text/javascript" src="js/swiper.js"></script> |
| 255 | <script type="text/javascript" src="js/gmaps.min.js"></script> | 206 | <script type="text/javascript" src="js/gmaps.min.js"></script> |
| 256 | <script type="text/javascript" src="js/nav-footer.js"></script> | 207 | <script type="text/javascript" src="js/nav-footer.js"></script> |
| 257 | -<script type="text/javascript" src="js/main.js"></script> | 208 | +<script type="text/javascript" src="js/main.js?a=1"></script> |
| 258 | </body> | 209 | </body> |
| 259 | </html> | 210 | </html> |
js/main.js
| @@ -148,18 +148,18 @@ | @@ -148,18 +148,18 @@ | ||
| 148 | }); | 148 | }); |
| 149 | 149 | ||
| 150 | // Scroll Up JS // | 150 | // Scroll Up JS // |
| 151 | - $(function () { | ||
| 152 | - $.scrollUp({ | ||
| 153 | - scrollName: 'scrollUp', // Element ID | ||
| 154 | - topDistance: '300', // Distance from top before showing element (px) | ||
| 155 | - topSpeed: 300, // Speed back to top (ms) | ||
| 156 | - animation: 'fade', // Fade, slide, none | ||
| 157 | - animationInSpeed: 200, // Animation in speed (ms) | ||
| 158 | - animationOutSpeed: 200, // Animation out speed (ms) | ||
| 159 | - scrollText: ["<i class='fa fa-rocket'></i>"], // Text for element | ||
| 160 | - activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF' | ||
| 161 | - }); | ||
| 162 | - }); | 151 | + // $(function () { |
| 152 | + // $.scrollUp({ | ||
| 153 | + // scrollName: 'scrollUp', // Element ID | ||
| 154 | + // topDistance: '300', // Distance from top before showing element (px) | ||
| 155 | + // topSpeed: 300, // Speed back to top (ms) | ||
| 156 | + // animation: 'fade', // Fade, slide, none | ||
| 157 | + // animationInSpeed: 200, // Animation in speed (ms) | ||
| 158 | + // animationOutSpeed: 200, // Animation out speed (ms) | ||
| 159 | + // scrollText: ["<i class='fa fa-rocket'></i>"], // Text for element | ||
| 160 | + // activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF' | ||
| 161 | + // }); | ||
| 162 | + // }); | ||
| 163 | 163 | ||
| 164 | 164 | ||
| 165 | // counterUp // | 165 | // counterUp // |
style.css
| @@ -4,7 +4,7 @@ | @@ -4,7 +4,7 @@ | ||
| 4 | padding:0; | 4 | padding:0; |
| 5 | } | 5 | } |
| 6 | .section{ | 6 | .section{ |
| 7 | - padding:162px 0 0 0; | 7 | + padding:162px 0 19px 0; |
| 8 | } | 8 | } |
| 9 | html,body { | 9 | html,body { |
| 10 | height: 100%; | 10 | height: 100%; |
| @@ -76,25 +76,25 @@ a:hover{ | @@ -76,25 +76,25 @@ a:hover{ | ||
| 76 | margin-bottom:15px; | 76 | margin-bottom:15px; |
| 77 | position:relative; | 77 | position:relative; |
| 78 | } | 78 | } |
| 79 | -.section-title h2:before{ | ||
| 80 | - content:""; | ||
| 81 | - width:100px; | ||
| 82 | - height:1px; | ||
| 83 | - position:absolute; | ||
| 84 | - bottom:-1px; | ||
| 85 | - margin-left:-50px; | ||
| 86 | - left:50%; | ||
| 87 | -} | ||
| 88 | -.section-title h2::after { | ||
| 89 | - content: ""; | ||
| 90 | - width: 12px; | ||
| 91 | - height: 12px; | ||
| 92 | - position: absolute; | ||
| 93 | - bottom: -6px; | ||
| 94 | - margin-left: -3px; | ||
| 95 | - left: 50%; | ||
| 96 | - transform: rotate(45deg); | ||
| 97 | -} | 79 | +/*.section-title h2:before{*/ |
| 80 | + /*content:"";*/ | ||
| 81 | + /*width:100px;*/ | ||
| 82 | + /*height:1px;*/ | ||
| 83 | + /*position:absolute;*/ | ||
| 84 | + /*bottom:-1px;*/ | ||
| 85 | + /*margin-left:-50px;*/ | ||
| 86 | + /*left:50%;*/ | ||
| 87 | +/*}*/ | ||
| 88 | +/*.section-title h2::after {*/ | ||
| 89 | + /*content: "";*/ | ||
| 90 | + /*width: 12px;*/ | ||
| 91 | + /*height: 12px;*/ | ||
| 92 | + /*position: absolute;*/ | ||
| 93 | + /*bottom: -6px;*/ | ||
| 94 | + /*margin-left: -3px;*/ | ||
| 95 | + /*left: 50%;*/ | ||
| 96 | + /*transform: rotate(45deg);*/ | ||
| 97 | +/*}*/ | ||
| 98 | .section-title p{ | 98 | .section-title p{ |
| 99 | font-size:20px; | 99 | font-size:20px; |
| 100 | color:rgba(0,0,0,.7); | 100 | color:rgba(0,0,0,.7); |
| @@ -698,9 +698,12 @@ a:hover{ | @@ -698,9 +698,12 @@ a:hover{ | ||
| 698 | #features{ | 698 | #features{ |
| 699 | background:#fff; | 699 | background:#fff; |
| 700 | } | 700 | } |
| 701 | -.features-container{ | 701 | +.features-container-text{ |
| 702 | margin-top: 120px; | 702 | margin-top: 120px; |
| 703 | } | 703 | } |
| 704 | +.features-container{ | ||
| 705 | + | ||
| 706 | +} | ||
| 704 | .features-container li{ | 707 | .features-container li{ |
| 705 | padding-left: 20px; | 708 | padding-left: 20px; |
| 706 | margin-bottom: 10px; | 709 | margin-bottom: 10px; |
| @@ -760,6 +763,9 @@ a:hover{ | @@ -760,6 +763,9 @@ a:hover{ | ||
| 760 | #features .single-right .right-content p{ | 763 | #features .single-right .right-content p{ |
| 761 | color:#989898; | 764 | color:#989898; |
| 762 | } | 765 | } |
| 766 | +.software-container-wrap{ | ||
| 767 | + margin-top: 100px; | ||
| 768 | +} | ||
| 763 | 769 | ||
| 764 | /*========================= | 770 | /*========================= |
| 765 | End features CSS | 771 | End features CSS |