通用的网页底部导航div布局代码

黑色的云服务器公司网页底部快速导航div布局通用模板代码。产品服务，地区划分，快速入口，帮助支持，关于我们等。

[声明] 墨鱼部落格所有资源为用户免费分享产生，若发现您的权利被侵害，请点击后方链接查看并联系我们，我们尽快处理。免责声明|侵权处理流程

使用方法：

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>

2、body引入HTML代码

<div class="footer">
	<div class="other-link clearfix">
		<div class="link-look clearfix">
			<div class="link-list">
				<h3 class="link-title">产品服务</h3>
				<ul>
					<li>
						<a href="#">云服务器</a>
					</li>
					<li>
						<a href="#">高防服务器</a>
					</li>
					<li>
						<a href="#">高防IP</a>
					</li>
					<li>
						<a href="#">云物理机</a>
					</li>
					<li>
						<a href="#">专属宿主机</a>
					</li>
					<li>
						<a href="#">机柜租用</a>
					</li>
					<li>
						<a href="#">SSL证书</a>
					</li>
					<li>
						<a href="#">弹性IP</a>
					</li>
					<li>
						<a href="#">云硬盘</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">地区划分</h3>
				<ul>
					<li>
						<a href="#">香港服务器</a>
					</li>
					<li>
						<a href="#">美国服务器</a>
					</li>
					<li>
						<a href="#">德国服务器</a>
					</li>
					<li>
						<a href="#">日本服务器</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">快速入口</h3>
				<ul>
					<li>
						<a href="#" target="_blank" class="c_login">控制台</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">帮助支持</h3>
				<ul>
					<li>
						<a href="#">帮助中心</a>
					</li>
					<li>
						<a href="#">网站备案</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">关于我们</h3>
				<ul>
					<li>
						<a href="#">关于网络科技</a>
					</li>
					<li>
						<a href="#">客户案例</a>
					</li>
					<li>
						<a href="#">新闻资讯</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="sucai-contact">
			<div class="bottom-logo">
				<a href="#"></a>
			</div>
			<div class="sucai-companyname">网络科技计算有限公司</div>
			<div class="sucai-phone">7*24小时在线电话：400-xxx-2938</div>
			<div class="sucai-qq">7*24小时在线 QQ：800xxxxx</div>
			<div class="erweima-box clearfix">
				<div class="wechat-erwei">
					<div>微信二维码</div>
					<div class="sucai_wechat"></div>
				</div>
				<div class="phonenet-erwei">
					<div>手机网站二维码</div>
					<div class="sucai_web"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<p>Copyright © sucai Cloud Ltd. All Rights Reserved. 2018 版权所有</p>
		<p><span>网络科技计算有限公司</span><span>粤ICP备1709xxxxx号-1
</span><span><span class="police-icon"></span>粤公网安备 000000000000号</span>
		<span>增值电信业务经营许可证编号：B1-0000000</span></p>
	</div>
</div>

文件目录

本资源来自：代码 » DIV|CSS » 通用的网页底部导航div布局代码

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