黑色的云服务器公司网页底部快速导航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>