div css仿华为云服务器软件技术公司网站底部快速导航文字列表布局样式代码。适用于商城、服务器网站底部代码。
使用方法：
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云服务器</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>多渠道服务支持</p>
</a>
</li>
<li>
<a href="#">
<i class="footer-icon-unsub"></i>
<h2>5天</h2>
<p>内无理由退订</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>专享服务</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>产品与支持</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">帮助中心</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>
</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>
</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">云图标库</a>
</dd>
<dd>
<a class="footer-link" href="#">云Axure组件库</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 class="split-line"></dd>
<dt>信任中心</dt>
<dd>
<a class="footer-link" href="#" rel="nofollow">云安全</a>
</dd>
<dd>
<a class="footer-link" href="#" rel="nofollow">安全合规</a>
</dd>
</dl>
<div class="footer-nav-other-link">
<span>其他链接</span>
<a class="footer-link" href="#" rel="nofollow">官网</a>
<a class="footer-link" href="#" rel="nofollow">开发者中心</a>
<a class="footer-link" href="#" rel="nofollow">开发者联盟</a>
<a class="footer-link" href="#" rel="nofollow">企业业务</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>上云服务热线</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="#">备案服务</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>关注云</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="#">知乎社区号</a>
<a class="footer-nav-submenus-qr qr-zhihu" href="#"></a>
</dd>
</dl>
</div>
</div>
</div>
</div>
<!--版权-->
<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">云用户协议</a>
</li>
<li>
<a href="#" rel="nofollow">举报不良信息</a>
</li>
</ul>
<div class="footer-copyright">
<span>版权所有 © 软件技术有限公司 2018</span>
<span>保留一切权利</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>苏公网安备 xxxxxxxxxxxxxx号</span>
</div>
</div>
</div>
</div>
