Commit 1623d2ffcc3fabf07bd680eb95032fc9e2815f7c

Authored by liuqimichale
1 parent 5f42323a

软件平台

Showing 2 changed files with 38 additions and 34 deletions
portfolio.html
@@ -93,7 +93,17 @@ @@ -93,7 +93,17 @@
93 1 93 1
94 </li> 94 </li>
95 <li class="text-center col-md-6"> 95 <li class="text-center col-md-6">
96 - 2 96 + <div class="ortfolio-soft-bottom-title">
  97 + 任你停APP
  98 + </div>
  99 + <div class="ortfolio-soft-bottom-des">车场智能推荐,一键导航随停即走
  100 +
  101 + </div>
  102 + <div class="ortfolio-soft-bottom-des">电子支付,简单方便,账户余额,自动代扣,快速离场
  103 + </div>
  104 + <div class="ortfolio-soft-bottom-des">会员卡线上办理,到期智能提醒,快捷实用
  105 + </div>
  106 + <div class="ortfolio-soft-bottom-des">积分兑换,礼券不断,优惠多多</div>
97 </li> 107 </li>
98 108
99 </ul> 109 </ul>
@@ -135,35 +145,6 @@ @@ -135,35 +145,6 @@
135 145
136 146
137 147
138 - <!-- Latest Works Area -->  
139 - <section id="" class="section">  
140 - <div class="container">  
141 -  
142 - <div class="row">  
143 -  
144 - <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s">  
145 - <div class="features-container-text">  
146 - <ul class="features-container">  
147 - <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li>  
148 - <li>地磁、视频桩、PDA多级设备联动,路侧车辆入场实时通知。</li>  
149 - <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li>  
150 - <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li>  
151 - </ul>  
152 - </div>  
153 -  
154 - </div>  
155 - <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">  
156 - <div class="feature-left">  
157 - <img src="images/deviceall.png" alt="#">  
158 - </div>  
159 - </div>  
160 - </div>  
161 - </div>  
162 - </section>  
163 - <!--/ End Works Area -->  
164 -  
165 -  
166 -  
167 148
168 149
169 150
style.css
@@ -184,11 +184,11 @@ a:hover{ @@ -184,11 +184,11 @@ a:hover{
184 .displaynone{ 184 .displaynone{
185 display: none; 185 display: none;
186 } 186 }
187 -.ortfolio-soft-bottom-1 li:nth-of-type(1){ 187 +.ortfolio-soft-bottom-1>li:nth-of-type(1){
188 background: #ffff00; 188 background: #ffff00;
189 } 189 }
190 .ortfolio-soft-bottom-1 li:nth-of-type(2){ 190 .ortfolio-soft-bottom-1 li:nth-of-type(2){
191 - 191 + padding-left: 100px;
192 } 192 }
193 .ortfolio-soft-bottom-2 li:nth-of-type(1){ 193 .ortfolio-soft-bottom-2 li:nth-of-type(1){
194 background: #f00; 194 background: #f00;
@@ -202,8 +202,31 @@ a:hover{ @@ -202,8 +202,31 @@ a:hover{
202 .ortfolio-soft-bottom-3 li:nth-of-type(2){ 202 .ortfolio-soft-bottom-3 li:nth-of-type(2){
203 203
204 } 204 }
205 -  
206 - 205 +.ortfolio-soft-bottom-title{
  206 + font-size:30px;
  207 + font-weight:bold;
  208 + color:rgba(0,0,0,.8);
  209 + margin: 239px 0 27px;
  210 + text-align: left;
  211 +}
  212 +.ortfolio-soft-bottom-des{
  213 + font-size: 16px;
  214 + text-align: left;
  215 + color:rgba(0,0,0,.6);
  216 + padding-left: 20px;
  217 + position: relative;
  218 +}
  219 +.ortfolio-soft-bottom-des:before{
  220 + position: absolute;
  221 + content: '';
  222 + left: 0;
  223 + top:50%;
  224 + margin-top: -3px;
  225 + width:6px;
  226 + height:6px;
  227 + background:rgba(66,160,251,1);
  228 + border-radius:50%;
  229 +}
207 .slicknav_menu{ 230 .slicknav_menu{
208 display:none; 231 display:none;
209 } 232 }