1 Star 1 Fork 0

zhtttylz/Blog_HTML

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
HomePage.html 16.91 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--声明文档兼容模式,表示使用IE浏览器的最新模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--设置视口的宽度(值为设备的理想宽度),页面初始缩放值<理想宽度/可见宽度>-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<title>欢迎来到知林</title>
<!--网站logo-->
<link rel="icon" href="img/ZHL.ico" type="image/x-icon"/>
<!-- 引入Bootstrap核心样式文件 -->
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/mycss.css"/>
<!-- 引入jQuery核心js文件 -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="js/bootstrap.js"></script>
<script src="js/jquery.bootstrap-autohidingnavbar.js"></script>
</head>
<body style="background-color: #e9e9e9;">
<div class="container" style="margin-top: 100px;">
<!--标签页头-->
<div class="navbar navbar-inverse navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img style="margin-top: -30%;" src="img/logo.png"/></a>
<a class="navbar-brand" href="#">知林</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">首页</a></li>
<li><a href="answers.html">技术问答</a></li>
<li><a href="personal_homepage.html">个人主页</a></li>
<li><a href="message.html">消息中心</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-book"></span> <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#"><span class="glyphicon glyphicon-cloud-upload"></span>&nbsp;上传文档</a></li>
<li role="separator" class="divider"></li>
<li><a href="#"><span class="glyphicon glyphicon-comment"></span>&nbsp;提问题</a></li>
<li role="separator" class="divider"></li>
<li><a href="#"><span class="glyphicon glyphicon-edit"></span>&nbsp;写博客</a></li>
<li role="separator" class="divider"></li>
<li><a href="#"><span class="glyphicon glyphicon-cloud-download"></span>&nbsp;下载文件</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<img src="img/zzhl.png"/>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">欢迎您,尊敬的<span>zhttty</span></a></li>
<li> <br></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span>&nbsp;&nbsp;&nbsp;退出登录</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
<!--下方主页-->
<div class="container" >
<div class="row">
<!--左侧标签栏-->
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div class="row" style="background-color: white;">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
<div class="hover ehover1" style="margin: 7%;">
<img class="img-responsive" src="img/timthumb.jpg" alt="">
</div>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<a id="a5" style="padding: 3%;" href="news.html">谷歌Chrome浏览器新改进:严格限制网站重定向跳转</a>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<p style="padding: 3%;">
网站重定向指的是用户在访问网站A时,服务器将自动将网页A跳转到B,这种方式通常被用来解决网站域名更
换之后的访问问题,但也可能会被用来引流、引导观看广告,或者是网站被劫持所致,谷歌在新版Chrome当中...
</p>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
</div>
</div>
<div class="row" style="background-color: white; margin-top: 3%;">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
<div class="hover ehover1" style="margin: 7%;">
<img class="img-responsive" src="img/timthumb.png" alt="">
</div>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<a id="a5" style="padding: 3%;" href="">喜闻乐见!服务器又炸了</a>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<p style="padding: 3%;">
今天下午开启了一大波注册码注册,服务器挺不住短时间大量的刷新、数据写入... 然后服务
器就炸了~~~ 几乎都是空白的页面.... 如果你有任何想法,欢迎留言!
</p>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
</div>
</div><div class="row" style="background-color: white;margin-top: 3%;">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
<div class="hover ehover1" style="margin: 7%;">
<img class="img-responsive" src="img/kaifazhedahui.png/" alt="">
</div>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<a id="a5" style="padding: 3%;" href="">中国·上海 2017 Google 开发者大会</a>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
<p style="padding: 3%;">
Google 开发者大会再度来袭! 2017 Google 开发者大会为期两天,将于 12 月 13 日和 14
日在上海举办,主题将涵盖机器学习 (Machine Learning)、Android...
</p>
</div>
<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
</div>
</div>
</div>
<!--右侧标签栏-->
<div class="hidden-sm hidden-xs col-md-4 col-lg-4">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="" style=" background-color: white; ">
<!--右侧标签-->
<ul class="nav nav-tabs" style="border: none; background-color: #ccc8c9;">
<li style="margin-left: 38%;" role="presentation"><h4>热门文章</h4></li>
</ul>
<!--右侧信息栏-->
<div class="new_tab">
<div class="row">
<!--右侧信息栏信息div-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="li_tab1" style="padding: 5%;">
<div class="row">
<div class="hidden-xs hidden-sm col-md-4 col-lg-4">
<div class="hover ehover1">
<img class="img-responsive" src="img/aaaaaaaa (2).jpg" alt="">
</div>
</div>
<div class="hidden-xs hidden-sm col-md-8 col-lg-8">
<a href="" id="a6">关于hosts 2017.9.19号开始的一些问题</a>
</div>
</div>
</div>
</div>
<!--右侧信息栏信息div-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="li_tab1" style="padding: 5%; margin-top: 8%;">
<div class="row">
<div class="hidden-xs hidden-sm col-md-4 col-lg-4">
<div class="hover ehover1">
<img class="img-responsive" src="img/aaaaaaaa (1).jpg" alt="">
</div>
</div>
<div class="hidden-xs hidden-sm col-md-8 col-lg-8">
<a href="" id="a6">关于hosts 2017.9.19号开始的一些问题</a>
</div>
</div>
</div>
</div>
<!--右侧信息栏信息div-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="li_tab1" style="padding: 5%; margin-top: 8%;">
<div class="row">
<div class="hidden-xs hidden-sm col-md-4 col-lg-4">
<div class="hover ehover1">
<img class="img-responsive" src="img/aaaaaaaa (1).png" alt="">
</div>
</div>
<div class="hidden-xs hidden-sm col-md-8 col-lg-8">
<a href="" id="a6">关于hosts 2017.9.19号开始的一些问题</a>
</div>
</div>
</div>
</div>
<!--右侧信息栏信息div-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
<div class="li_tab1" style="padding: 5%; margin-top: 8%;">
<div class="row">
<div class="hidden-xs hidden-sm col-md-4 col-lg-4">
<div class="hover ehover1">
<img class="img-responsive" src="img/aaaaaaaa (3).jpg" alt="">
</div>
</div>
<div class="hidden-xs hidden-sm col-md-8 col-lg-8">
<a href="" id="a6">关于hosts 2017.9.19号开始的一些问题</a>
</div>
</div>
</div>
</div>
<!--右侧信息栏信息div-->
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
<div class="li_tab1" style="padding: 5%; margin-top: 8%;">
<div class="row">
<div class="hidden-xs hidden-sm col-md-4 col-lg-4">
<div class="hover ehover1">
<img class="img-responsive" src="img/aaaaaaaa (2).png" alt="">
</div>
</div>
<div class="hidden-xs hidden-sm col-md-8 col-lg-8">
<a href="" id="a6">关于hosts 2017.9.19号开始的一些问题</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--轮播图-->
<div style="margin-top: 3%;" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/erji.jpg" alt="">
</div>
<div class="item">
<img src="img/wansheng.jpg" alt="...">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--下方三个展现块-->
<div class="row" style="margin-top: 2%;margin-bottom: 5%;">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="" style=" background-color: white; ">
<!--右侧标签-->
<ul class="nav nav-tabs" style="border: none; background-color: #ccc8c9;">
<li style="margin-left: 38%;" role="presentation"><h4>热门博客</h4></li>
</ul>
<!--每一行行首图片-->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="hover ehover1">
<img class="img-responsive" src="img/bbbbb.png" alt="">
</div>
</div>
</div>
<div class="news">
<a href="#" class="list-group-item">Go语言如何实现遗传算法</a>
<a href="#" class="list-group-item">在win10系统上弹出toast和notification</a>
<a href="#" class="list-group-item">TensorFlow MNIST 手写数字识别之过拟合</a>
<a href="#" class="list-group-item">正则表达式从入门到实战</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="" style=" background-color: white; ">
<!--右侧标签-->
<ul class="nav nav-tabs" style="border: none; background-color: #ccc8c9;">
<li style="margin-left: 38%;" role="presentation"><h4>热门资源</h4></li>
</ul>
<!--每一行行首图片-->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="hover ehover1">
<img class="img-responsive" src="img/bb.png" alt="">
</div>
</div>
</div>
<div class="news">
<a href="#" class="list-group-item">PLSQL Developer 12.0.6 注册码 亲测可用</a>
<a href="#" class="list-group-item">xcode配置iOS 11.1 开发包</a>
<a href="#" class="list-group-item">eCharts地图344个县区(附带两种方式demo)</a>
<a href="#" class="list-group-item">dubbo分布式框架搭建demo</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="" style=" background-color: white; ">
<!--右侧标签-->
<ul class="nav nav-tabs" style="border: none; background-color: #ccc8c9;">
<li style="margin-left: 38%;" role="presentation"><h4>消息中心</h4></li>
</ul>
<!--每一行行首图片-->
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="hover ehover1">
<img class="img-responsive" src="img/bbbb.jpg" alt="">
</div>
</div>
</div>
<div class="news">
<a href="#" class="list-group-item">mybatis如何对数据库已经存在的数据进行校验</a>
<a href="#" class="list-group-item">编写聊天界面出现问题?</a>
<a href="#" class="list-group-item">c#中求1到5阶乘和的问题</a>
<a href="#" class="list-group-item">asp.net内相对路径文件夹报错问题?</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--下方底层栏-->
<div class="container-fluid" style="background-color: black; height: 100px;">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: center;">
<span style="color: white; font-size: 100%;">
</br>关于本站:</br>拥有共同兴趣的人的讨论圈子</br>欢迎大家先来吹吹,侃侃技术栈
</span>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="margin-top: 1%;">
<span style="color: white; font-size: 100%;">
联系我们:
</span>
<div class="">
<a href="#"><img src="img/d.png" alt="..." class="img-circle" style="width: 4%; height: 4%; margin: 2%;"></a>
<a href="#"><img src="img/c.png" alt="..." class="img-circle" style="width: 4%; height: 4%; margin: 2%;"></a>
<a href="#"><img src="img/a.png" alt="..." class="img-circle" style="width: 4%; height: 4%; margin: 2%;"></a>
<a href="#"><img src="img/b.png" alt="..." class="img-circle" style="width: 4%; height: 4%; margin: 2%;"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
$("div.navbar-fixed-top").autoHidingNavbar();
</script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/zhtttylz/Blog_HTML.git
git@gitee.com:zhtttylz/Blog_HTML.git
zhtttylz
Blog_HTML
Blog_HTML
master

搜索帮助