div css仿華為云服務(wù)器軟件技術(shù)公司網(wǎng)站底部快速導(dǎo)航文字列表布局樣式代碼。適用于商城、服務(wù)器網(wǎng)站底部代碼。
使用方法：
1、head引入css文件
<link rel="stylesheet" type="text/css" href="statics/css/style.css" />
2、body引入HTML代碼
<!--注冊立即試用-->
<div class="register-area">
<div class="register-area-bg"></div>
<div class="register-area-wrapper">
<p class="register-text">免費試用 高達4C8G云服務(wù)器</p>
<a class="cui-btn" href="#">立即試用</a>
</div>
</div>
<!--支持-->
<div class="footer-service">
<div class="footer-wrapper footer-service-wrapper">
<ul>
<li>
<a href="#">
<i class="footer-icon-support"></i>
<h2>7*24</h2>
<p>多渠道服務(wù)支持</p>
</a>
</li>
<li>
<a href="#">
<i class="footer-icon-unsub"></i>
<h2>5天</h2>
<p>內(nèi)無理由退訂</p>
</a>
</li>
<li>
<a href="#">
<i class="footer-icon-record"></i>
<h2>0元</h2>
<p>免費備案</p>
</a>
</li>
<li>
<a href="#">
<i class="footer-icon-pay"></i>
<h2>賠償</h2>
<p>100倍故障賠償</p>
</a>
</li>
<li>
<a href="#">
<i class="footer-icon-feedback"></i>
<h2>意見</h2>
<p>反饋與投訴建議</p>
</a>
</li>
<li>
<a href="#">
<i class="footer-icon-vip"></i>
<h2>VIP</h2>
<p>專享服務(wù)</p>
</a>
</li>
</ul>
</div>
</div>
<!--尾部-->
<div id="footer">
<div class="footer-nav" meta-data-adjust-app="hide">
<div class="footer-wrapper">
<div class="footer-nav-menus">
<dl>
<dt>產(chǎn)品與支持</dt>
<dd>
<a class="footer-link" href="#" rel="nofollow">產(chǎn)品</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">解決方案</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">云市場</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">開發(fā)者中心</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">服務(wù)咨詢</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">幫助中心</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">意見反饋</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">聯(lián)系我們</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">支持與服務(wù)計劃</a>
</dd>
</dl>
<dl>
<dt>賬號與支付</dt>
<dd>
<a class="footer-link" href="#" rel="nofollow">充值/付款</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">合同申請</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">線下匯款/電匯</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">索取發(fā)票</a>
</dd>
</dl>
<dl>
<dt>快速鏈接</dt>
<dd>
<a class="footer-link" href="#" rel="nofollow">價格計算器</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">管理控制臺</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">備案中心</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">費用中心</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">用戶中心</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">云圖標(biāo)庫</a>
</dd>
<dd>
<a class="footer-link" href="#">云Axure組件庫</a>
</dd>
</dl>
<dl>
<dt>關(guān)于云</dt>
<dd>
<a class="footer-link" href="#" rel="nofollow">了解云</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">云簡介</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">客戶案例</a>
</dd>
<dd class="split-line"></dd>
<dt>信任中心</dt>
<dd>
<a class="footer-link" href="#" rel="nofollow">云安全</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">安全合規(guī)</a>
</dd>
</dl>
<div class="footer-nav-other-link">
<span>其他鏈接</span>
<a class="footer-link" href="#" rel="nofollow">官網(wǎng)</a>
<a class="footer-link" href="#" rel="nofollow">開發(fā)者中心</a>
<a class="footer-link" href="#" rel="nofollow">開發(fā)者聯(lián)盟</a>
<a class="footer-link" href="#" rel="nofollow">企業(yè)業(yè)務(wù)</a>
<a class="footer-link" href="#" rel="nofollow">商城</a>
<a class="footer-link" href="#" rel="nofollow">招聘</a>
</div>
</div>
<div class="footer-nav-submenus">
<div class="footer-nav-submenus-inner">
<div class="footer-nav-contact">
<div class="footer-nav-contact-phone">
<h1>上云服務(wù)熱線</h1>
<p>4000 xxx xxx</p>
<ul>
<li>
<a href="#">售前咨詢</a>
<div class="foot-email">
<p>
<a href="#"> huaweicloud.ss@huawei.com </a>
</p>
</div>
</li>
<li>
<a href="#">備案服務(wù)</a>
<div class="foot-email foot-email-right">
<p>
<a href="#"> huaweicloud.ba@huawei.com </a>
</p>
</div>
</li>
</ul>
<ul>
<li>
<a href="#">云市場咨詢</a>
<div class="foot-email">
<p>
<a href="#"> huaweicloud.mp@huawei.com </a>
</p>
</div>
</li>
</ul>
</div>
</div>
<dl class="footer-nav-about">
<dt>關(guān)注云</dt>
<dd>
<a class="footer-nav-submenus-link weixin-sh">云微信</a>
<a class="footer-nav-submenus-qr qr-wechat"></a>
</dd>
<dd>
<i class="footer-icon-weibo"></i>
<a class="footer-nav-submenus-link" href="#">云微博</a>
<a class="footer-nav-submenus-qr qr-weibo" href="#"></a>
</dd>
<dd>
<i class="footer-icon-zhihu"></i>
<a class="footer-nav-submenus-link" href="#">知乎社區(qū)號</a>
<a class="footer-nav-submenus-qr qr-zhihu" href="#"></a>
</dd>
</dl>
</div>
</div>
</div>
</div>
<!--版權(quán)-->
<div class="footer-copyright-container">
<div class="footer-wrapper footer-copyright-wrapper">
<ul class="footer-law">
<li>
<a href="#" rel="nofollow">法律聲明</a>
</li>
<li>
<a href="#" rel="nofollow">隱私政策聲明</a>
</li>
<li>
<a href="#" rel="nofollow">可接受的使用政策</a>
</li>
<li>
<a href="#" rel="nofollow">云用戶協(xié)議</a>
</li>
<li>
<a href="#" rel="nofollow">舉報不良信息</a>
</li>
</ul>
<div class="footer-copyright">
<span>版權(quán)所有 ? 軟件技術(shù)有限公司 2018</span>
<span>保留一切權(quán)利</span>
<a href="#" rel="nofollow">蘇ICP備xxxxxx號-5</a>
<span>蘇B2-xxxxxxxxxx號</span>
</div>
<div class="footer-record">
<i class="footer-icon-record1"></i>
<i class="footer-icon-record2"><a href="#" ></a></i>
<span>蘇公網(wǎng)安備 xxxxxxxxxxxxxx號</span>
</div>
</div>
</div>
</div>
div css華為云服務(wù)公司網(wǎng)站底部布局代碼 
