简洁页面底部

直接使用代码

图片素材

无

css代码

 <style>
.com-footer{background:#414141;padding-top:50px;color:#fff;margin-top:30px;}
.com-footer .f-item h4{font-size:20px;line-height: 40px;}
.com-footer .f-item ul li a{display:block;line-height: 25px;color:#aaa;}
.com-footer .f-item .text-wx{font-size:18px;text-align: center;line-height: 25px;color:#aaa;}
.com-footer .banquan{height:50px;line-height:50px;background:#000;color:#fff;text-align: center;}
</style>

HTML+JS代码

 
<div class='com-footer'>
  <div class="container">
      <div class="row">
          <div class="col-md-3">
              <div class="f-item">
                  <h4>业务范围</h4>
                  <ul>
                      <li><a href="">国内游</a></li>
                      <li><a href="">出境游</a></li>
                      <li><a href="">目的地旅行</a></li>
                  </ul>
              </div>
          </div>

          <div class="col-md-3">
              <div class="f-item">
                  <h4>最新产品</h4>
                  <ul>
                      <li><a href="">祺呈旅行卡</a></li>
                     
                  </ul>
              </div>
          </div>

          <div class="col-md-3">
              <div class="f-item">
                  <h4>联系方式</h4>
                  <ul>
                      <li><a href="">400-8166-579</a></li>
                      <li><a href="">17513238XXX 任经理</a></li>
                      <li><a href="">15639039XXX 吕经理</a></li>
                      <li><a href="">河南省郑州市金水路219号盛润国际</a></li>
                      
                  </ul>
              </div>
          </div>
          <div class="col-md-3">
              <div class="f-item">
                  <img src="/Public/images/erweima.png" class="center-block" width="150" />
                  <h5 class="text_wx text-center">祺呈旅行小程序</h5>

              </div>
          </div>
      </div>
      <br /> <br />
  </div>
  <div class="banquan">
      Copyright@2020 版权所有：河南XXXX国际旅行社有限公司 备案号：豫ICP备1800XXX号-1
  </div>
</div>