Browse Source

增加网络版广告

outaozhen 6 năm trước cách đây
mục cha
commit
c0c1d8e034
3 tập tin đã thay đổi với 75 bổ sung1 xóa
  1. 44 1
      css/global.css
  2. BIN
      images/mainlogo.png
  3. 31 0
      software-list.html

+ 44 - 1
css/global.css

@@ -121,10 +121,53 @@ body{
 .software-list a:hover{
   text-decoration: none;
 }
+.freewrap{
+  background:#eee5df;
+  margin:0 15px 15px 15px;
+  border-radius: 3px;
+}
+.freewrap .col{
+  padding:0;
+}
+.free-title{
+  padding:10px 15px;
+  font-size: 18px;
+  border-radius: 3px 3px 0 0;
+}
+.free-content{
+  position:relative;
+  background:#fff;
+  padding:15px;
+  margin:0 15px 15px;
+  height:90px;
+  border:2px solid #fff;
+  border-radius: 3px;
+}
+.free-content:hover{
+  border:2px solid rgba(255,101,5,0.2);
+}
+.free-content:hover .btn-white{
+  background:#ff6501;
+  color:#fff;
+  border:1px solid #ff6501;
+}
+.freewrap .col:first-child{
+  margin-left: 15px;
+}
+.freewrap .col:last-child{
+  margin-right: 15px;
+}
+.freewrap .col:first-child .free-content{
+  margin-right: 0;
+}
+.free-right{
+  position:absolute;
+  right:15px;
+  bottom:10px;
+}
 .obtian-list{
   position:absolute;
   width:100%;
-  /*height:373px;*/
   overflow-y:auto;
 }
 .obtian-top{

BIN
images/mainlogo.png


+ 31 - 0
software-list.html

@@ -79,6 +79,37 @@
       </div>
       <div class="software-wrap autoHeightL1">
         <div class="software-wrapscroll pt-3 autoHeightL1">
+          <div class="freewrap">
+            <div class="free-title"><img src="images/mainlogo.png" class="mr-2">纵横造价免费网络版</div>
+             <div class="row">
+              <div class="col">
+                <div class="media free-content">
+                  <img class="mr-3" src="images/product01.png" width="60" height="60" alt="公路造价(增值税)">
+                  <div class="media-body clearfix">
+                    <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
+                    <div class="software-body">
+                      <div class="software-bodyleft">
+                        <h5 class="software-title mb-1">纵横公路工程造价管理系统</h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="col">
+                <div class="media free-content">
+                  <img class="mr-3" src="images/product02.png" width="60" height="60" alt="公路造价(增值税)">
+                  <div class="media-body clearfix">
+                    <div class="free-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-download mr-2"></i>立即下载</button></div>
+                    <div class="software-body">
+                      <div class="software-bodyleft">
+                        <h5 class="software-title mb-1">广东公路造价编审系统</h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+             </div>
+          </div>
           <div class="software-list">
             <a href="software-details.html">
               <div class="media">