BJ_web_developers / webportal

Commit 0d49f62a4fddd166a514b34f7b872a4f071453e1

Authored by liuqimichale
1 parent 72a8599e

关于我们自适应

Inline Side-by-side
Showing 7 changed files with 117 additions and 2 deletions
contact.html
  View file @0d49f62
... ... @@ -29,6 +29,7 @@
29 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 + <link type="text/css" rel="stylesheet" href="css/contact.css">
32 33 <!-- Color CSS -->
33 34 <link type="text/css" rel="stylesheet" href="css/color/color7.css">
34 35 <!--<link rel="stylesheet" href="css/color/color1.css">-->
... ... @@ -71,10 +72,56 @@
71 72 </header>
72 73 <!--/ End Header Area -->
73 74  
74   -<div class="contactside" >
75   - 1
  75 +<div class="contactside-bg" >
  76 + <div class="container">
  77 + <div class="row">
  78 + <div class="col-md-12 col-xs-12">
  79 + <p>"任你停"</p>
  80 + <p>构建绿色交通 享受安全便捷出行</p>
  81 + </div>
  82 + </div>
  83 + </div>
76 84 </div>
77 85  
  86 +<section id="example" class="section">
  87 + <div class="container">
  88 + <div class="row">
  89 + <div class="example-title text-center">经典案例</div>
  90 + <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
  91 + <ul class="example-wrap" id="example-wrap">
  92 + <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
  93 + <div>赤峰红山区</div>
  94 + <div>智慧停车项目</div>
  95 + </li>
  96 + <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
  97 + <div>赤峰红山区</div>
  98 + <div>智慧停车项目</div>
  99 + </li>
  100 + <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
  101 + <div>赤峰红山区</div>
  102 + <div>智慧停车项目</div>
  103 + </li>
  104 + <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
  105 +
  106 + </li>
  107 +
  108 + </ul>
  109 + </div>
  110 + </div>
  111 +</section>
  112 +
  113 +<section id="" class="section">
  114 + <div class="container">
  115 + <div class="row">
  116 + <div class="example-title text-center">联系我们</div>
  117 + <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
  118 + <div class="col-md-12 col-xs-12 contact-map">
  119 +
  120 + </div>
  121 + </div>
  122 + </div>
  123 +</section>
  124 +
78 125 <!-- Footer Area -->
79 126 <footer id="footer" class="footer_cont">
80 127  
... ...
css/contact.css 0 → 100644
  View file @0d49f62
  1 +.contactside-bg{
  2 + width: 100%;
  3 + height:600px;
  4 + background: url("../images/contactside-bg.png") no-repeat;
  5 + background-size: 100% 100%;
  6 +}
  7 +.contactside-bg p:nth-of-type(1){
  8 + font-size:69px;
  9 + font-weight:bold;
  10 + color:rgba(255,255,255,1);
  11 + line-height:69px;
  12 + padding-top: 230px;
  13 +}
  14 +.contactside-bg p:nth-of-type(2){
  15 + padding-top: 30px;
  16 + height:34px;
  17 + font-size:34px;
  18 + font-weight:500;
  19 + color:rgba(255,255,255,1);
  20 + line-height:96px;
  21 +}
  22 +.example-title{
  23 + height:36px;
  24 + line-height: 36px;
  25 + font-size:36px;
  26 + font-weight:500;
  27 + color:rgba(0,0,0,1);
  28 +}
  29 +.example-subtitle{
  30 + margin-top: 29px;
  31 + height:22px;
  32 + line-height: 22px;
  33 + font-size:22px;
  34 + font-weight:400;
  35 + color:rgba(0,0,0,.7);
  36 +}
  37 +.example-wrap li{
  38 + height: 331px;
  39 + margin-top: 58px ;
  40 +}
  41 +.example-wrap-dy{
  42 + background: url("../images/example-wrap-dy.png") no-repeat center center;
  43 + background-size: 90% 100%;
  44 +}
  45 +.example-wrap-empty{
  46 + background: url("../images/example-wrap-empty.png") no-repeat center center;
  47 + background-size: 90% 100%;
  48 +}
  49 +.example-wrap-main div:nth-of-type(1){
  50 +
  51 + font-size:30px;
  52 + color:rgba(255,255,255,1);
  53 + padding: 130px 0 10px;
  54 +}
  55 +.example-wrap-main div:nth-of-type(2){
  56 + height: 20px;
  57 + line-height: 20px;
  58 + font-size:20px;
  59 + color:rgba(255,255,255,1);
  60 +}
  61 +.contact-map{
  62 + height: 1011px;
  63 + background: url("../images/contact-map.png") no-repeat;
  64 + background-size: 100% 100%;
  65 +}
... ...
images/contact-map.png 0 → 100755
View file @0d49f62

596 KB
images/contactside-bg.png 0 → 100755
View file @0d49f62

1.86 MB
images/example-wrap-dy.png 0 → 100755
View file @0d49f62

381 KB
images/example-wrap-empty.png 0 → 100755
View file @0d49f62

331 KB
style.css
  View file @0d49f62
... ... @@ -2596,5 +2596,8 @@ a:hover{
2596 2596 .ortfolio-soft-bottom-1 li:nth-of-type(2),.ortfolio-soft-bottom-2 li:nth-of-type(2),.ortfolio-soft-bottom-3 li:nth-of-type(2){
2597 2597 padding-left: 0;
2598 2598 }
  2599 + .contactside-bg p:nth-of-type(1),.contactside-bg p:nth-of-type(2){
  2600 + text-align: center;
  2601 + }
2599 2602 }
2600 2603  
... ...