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

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

收藏
通用的网页底部导航div布局代码
黑色的云服务器公司网页底部快速导航div布局通用模板代码。产品服务,地区划分,快速入口,帮助支持,关于我们等。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 I想要
  • 上传时间 6年前

使用方法:

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>

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。