黑色實(shí)用的云服務(wù)器網(wǎng)站底部導(dǎo)航列表欄布局，div css頁面底部布局代碼。
使用方法：
1、head引入css文件
<link rel="stylesheet" type="text/css" href="css/style.css">
2、body引入HTML代碼
<div class="adaction">
<div class="container">
<p>
全行業(yè)托管云平臺，助力千萬業(yè)務(wù)輕松上云
</p>
<a href="#" rel="nofollow" target="_blank" class="btn btn-blue-border btn-lg"><span class="icon icon-signup"></span> 限時搶購 ? 輕松上云</a>
</div>
</div>
<div class="foot space">
<div class="container" style="line-height:26px;">
<div class="row">
<div class="col-xs-2">
<h4>產(chǎn)品中心</h4>
<ul class="list-unstyled">
<li><a href="#" rel="nofollow">域名注冊</a></li>
<li><a href="#" rel="nofollow">云虛擬主機(jī)</a></li>
<li><a href="#" rel="nofollow" title="香港云服務(wù)器">云服務(wù)器</a></li>
<li><a href="#" rel="nofollow">獨(dú)立IP主機(jī)</a></li>
<li><a href="#" rel="nofollow">獨(dú)立服務(wù)器租用</a></li>
<li><a href="#" rel="nofollow" title="香港高防服務(wù)器租用">高防服務(wù)器租用</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>服務(wù)支持</h4>
<ul class="list-unstyled">
<li><a href="#">抗攻擊方案</a></li>
<li><a href="#">WHMCS財(cái)務(wù)系統(tǒng)</a></li>
<li><a href="#">DirectAdmin面板</a></li>
<li><a href="#" rel="nofollow" target="_blank">支付信息</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>技術(shù)服務(wù)</h4>
<ul class="list-unstyled">
<li><a href="#">系統(tǒng)維護(hù)</a></li>
<li><a href="#">幫助中心</a></li>
<li><a href="#">增值服務(wù)</a></li>
<li><a href="#">渠道代理</a></li>
<li><a href="#">數(shù)據(jù)中心</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>優(yōu)質(zhì)產(chǎn)品</h4>
<ul class="list-unstyled">
<li><a href="#">云服務(wù)器</a></li>
<li><a href="#">香港服務(wù)器</a></li>
<li><a href="#">香港虛擬主機(jī)</a></li>
<li><a href="#">香港云主機(jī)</a></li>
<li><a href="#">香港免備案主機(jī)</a></li>
<li><a href="#" title="香港高防服務(wù)器租用">香港高防服務(wù)器租用</a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>友情鏈接</h4>
<ul class="list-unstyled links" id="div1">
<li><a href="#" target="_blank"><b>爬蟲工具</b></a></li>
<li><a href="#" target="_blank"><b>企業(yè)微信</b></a></li>
<li><a href="#" target="_blank"><b>Chrome插件</b></a></li>
<li><a href="#" target="_blank"><b>Win10專業(yè)版</b></a></li>
<li><a href="#" target="_blank"><b>小程序</b></a></li>
<li><a href="#" target="_blank"><b>成都網(wǎng)站建設(shè)</b></a></li>
<li><a href="#" target="_blank"><b>思維導(dǎo)圖記憶</b></a></li>
<li><a href="#" target="_blank">crm</a></li>
<li><a href="#" target="_blank">景安服務(wù)器托管</a></li>
<li><a href="#" target="_blank"><b>網(wǎng)站建設(shè)</b></a></li>
<li><a href="#" target="_blank">美國主機(jī)</a></li>
<li><a href="#" target="_blank"><b>java源碼學(xué)習(xí)</b></a></li>
<li><a href="#" target="_blank"><b>自助建站</b></a></li>
<li><a href="#" target="_blank"><b>友情鏈接</b></a></li>
<li><a href="#" target="_blank"><b>網(wǎng)絡(luò)推廣</b></a></li>
<li><a href="#" target="_blank"><b>idc公司</b></a></li>
<li><a href="#" target="_blank"><b>互站網(wǎng)</b></a></li>
<li><a href="#" target="_blank"><b>短信平臺</b></a></li>
<li><a href="#" target="_blank"><b>服務(wù)器安全</b></a></li>
<li><a href="#" target="_blank"><b>怎么做網(wǎng)站</b></a></li>
<li><a href="#" target="_blank"><b>CDR教程</b></a></li>
<li><a href="#" target="_blank"><b>公式編輯</b></a></li>
<li><a href="#" target="_blank"><b>條碼標(biāo)簽</b></a></li>
</ul>
</div>
<div class="col-xs-2">
<h4>需要幫助？</h4>
<ul class="list-unstyled">
<li class="phone"><i class="fa fa-phone"><img src="images/tel.jpg" /></i>+852 6997 4319</li>
<li class="phone"><i class="fa fa-phone"><img src="images/tel.jpg" /></i>+86 13266999624</li>
<li>
<a class="btn btn-green" href="#" rel="nofollow" style="background:#1e88e5 !important;color:#fff !important;">
<i style="float:left;"><img src="images/qq.jpg" /></i>
<span style="float:left;">在線交談</span>
</a>
</li>
<li><a>sales@henghost.com</a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row col-xs-12">
<div class="col-xs-6">
Copyright 2018
<a class="footer-link">SonderCloud </a> Limited
</div>
<div class="col-sm-6" style="padding:0;margin:0;">
<ul class="footer_social_links">
<li><a href="#" rel="nofollow">法律法規(guī)</a></li>
<li><a href="#" rel="nofollow">投訴處理</a></li>
<li><a href="#" rel="nofollow">服務(wù)條款</a></li>
<li><a href="#" rel="nofollow">人才招聘</a></li>
<li><a href="#" rel="nofollow">公司簡介</a></li>
<li><a href="#" rel="nofollow">聯(lián)系我們</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script>
var c, _ = Function;
with(o = document.getElementById("div1")) {
innerHTML += innerHTML;
onmouseover = _("c=1");
onmouseout = _("c=0");
}
(F = _("if(#%26||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%26?10:1500);".replace(/#/g, "o.scrollTop")))();
</script>
<style>
#div1 {
height:192px;
overflow:hidden;
}
</style>
div css云服務(wù)器網(wǎng)站底部快速導(dǎo)航布局代碼 
