直接使用代码

图片素材

css代码

   <style>
  #footer{ background:#81c027; padding:40px 0}
#footer .f_right ul { text-align:right; padding-top:50px}
#footer .f_right ul  li{ display:inline-block;}
#footer .f_right ul  li a{ display:inline-block; padding:0 30px;  color:#fff; font-size:18px;  border-right:1px solid #fff}

#footer .contact-info{ text-align:center; padding-top:30px; font-size:18px; line-height:30px; color:#fff; }
</style>

HTML+JS代码

     
<!--底部 -->
<div  id="footer" style="background:#81c027">
    <div class="container">
        <div class="col-md-3 col-xs-12">
            <img src="http://www.bootfastui.cn/img/2020/1203/contact.jpg" class="img-responsive"/>
        </div>
        
        <div class="col-md-9 f_right col-xs-12">
                 <ul>
                      <li><a href="/">首页</a></li>
                      <li><a href="/index.php/Home/Index/list_about">关于我们</a></li>
                      <li><a href="/index.php/Home/Index/list_news">新闻动态</a></li>
                      <li><a href="/index.php/Home/Index/list_zhaopin">人才招聘</a></li>
                      <li><a href="/index.php/Home/Index/list_contact" style="border:none">联系方式</a></li>
                  </ul>
        </div> 
        <div class="clear">
           <img src="http://www.bootfastui.cn/img/2020/1203/line.png" class=" img-responsive center-block"/>
        </div>
        
        <p class="contact-info">
         电话：400-900-8038 ??邮箱：hejiecong@52cfzy.com<br/>
            地址：广东省广州市白云区增槎路798号北楼805室<br/>
            版权所有：广东程丰智运科技有限公司  <a target="_blank" style="color:#FFFFFF;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011102001742">备案号：粤ICP备18042167号-1</a>  
		  <div style="width:300px;margin:0 auto; padding:20px 0;">
             <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011102001742" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="/Public/images/icon_yuewangga.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#FFFFFF;">粤公网安备 44011102001742号</p></a>
          </div>
		  
        </p>
    </div>
    <div class="clear"></div>
</div>