Commit 1397b02c081d0aa4a199324449d4790d3961b7c9
1 parent
cec4e378
硬件设备
Showing
3 changed files
with
41 additions
and
44 deletions
images/deviceall.png
0 → 100755
136 KB
index.html
| ... | ... | @@ -3,7 +3,7 @@ |
| 3 | 3 | <head> |
| 4 | 4 | <meta charset="utf-8"> |
| 5 | 5 | <meta http-equiv="x-ua-compatible" content="ie=edge"> |
| 6 | - <title>Ruby - Responsive Corporate Tempalte</title> | |
| 6 | + <title>任你停</title> | |
| 7 | 7 | <meta name="description" content=""> |
| 8 | 8 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 9 | 9 | |
| ... | ... | @@ -26,7 +26,7 @@ |
| 26 | 26 | <link type="text/css" rel="stylesheet" href="css/swiper.css"> |
| 27 | 27 | <!-- Ruby CSS --> |
| 28 | 28 | <link type="text/css" rel="stylesheet" href="css/normalize.css"> |
| 29 | - <link type="text/css" rel="stylesheet" href="style.css"> | |
| 29 | + <link type="text/css" rel="stylesheet" href="style.css?a=1"> | |
| 30 | 30 | <link type="text/css" rel="stylesheet" href="css/responsive.css"> |
| 31 | 31 | |
| 32 | 32 | <!-- Color CSS --> |
| ... | ... | @@ -152,47 +152,24 @@ |
| 152 | 152 | <div class="row"> |
| 153 | 153 | <div class="col-md-12"> |
| 154 | 154 | <div class="section-title"> |
| 155 | - <h2>Our Feautes</h2> | |
| 156 | - <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> | |
| 155 | + <h2>硬件设备</h2> | |
| 156 | + <p>封闭车场+路侧车场+停车诱导+违章抓拍 </p> | |
| 157 | 157 | </div> |
| 158 | 158 | </div> |
| 159 | 159 | </div> |
| 160 | 160 | <div class="row"> |
| 161 | - <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s"> | |
| 162 | - <div class="feature-left"> | |
| 163 | - <img src="img/computer.jpg" alt="#"> | |
| 164 | - </div> | |
| 161 | + | |
| 162 | + <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft " data-wow-duration="0.8s" data-wow-delay="0.9s"> | |
| 163 | + <ul class="features-container"> | |
| 164 | + <li>高清智能芯片、车辆进出场车牌识别快、准、清。</li> | |
| 165 | + <li>地磁、视频桩、PDA多级设备联动，路侧车辆入场实时通知。</li> | |
| 166 | + <li>多级诱导系统 ,车位、路况信息精准、高清展示、为车主快速 ‘指路’。</li> | |
| 167 | + <li>低照度、高防护、成像高清、违章抓拍系统让 违章停车 无所遁形</li> | |
| 168 | + </ul> | |
| 165 | 169 | </div> |
| 166 | 170 | <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s"> |
| 167 | - <div class="feature-right"> | |
| 168 | - <div class="single-right"> | |
| 169 | - <i class="fa fa-line-chart" aria-hidden="true"></i> | |
| 170 | - <div class="right-content"> | |
| 171 | - <h3>UX design</h3> | |
| 172 | - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P> | |
| 173 | - </div> | |
| 174 | - </div> | |
| 175 | - <div class="single-right"> | |
| 176 | - <i class="fa fa-database" aria-hidden="true"></i> | |
| 177 | - <div class="right-content"> | |
| 178 | - <h3>UI design</h3> | |
| 179 | - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P> | |
| 180 | - </div> | |
| 181 | - </div> | |
| 182 | - <div class="single-right"> | |
| 183 | - <i class="fa fa-cubes" aria-hidden="true"></i> | |
| 184 | - <div class="right-content"> | |
| 185 | - <h3>SEO Services</h3> | |
| 186 | - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P> | |
| 187 | - </div> | |
| 188 | - </div> | |
| 189 | - <div class="single-right"> | |
| 190 | - <i class="fa fa-desktop" aria-hidden="true"></i> | |
| 191 | - <div class="right-content"> | |
| 192 | - <h3>Web Development</h3> | |
| 193 | - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P> | |
| 194 | - </div> | |
| 195 | - </div> | |
| 171 | + <div class="feature-left"> | |
| 172 | + <img src="images/deviceall.png" alt="#"> | |
| 196 | 173 | </div> |
| 197 | 174 | </div> |
| 198 | 175 | </div> | ... | ... |
style.css
| ... | ... | @@ -4,7 +4,7 @@ |
| 4 | 4 | padding:0; |
| 5 | 5 | } |
| 6 | 6 | .section{ |
| 7 | - padding:100px 0px; | |
| 7 | + padding:162px 0 0 0; | |
| 8 | 8 | } |
| 9 | 9 | html,body { |
| 10 | 10 | height: 100%; |
| ... | ... | @@ -69,10 +69,10 @@ a:hover{ |
| 69 | 69 | padding: 0 190px; |
| 70 | 70 | } |
| 71 | 71 | .section-title h2{ |
| 72 | - font-size:32px; | |
| 72 | + font-size:36px; | |
| 73 | 73 | font-weight: 500; |
| 74 | 74 | text-transform:uppercase; |
| 75 | - padding-bottom:10px; | |
| 75 | + padding-bottom:15px; | |
| 76 | 76 | margin-bottom:15px; |
| 77 | 77 | position:relative; |
| 78 | 78 | } |
| ... | ... | @@ -96,8 +96,8 @@ a:hover{ |
| 96 | 96 | transform: rotate(45deg); |
| 97 | 97 | } |
| 98 | 98 | .section-title p{ |
| 99 | - font-size:15px; | |
| 100 | - color:#888; | |
| 99 | + font-size:20px; | |
| 100 | + color:rgba(0,0,0,.7); | |
| 101 | 101 | } |
| 102 | 102 | .tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} |
| 103 | 103 | |
| ... | ... | @@ -696,8 +696,28 @@ a:hover{ |
| 696 | 696 | features CSS |
| 697 | 697 | ===========================*/ |
| 698 | 698 | #features{ |
| 699 | - | |
| 699 | + background:#fff; | |
| 700 | 700 | } |
| 701 | +.features-container{ | |
| 702 | + margin-top: 120px; | |
| 703 | +} | |
| 704 | +.features-container li{ | |
| 705 | + padding-left: 20px; | |
| 706 | + margin-bottom: 10px; | |
| 707 | + font-size: 16px; | |
| 708 | + position: relative; | |
| 709 | +} | |
| 710 | +.features-container li:before{ | |
| 711 | + content: ''; | |
| 712 | + width:6px; | |
| 713 | + height:6px; | |
| 714 | + position: absolute; | |
| 715 | + left: 0px; | |
| 716 | + top:50%; | |
| 717 | + margin-top: -3px; | |
| 718 | + background:rgba(66,160,251,1); | |
| 719 | + border-radius:50%; | |
| 720 | + } | |
| 701 | 721 | #features .feature-left{} |
| 702 | 722 | #features .feature-left img { |
| 703 | 723 | height: 368px; |
| ... | ... | @@ -749,7 +769,7 @@ a:hover{ |
| 749 | 769 | services CSS |
| 750 | 770 | ===========================*/ |
| 751 | 771 | #Services{ |
| 752 | - background:#fff; | |
| 772 | + background:rgba(247,248,250,1);; | |
| 753 | 773 | } |
| 754 | 774 | #Services .single-service { |
| 755 | 775 | padding: 20px; | ... | ... |