BJ_web_developers / webportal

Commit 69713a2ba0f9d9dcfeb2eb0207bebfe37f4a43e7

Authored by Andy
1 parent f472e838

add 关于我们 经典案例

Inline Side-by-side
Showing 6 changed files with 93 additions and 39 deletions
contact.html
  View file @69713a2
... ... @@ -53,22 +53,6 @@
53 53 </head>
54 54 <body>
55 55  
56   -<!--<div class="color-plate ">-->
57   -<!--<a class="icon"><i class="fa fa-cog fa-spin"></i></a>-->
58   -<!--<h2>Ruby Color</h2>-->
59   -<!--<div class="color-head">-->
60   -<!--<span class="color1"></span>-->
61   -<!--<span class="color2"></span>-->
62   -<!--<span class="color3"></span>-->
63   -<!--<span class="color4"></span>-->
64   -<!--<span class="color5"></span>-->
65   -<!--<span class="color6"></span>-->
66   -<!--<span class="color7"></span>-->
67   -<!--<span class="color8"></span>-->
68   -<!--<span class="color9"></span>-->
69   -<!--</div>-->
70   -<!--</div>-->
71   -
72 56 <!-- Header Area -->
73 57 <header id="header" class="header">
74 58  
... ... @@ -88,36 +72,55 @@
88 72  
89 73 <section id="contact" class="section contact" >
90 74 <div class="container">
91   - <div class="row">
  75 + <p class="row">
92 76 <div class="example-title text-center">经典案例</div>
93 77 <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
94 78 <ul class="example-wrap" id="example-wrap">
95   - <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
96   - <div>
97   - <div>丹阳</div>
98   - <div>智慧停车</div>
99   - </div>
  79 + <li class="example-wrap-main example-wrap-l example-img1">
  80 + </li>
  81 + <li class="example-wrap-main example-msg">
  82 + <div class="exa-msg-title">内蒙古赤峰市</div>
  83 + <p>总投资不低于10亿元，分两期实施。</p>
  84 + <p>平面泊位运营资源1.5万个</p>
  85 + <p>新增泊位资源1万个</p>
  86 + <p>社会停车场接入300+</p>
  87 + <p>主城区机动车保有量18万</p>
  88 + <p>用户空间30万+</p>
  89 + <p>特许经营25年</p>
100 90 </li>
101   - <li class="text-center col-md-6 col-xs-12 example-wrap-cf example-wrap-main">
102   - <div>
103   - <div>赤峰红山区</div>
104   - <div>智慧停车</div>
105   - </div>
106 91  
  92 + <li class="example-wrap-main example-wrap-l example-img2">
  93 + </li>
  94 + <li class="example-wrap-main example-msg">
  95 + <div class="exa-msg-title">江苏扬中市</div>
  96 + <p>负责扬中市城区智慧停车系统的全额投</p>
  97 + <p>资、勘察、设计、建设、运营、维护。</p>
  98 + <p>覆盖路侧车位超过1万个，建设智能停车</p>
  99 + <p>云服务平台，运营管理权限20年</p>
  100 + <p>用户空间10万＋</p>
107 101 </li>
108   - <li class="text-center col-md-6 col-xs-12 example-wrap-yz example-wrap-main">
109   - <div>
110   - <div>扬中</div>
111   - <div>智慧停车</div>
112   - </div>
113 102  
  103 + <li class="example-wrap-main example-wrap-l example-img3">
  104 + </li>
  105 + <li class="example-wrap-main example-msg">
  106 + <div class="exa-msg-title">江苏丹阳市</div>
  107 + <p>总投资4200万元</p>
  108 + <p>政府公共资源运营泊位1万个</p>
  109 + <p>社会车场接入数量200＋</p>
  110 + <p>主城区机动车保有量12万</p>
  111 + <p>用户空间20万+</p>
  112 + <p>特许经营15年</p>
114 113 </li>
115   - <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
116   - <div>
117   - <div>双流</div>
118   - <div>智慧停车</div>
119   - </div>
120 114  
  115 + <li class=" example-wrap-main example-wrap-l example-img4">
  116 + </li>
  117 + <li class=" example-wrap-main example-msg">
  118 + <div class="exa-msg-title">北京西城区</div>
  119 + <p>建设静态交通大数据中心、“西城区停车</p>
  120 + <p>综合管理及信息服务共享平台”</p>
  121 + <p>建立北京西城区停车数据标准规范体系</p>
  122 + <p>实现800多个停车场，13万个停车泊位</p>
  123 + <p>的数据接入。</p>
121 124 </li>
122 125  
123 126 </ul>
... ...
css/contact.css
  View file @69713a2
... ... @@ -35,7 +35,7 @@
35 35 font-weight:400;
36 36 color:rgba(0,0,0,.7);
37 37 }
38   -.example-wrap li{
  38 +/*.example-wrap li{
39 39 height: 331px;
40 40 margin-top: 58px ;
41 41 }
... ... @@ -76,7 +76,7 @@
76 76 line-height: 20px;
77 77 font-size:20px;
78 78 color:rgba(255,255,255,1);
79   -}
  79 +}*/
80 80 .contact-map{
81 81 height: 811px;
82 82 /*background: url("../images/contact-map.png") no-repeat;*/
... ... @@ -130,3 +130,54 @@
130 130  
131 131 }
132 132  
  133 +/*新版 经典案例*/
  134 +.example-wrap-main{
  135 + width: 100%;
  136 + height: auto;
  137 + /*min-width: 1200px;*/
  138 +}
  139 +.example-wrap li{
  140 + height: 232px;
  141 + margin-top: 58px;
  142 + width: 25%;
  143 + float: left;
  144 +}
  145 +.example-wrap-l{
  146 + /*width:336px;*/
  147 + width:100%;
  148 + height:232px;
  149 + border-radius:4px !important;
  150 +}
  151 +.example-img1{
  152 + background: url("../images/contact-wrap-cf.png") no-repeat center center;
  153 + background-size: 100% 100%;
  154 +}
  155 +.example-img2{
  156 + background: url("../images/contact-wrap-yz.png") no-repeat center center;
  157 + background-size: 100% 100%;
  158 +}
  159 +.example-img3{
  160 + background: url("../images/contact-wrap-dy.png") no-repeat center center;
  161 + background-size: 100% 100%;
  162 +}
  163 +.example-img4{
  164 + background: url("../images/contact-wrap-xc.png") no-repeat center center;
  165 + background-size: 100% 100%;
  166 +}
  167 +.example-msg{
  168 + padding-left: 24px;
  169 +}
  170 +.exa-msg-title{
  171 + height:22px;
  172 + font-size:22px;
  173 + font-weight:500;
  174 + color:rgba(0,0,0,1);
  175 + margin-bottom: 18px;
  176 + margin-top: 24px;
  177 +}
  178 +.example-msg p{
  179 + font-size:14px;
  180 + font-weight:400;
  181 + color:rgba(0,0,0,1);
  182 + line-height:23px;
  183 +}
133 184 \ No newline at end of file
... ...
images/contact-wrap-cf.png 0 → 100644
View file @69713a2

137 KB
images/contact-wrap-dy.png 0 → 100644
View file @69713a2

128 KB
images/contact-wrap-xc.png 0 → 100644
View file @69713a2

127 KB
images/contact-wrap-yz.png 0 → 100644
View file @69713a2

131 KB