黑色大气html5全屏滚动个人主页模板

黑色大气html5全屏滚动个人主页模板,非常创意个性的个人网站模板,共包含5个页面模板。

 

 

 

[accordion titles=”下载^源码展示” type=”” type_style=”” sc_id=”sc1219647088720″][download_local leaf=”” href=”https://pan.baidu.com/s/1Jo2A_vjjW9uKLWTmwFo1Ng”][/download_local]    链接:  密码: pk6q^

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>邵先森的博客 - 此地无银三百两</title>
    <meta name="keywords" content="博客,个人网站,GeeYo,ThinkPHP,bootstrap">
    <meta name="description" content="这里是邵先森的个人网站,记录并分享着他想记录与分享的一切,可是他有点懒,更新的并不是那么频繁!">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="shortcut icon" href="style/images/favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="360-site-verification" content="9080cebca28f53d9fb200a9ef6d9c873" />
    <!-- Js -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/tether.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <link href="static/css/style.css" type="text/css" rel="stylesheet" />
    <script>
    (function(window) {
        var theUA = window.navigator.userAgent.toLowerCase();
        if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
            var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
            if (ieVersion < 10) {
                var str = "你的浏览器版本太low了\n已经和时代脱轨了 :(";
                var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:red'>谷歌</a>," + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:red'>火狐</a>," + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%8C%8E%E8%B1%B9%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:red'>猎豹</a>,其他双核急速模式";
                document.writeln("<pre style='text-align:center;color:#fff;background-color:#0cc; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
                    "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><p>" +
                    str2 + "</p><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
                document.execCommand("Stop");
            };
        }
    })(window);
    </script>
</head>

<body>
    <!-- Header -->
    <div class="nav">
        <a class="logo" href="index.html"><img src="static/picture/logo.png" width="40" title="邵先森的博客"></a>
        <a class="logo pull-right sobtn"><span class="glyphicon glyphicon-search" style="color: #B4B4B4;"></span></a>
    </div>
    <!-- Body -->
    <section class="cd-hero">
        <ul class="cd-hero-slider autoplay">
            <li class="selected">
                <div class="cd-half-width">
                    <h2>邵先森</h2>
                    <p>爱音乐、爱折腾、爱生活</p>
                    <p>HTML,PHP爱好者,'会找影视资源'的好人</p>
                    <a class="cd-btn" href="about.html">查看详情</a>
                </div>
                <div class="cd-half-width cd-img-container">
                    <img src="static/picture/tech-1.png" alt="邵先森" title="邵先森" />
                </div>
            </li>
            <li>
                <div class="cd-full-width">
                    <h2>观点与分享</h2>
                    <p>记录生活点滴,分享人生喜乐!</p>
                    <a class="cd-btn" href="https://www.wophost.cn" target="_blank">查看详情</a>
                </div>
            </li>
            <li>
                <div class="cd-full-width">
                    <h2>影视与感官</h2>
                    <p>观看生活影片,感受欢天喜地!</p>
                    <a class="cd-btn" href="https://www.wophost.cn" target="_blank">查看详情</a>
                </div>
            </li>
            <li class="cd-bg-video">
                <div class="cd-full-width">
                    <h2>志趣相投</h2>
                    <p>我们都一样热爱生活,记录生活,享受生活!</p>
                    <a class="cd-btn" href="https://www.wophost.cn">查看详情</a>
                </div>
                <div class="cd-bg-video-wrapper" data-video="Tpl/Individual/Style/index/video/video">
                </div>
            </li>
            <li>
                <div class="cd-full-width">
                    <h2>说走就走</h2>
                    <p>生活不止眼前的苟且,还有诗和远方的田野!</p>
                    <a class="cd-btn" href="https://www.wophost.cn">查看详情</a>
                </div>
            </li>
        </ul>
        <div class="cd-slider-nav">
            <nav>
                <span class="cd-marker item-1"></span>
                <ul>
                    <li class="selected">
                        <a class="glyphicon glyphicon-user" href="#0">简介</a>
                    </li>
                    <li>
                        <a class="glyphicon glyphicon-fire" href="#0">博客</a>
                    </li>
                    <li>
                        <a class="glyphicon glyphicon-film" href="#0">影视</a>
                    </li>
                    <li>
                        <a class="glyphicon glyphicon-record" href="#0">圈子</a>
                    </li>
                    <li>
                        <a class="glyphicon glyphicon-globe" href="#0">旅行</a>
                    </li>
                </ul>
            </nav>
        </div>
    </section>
    <script src="static/js/main.js"></script>
    <!-- Footer -->
    <div class="clear"></div>
    <div class="foot">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <a href="#">邵先森:www.wophost.cn</a>
                </div>
                <div class="col-sm-8 fr">Copyright © 2017<a href="#">AX</a> Rights Reserved.
                </div>
                <p></p>
            </div>
        </div>
        <!-- 弹出层 -->
        <div class="so">
            <i class="iconfont" title="关闭">×</i>
            <div class="container">
                <form action="https://www.baidu.com/baidu" target="_blank"><!--百度搜索-->
                    <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
                    <input type="text" name="word" class="form-control" baiduSug="1" value="百度搜索..." />
                    <input type="submit" style="display: none;" />
                </form>
            </div>
        </div>
    </div>
    <div class="to-top">↑</div>
    <script src="static/js/geeyo.js"></script>
    <script>
    var bheigh = $(window).height();
    var bheigh = bheigh - 115;
    $(".cd-hero").css('height', bheigh);
    $(window).resize(function() {
        var bheigh = $(window).height();
        var bheigh = bheigh - 115;
        $(".cd-hero").css('height', bheigh);
    });
    </script>
    <script charset="gbk" src="static/js/opensug.js"></script>
</body>

</html>

[/accordion]

 

黑色大气html5全屏滚动个人主页模板

黑色大气html5全屏滚动个人主页模板

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注