当前位置 : 首页 > 代码 > 网页特效 > div css > div css云服务器网站底部快速导航布局代码

VIP商用 div css云服务器网站底部快速导航布局代码

黑色实用的云服务器网站底部导航列表栏布局,div css页面底部布局代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

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

2、body引入HTML代码

<div class="adaction">
    <div class="container">
        <p>
            全行业托管云平台,助力千万业务轻松上云
        </p>
        <a href="#" rel="nofollow" target="_blank" class="btn btn-blue-border btn-lg"><span class="icon icon-signup"></span> 限时抢购 o 轻松上云</a>
    </div>
</div>
<div class="foot space">
    <div class="container" style="line-height:26px;">
        <div class="row">
            <div class="col-xs-2">
                <h4>产品中心</h4>
                <ul class="list-unstyled">
                    <li><a href="#" rel="nofollow">域名注册</a></li>
                    <li><a href="#" rel="nofollow">云虚拟主机</a></li>
                    <li><a href="#" rel="nofollow" title="香港云服务器">云服务器</a></li>
                    <li><a href="#" rel="nofollow">独立IP主机</a></li>
                    <li><a href="#" rel="nofollow">独立服务器租用</a></li>
                    <li><a href="#" rel="nofollow" title="香港高防服务器租用">高防服务器租用</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <h4>服务支持</h4>
                <ul class="list-unstyled">
                    <li><a href="#">抗攻击方案</a></li>
                    <li><a href="#">WHMCS财务系统</a></li>
                    <li><a href="#">DirectAdmin面板</a></li>
                    <li><a href="#" rel="nofollow" target="_blank">支付信息</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <h4>技术服务</h4>
                <ul class="list-unstyled">
                    <li><a href="#">系统维护</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">增值服务</a></li>
                    <li><a href="#">渠道代理</a></li>
                    <li><a href="#">数据中心</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <h4>优质产品</h4>
                <ul class="list-unstyled">
                    <li><a href="#">云服务器</a></li>
                    <li><a href="#">香港服务器</a></li>
                    <li><a href="#">香港虚拟主机</a></li>
                    <li><a href="#">香港云主机</a></li>
                    <li><a href="#">香港免备案主机</a></li>
                    <li><a href="#" title="香港高防服务器租用">香港高防服务器租用</a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <h4>友情链接</h4>
                <ul class="list-unstyled links" id="div1">
                    <li><a href="#" target="_blank"><b>爬虫工具</b></a></li>
                    <li><a href="#" target="_blank"><b>企业微信</b></a></li>
                    <li><a href="#" target="_blank"><b>Chrome插件</b></a></li>
                    <li><a href="#" target="_blank"><b>Win10专业版</b></a></li>
                    <li><a href="#" target="_blank"><b>小程序</b></a></li>
                    <li><a href="#" target="_blank"><b>成都网站建设</b></a></li>
                    <li><a href="#" target="_blank"><b>思维导图记忆</b></a></li>
                    <li><a href="#" target="_blank">crm</a></li>
                    <li><a href="#" target="_blank">景安服务器托管</a></li>
                    <li><a href="#" target="_blank"><b>网站建设</b></a></li>
                    <li><a href="#" target="_blank">美国主机</a></li>
                    <li><a href="#" target="_blank"><b>java源码学习</b></a></li>
                    <li><a href="#" target="_blank"><b>自助建站</b></a></li>
                    <li><a href="#" target="_blank"><b>友情链接</b></a></li>
                    <li><a href="#" target="_blank"><b>网络推广</b></a></li>
                    <li><a href="#" target="_blank"><b>idc公司</b></a></li>
                    <li><a href="#" target="_blank"><b>互站网</b></a></li>
                    <li><a href="#" target="_blank"><b>短信平台</b></a></li>
                    <li><a href="#" target="_blank"><b>服务器安全</b></a></li>
                    <li><a href="#" target="_blank"><b>怎么做网站</b></a></li>
                    <li><a href="#" target="_blank"><b>CDR教程</b></a></li>

                    <li><a href="#" target="_blank"><b>公式编辑</b></a></li>
                    <li><a href="#" target="_blank"><b>条码标签</b></a></li>
                </ul>
            </div>
            <div class="col-xs-2">
                <h4>需要帮助?</h4>
                <ul class="list-unstyled">
                    <li class="phone"><i class="fa fa-phone"><img src="images/tel.jpg" /></i>+852 6997 4319</li>
                    <li class="phone"><i class="fa fa-phone"><img src="images/tel.jpg" /></i>+86 13266999624</li>
                    <li>
						<a class="btn btn-green" href="#" rel="nofollow" style="background:#1e88e5 !important;color:#fff !important;">
							<i style="float:left;"><img src="images/qq.jpg" /></i>
							<span style="float:left;">在线交谈</span>
                        </a>
					</li>
                    <li><a>sales@henghost.com</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <div class="row col-xs-12">
            <div class="col-xs-6">
                Copyright 2018
                <a class="footer-link">SonderCloud </a> Limited
            </div>
            <div class="col-sm-6" style="padding:0;margin:0;">
                <ul class="footer_social_links">
                    <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>
                    <li><a href="#" rel="nofollow">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>

<script>
    var c, _ = Function;
    with(o = document.getElementById("div1")) {
        innerHTML += innerHTML;
        onmouseover = _("c=1");
        onmouseout = _("c=0");
    }
    (F = _("if(#%26||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%26?10:1500);".replace(/#/g, "o.scrollTop")))();
</script>
<style>
    #div1 {
        height:192px;
        overflow:hidden;
    }
</style>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

推荐标签

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了