您的位置:首页 > 代码 > DIV|CSS

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

DIV|CSS 2020-12-05

华为云服务公司网站底部布局,采用DIV与CSS结合设计,简洁大方,易于维护。底部包含版权信息、联系方式等关键内容,通过合理的样式设置,提升用户体验,展示公司品牌形象。

5.00
  • 演示地址查看
  • 后台程序无后台
  • 技术支持
  • 发布者X2069
  • 有效期永久
  • 喜欢66
  • VIP升级点此查看

华为云服务公司网站底部DIV+CSS布局代码示例 - 简洁文字输出

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>

文件目录

    本资源来自:代码 » DIV|CSS » div css华为云服务公司网站底部布局代码

    注:此资源非帝国CMS模板/特效/源码,需要帝国CMS整站模板源码的小伙伴,请移步 帝国CMS模板,感谢支持!

    点击这里复制本文地址 以上内容由墨鱼部落格整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
    div css用户服务需求图文布局代码
    « 上一篇 2020年12月05日
    div css云商城底部文字导航布局代码
    下一篇 » 2020年12月05日
    1、如非特殊说明,本站对本文提供的代码或者素材不拥有任何权利,其版权归原著者拥有。
    2、以上提供的代码或者素材均为作者提供和网友推荐收集整理而来,仅供学习和研究使用。
    3、如有侵犯你版权的,请来信(邮箱:48444431@qq.com)指出,核实后,本站将立即改正。
    4、如有链接无法下载、失效或广告,请点击下面的报错或者联系墨鱼处理!
    5、以上资源售价只是赞助,不代表代码或者素材本身价格。收取费用仅维持本站的服务器开销!
    6、如无特殊说明,如:织梦或者帝国等开源CMS核心模板,那么默认提供的只是HTML模板!
    7、所有代码素材效果均为演示打包,最终效果请参考演示效果,本站不提供任何技术支持和服务。
    8、代码素材均为虚拟物品,演示和描述无错的情况下,无法进行退换服务。

    相关资源