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 | 76 | <div class="swiper-slide-large">物联改变时代 智慧停车 从现在开始</div> |
| 77 | 77 | <div class="swiper-slide-middle">快速、高效、不停车、不拥堵</div> |
| 78 | 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 | 88 | </div> |
| 80 | 89 | </div> |
| 81 | 90 | <div class="swiper-slide swiper-slide-2"> |
| ... | ... | @@ -113,12 +122,15 @@ |
| 113 | 122 | <div class="row"> |
| 114 | 123 | |
| 115 | 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 | 134 | </div> |
| 123 | 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 | 136 | <div class="feature-left"> |
| ... | ... | @@ -130,102 +142,41 @@ |
| 130 | 142 | </section> |
| 131 | 143 | <!--/ End features Area --> |
| 132 | 144 | |
| 133 | -<!-- Team --> | |
| 134 | -<section id="team" class="section"> | |
| 145 | +<!-- features Area --> | |
| 146 | +<section id="" class="section"> | |
| 135 | 147 | <div class="container"> |
| 136 | 148 | <div class="row"> |
| 137 | - <div class="col-md-12 col-sm-12"> | |
| 149 | + <div class="col-md-12"> | |
| 138 | 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 | 153 | </div> |
| 142 | 154 | </div> |
| 143 | 155 | </div> |
| 144 | 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 | 162 | </div> |
| 203 | - <!--/ End Single Team --> | |
| 204 | 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 | 174 | </div> |
| 223 | - <!--/ End Single Team --> | |
| 175 | + | |
| 224 | 176 | </div> |
| 225 | 177 | </div> |
| 226 | 178 | </div> |
| 227 | 179 | </section> |
| 228 | -<!--/ End Team --> | |
| 229 | 180 | |
| 230 | 181 | |
| 231 | 182 | |
| ... | ... | @@ -254,6 +205,6 @@ |
| 254 | 205 | <script type="text/javascript" src="js/swiper.js"></script> |
| 255 | 206 | <script type="text/javascript" src="js/gmaps.min.js"></script> |
| 256 | 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 | 209 | </body> |
| 259 | 210 | </html> | ... | ... |
js/main.js
| ... | ... | @@ -148,18 +148,18 @@ |
| 148 | 148 | }); |
| 149 | 149 | |
| 150 | 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 | 165 | // counterUp // | ... | ... |
style.css
| ... | ... | @@ -4,7 +4,7 @@ |
| 4 | 4 | padding:0; |
| 5 | 5 | } |
| 6 | 6 | .section{ |
| 7 | - padding:162px 0 0 0; | |
| 7 | + padding:162px 0 19px 0; | |
| 8 | 8 | } |
| 9 | 9 | html,body { |
| 10 | 10 | height: 100%; |
| ... | ... | @@ -76,25 +76,25 @@ a:hover{ |
| 76 | 76 | margin-bottom:15px; |
| 77 | 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 | 98 | .section-title p{ |
| 99 | 99 | font-size:20px; |
| 100 | 100 | color:rgba(0,0,0,.7); |
| ... | ... | @@ -698,9 +698,12 @@ a:hover{ |
| 698 | 698 | #features{ |
| 699 | 699 | background:#fff; |
| 700 | 700 | } |
| 701 | -.features-container{ | |
| 701 | +.features-container-text{ | |
| 702 | 702 | margin-top: 120px; |
| 703 | 703 | } |
| 704 | +.features-container{ | |
| 705 | + | |
| 706 | +} | |
| 704 | 707 | .features-container li{ |
| 705 | 708 | padding-left: 20px; |
| 706 | 709 | margin-bottom: 10px; |
| ... | ... | @@ -760,6 +763,9 @@ a:hover{ |
| 760 | 763 | #features .single-right .right-content p{ |
| 761 | 764 | color:#989898; |
| 762 | 765 | } |
| 766 | +.software-container-wrap{ | |
| 767 | + margin-top: 100px; | |
| 768 | +} | |
| 763 | 769 | |
| 764 | 770 | /*========================= |
| 765 | 771 | End features CSS | ... | ... |