直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>
/*网站底部1*/
#footer210525 {padding-top:20px; background:#f3f3f3; }

#footer210525 .bian .col-md-2:nth-child(6) ul{ border-right:none; }
#footer210525 ul { text-align:center; padding:0; margin:0; margin-top:20px; margin-bottom:10px;}
@media (min-width: 768px) {
.adge{ border-right:none;}
}
@media (min-width: 1200px){
	.adge{border-right:1px solid #CCC; border-left:1px solid #f3f3f3}
	}
#footer210525 ul li { margin-bottom:10px; font-size:14px;color:#999;}
#footer210525 ul li a{ color:#999;}
#footer210525 ul li.one { font-size:20px;color:#666}
#footer210525 ul li.one a {color:#666;}
#footer210525 p { font-size:14px; text-align:center;}
#footer210525 p a { color:#333; display:inline-block; padding:0 10px; line-height:18px; border-left:1px solid #CCC;}

#footer210525  .bian .col-md-2:nth-child(6) ul li:nth-child(3) { background:#06f; margin:0 20px; }
#footer210525  .bian .col-md-2:nth-child(6) ul li:nth-child(3) a { color:#fff;}
#footer210525 .banquan{text-align: center;line-height: 30px;border-top:1px solid #cecece;margin-top:20px;padding-top:20px;}
</style>

HTML+JS代码

 <section id="footer210525" style="background:url(http://www.bootfastui.cn/img/2021/0525-2/bg_index.gif)">
  <div class="container">
    <div class="row bian   ">
      <div class="col-md-2 col-xs-6">
        <ul class="adge">
          <li class="one"><a href="http://www.bootfastui.cn">关于我们</a></li>
          <li><a href="http://www.bootfastui.cn">公司介绍</a></li>
          <li><a href="http://www.bootfastui.cn">公司动态</a></li>
          <li><a href="http://www.bootfastui.cn">商务合作</a></li>
          <li><a href="http://www.bootfastui.cn">企业文化</a></li>
        </ul>
      </div>
      <div class="col-md-2 col-xs-6">
        <ul class="adge">
          <li class="one"><a href="http://www.bootfastui.cn">中天项目</a></li>
          <li><a href="http://www.bootfastui.cn">海外游学</a></li>
          <li><a href="http://www.bootfastui.cn">海外留学</a></li>
          <li><a href="http://www.bootfastui.cn">海外义工</a></li>
          <li><a href="http://www.bootfastui.cn">海外实习</a></li>
          <li><a href="http://www.bootfastui.cn">合作办学</a></li>
        </ul>
      </div>
      <div class="col-md-2 col-xs-6">
        <ul class="adge">
          <li class="one"><a href="http://www.bootfastui.cn">海外研学</a></li>
          <li><a href="http://www.bootfastui.cn">澳洲，新西兰</a></li>
          <li><a href="http://www.bootfastui.cn">美国、英国</a></li>
          <li><a href="http://www.bootfastui.cn">微留学</a></li>
        </ul>
      </div>
      <div class="col-md-2 col-xs-6">
        <ul class="adge">
          <li class="one"><a href="http://www.bootfastui.cn">合作办学</a></li>
          <li><a href="http://www.bootfastui.cn">中澳职业教育</a></li>
          <li><a href="http://www.bootfastui.cn">SACE高中课程</a></li>
          <li><a href="http://www.bootfastui.cn">&nbsp;&nbsp;</a></li>

        </ul>
      </div>
      <div class="col-md-2 col-xs-6">
        <ul class="adge">
          <li class="one"><a href="http://www.bootfastui.cn">联系我们</a></li>

          <li><a href="http://www.bootfastui.cn">在线留言</a></li>
          <li><a href="http://www.bootfastui.cn">在线报名</a></li>
        </ul>
      </div>
      <div class="col-md-2 col-xs-6">
        <ul class="adge">
          <li class="one">010-57094682<br />010-64800545</li>

         
        </ul>
        <div class="row">
          <div class="col-md-6">
           <img src="/Public/images/erweima.png" width="100%" />
          </div>
          <div class="col-md-6">
           <img src="/Public/images/erweima.png" width="100%" />
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    <!--row end-->


    <p class="banquan">北京XXXX教育咨询有限公司 版权所有©2007 中天教育, All Rights Reserved<br />
      备案号：京ICP备12022263号-6</p>
  </div>
</section>