当前位置 : 首页 > 代码 > 网页特效 > div css > div css华为云服务公司网站底部布局代码

VIP商用 div css华为云服务公司网站底部布局代码

div css仿华为云服务器软件技术公司网站底部快速导航文字列表布局样式代码。适用于商城、服务器网站底部代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

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>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

推荐标签

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了