微信掃碼登錄 ×
vip素材 div css華為云服務(wù)公司網(wǎng)站底部布局代碼
vip素材

div css華為云服務(wù)公司網(wǎng)站底部布局代碼

收藏
div css華為云服務(wù)公司網(wǎng)站底部布局代碼
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代碼

<!--注冊(cè)立即試用-->
<div class="register-area">
	<div class="register-area-bg"></div>
	<div class="register-area-wrapper">
		<p class="register-text">免費(fèi)試用 高達(dá)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>免費(fèi)備案</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">云市場(chǎng)</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ù)計(jì)劃</a>
					</dd>
				</dl>
				<dl>
					<dt>賬號(hào)與支付</dt>
					<dd>
						<a class="footer-link" href="#" rel="nofollow">充值/付款</a>
					</dd>
					<dd>
						<a class="footer-link" href="#" rel="nofollow">合同申請(qǐng)</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">價(jià)格計(jì)算器</a>
					</dd>
					<dd>
						<a class="footer-link" href="#" rel="nofollow">管理控制臺(tái)</a>
					</dd>
					<dd>
						<a class="footer-link" href="#" rel="nofollow">備案中心</a>
					</dd>
					<dd>
						<a class="footer-link" href="#" rel="nofollow">費(fèi)用中心</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="#">云市場(chǎng)咨詢</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ū)號(hào)</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">舉報(bào)不良信息</a>
				</li>
			</ul>
			<div class="footer-copyright">
				<span>版權(quán)所有 ? 軟件技術(shù)有限公司 2018</span>
				<span>保留一切權(quán)利</span>
				<a href="#" rel="nofollow">蘇ICP備xxxxxx號(hào)-5</a>
				<span>蘇B2-xxxxxxxxxx號(hào)</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號(hào)</span>
			</div>
		</div>
	</div>
</div>

使用聲明

1. 本站所有素材(未指定商用),僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后,只擁有使用權(quán),著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材,未經(jīng)合法授權(quán),請(qǐng)勿用于商業(yè)用途,會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材,否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途,織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。

  • 軟件 Dreamweaver
  • 格式 HTML
  • 作者 最初的夢(mèng)想
x
×
×

注冊(cè)

QQ注冊(cè) 立即下載 微信注冊(cè) 立即下載

簽到成功!

已連續(xù)簽到1天,連續(xù)簽到3天可獲得50積分

知道了