直接使用代码

图片素材

无

css代码

 <style type="text/css">   
    #index-footer{background:#eee;min-height:160px}
    #index-footer .fnav{margin-top:40px}
    #index-footer .fnav ul{padding-top:5px;padding-left:15px;}
    #index-footer .fnav ul li{float:left;margin-right:30px;font-size:16px;font-weight:100;width: 25%;}
    #index-footer .fnav ul li a{color:#666}
    #index-footer .fnav ul li a:hover{text-decoration:underline}
    #index-footer .rightf{margin-top:40px}
    #index-footer .rightf span{height:50px;margin-left:10px}
    #index-footer .content{margin-top:30px;font-size:13px;text-align: center;}
    #index-footer .content p span{display:inline-block;padding:0 15px;border-right:1px solid #64aba5;line-height:15px}
    #index-footer .content p span.last{border:none}
    #index-footer .content p span a{color:#666}
    #index-footer .content p span a:hover{text-decoration:underline}

    @media (min-width:1200px){
        #index-footer .fnav ul li{width: auto;}
        #index-footer .content{text-align: left;}
    }
</style>

HTML+JS代码

 <div id="index-footer">
    <div class="container">
        <div class="col-md-10" style="margin-left:-30px">
            <div class="row">
                <div class="col-md-12">
                    <div class="fnav" >
                        <ul >
                            <li>Tags:</a></li>
                            <li><a href="/esd">ESD技术</a></li>
                            <li><a href="/gdt">浪涌保护</a></li>
                            <li><a href="/pptc">PPTC</a></li>
                            <li><a href="/tss">通信</a></li>
                            <li><a href="/tvs">电源</a></li>
                            <li><a href="/mov">MOV</a></li>
                            <li><a href="/scr">可控硅</a></li>
                            <li><a href="/emc">EMC整改</a></li>
                            <li><a href="/products-line-list/Automotive-TVS-Diodes">汽车电子</a></li>
                            <li><a href="/blog">博客</a></li>
                        </ul>
                    </div>
                    <!--fnav end-->
                </div>
                <!--col-md-6 end -->

            </div>
            <!--row end-->
            <div class="content">
                <p>
                   <span><a href="">隐私政策</a></span><span><a href="">产品概览</a></span>
                    <span><a href="http://www.beian.miit.gov.cn/">沪ICP备20008549号-1</a></span>
                    <span><a href="">沪公网安备31011202012331号</a></span>
                    <span><a href="">OA</a></span>
                    <span class="last"><a href="#">赛米微尔半导体（上海）有限公司 021-3463-7345</a></span>
                </p>
            </div>
        </div>

        <div class="col-md-2"><br />

            <img src="/Public/images/erweima.png" width="60%" class="center-block" />
            <p class="text-center">微信公众号</p>
        </div>
    </div>
    <!--container end-->
</div>