1 Star 0 Fork 62

极客/DocHub文库PC端模板

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
user.html 15.99 KB
一键复制 编辑 原始数据 按行查看 历史
TruthHun 提交于 2018-05-23 22:07 . 假装第一次提交
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>游民文库</title>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/flat-ui.min.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<link rel="stylesheet" type="text/css" href="css/wenku.css"/>
<link rel="shortcut icon" href="img/favicon.ico">
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="wk-user">
<div class="container-fluid wk-header">
<div class="container">
<div class="col-xs-6">
<a href="/" title="游民文库">
<img alt="游民文库" class="wk-logo" src="img/logo.png"/>
</a>
</div>
<div class="col-xs-6">
<form class="pull-right" action="/search.html" target="_blank" method="get" role="search">
<div class="input-group input-group-lg">
<input type="text" required="required" name="wd" placeholder="请输入搜索关键字" class="form-control">
<span class="input-group-btn"><button type="submit" class="btn btn-default">游民搜索</button></span>
</div>
</form>
</div>
</div>
</div>
<nav class="container-fluid navbar-inverse navbar navbar-default" role="navigation">
<div class="container">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li><a href="list.html">教育频道</a></li>
<li><a href="list.html">专业资料</a></li>
<li><a href="list.html">实用文档</a></li>
<li><a href="list.html">资格考试</a></li>
<li><a href="list.html">生活休闲</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="upload.html"><span class="fa fa-upload"></span> 上传文档</a></li>
<li class="active"><a href="user.html"><span class="fa fa-user"></span> 会员中心</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-xs-8 wk-left">
<div class="panel panel-default">
<div class="panel-heading clearfix">
<div class="strong pull-left">文档列表</div>
<div class="pull-right wk-show">
<a href="#" title="缩略图展示" class="active"><i class="fa fa-th-large"></i></a>
<a href="#" title="列表展示"><i class="fa fa-list"></i></a>
</div>
<div class="pull-right">
<a href="#" class="active">最新<i class="fa fa-long-arrow-down"></i></a>
<a href="#">评分<i class="fa fa-long-arrow-down"></i></a>
<a href="#">浏览<i class="fa fa-long-arrow-down"></i></a>
<a href="#">下载<i class="fa fa-long-arrow-down"></i></a>
</div>
</div>
<div class="panel-body">
<div class="wk-list-thumb">
<div class="row">
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/cover.png"/>
<img class="wk-icon" src="img/word_24.png"/>
<div class="wk-title">
这里是文档的标题啊啊啊这里是文档的标题啊啊啊这里是文档的标题啊啊啊
</div>
</a>
</div>
</div>
</div>
<div class="wk-list-table">
<div class="wk-list-table-head clearfix">
<div class="col-xs-5">文档</div>
<div class="col-xs-1">评分</div>
<div class="col-xs-2">浏览</div>
<div class="col-xs-2">下载</div>
<div class="col-xs-2">上传时间</div>
</div>
<div class="wk-list-table-body">
<ul>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
<li class="clearfix">
<div class="col-xs-5 wk-text-ellipsis">
<a href="#"><img src="img/pdf_24.png"/> 1.高中政治知识点笔记_经济生活_北京四中文科学霸_2016高考状元笔记</a>
</div>
<div class="col-xs-1">4.5分</div>
<div class="col-xs-2">2132342</div>
<div class="col-xs-2">21312</div>
<div class="col-xs-2">2017-01-02</div>
</li>
</ul>
</div>
</div>
<ul class="pagination">
<li class="active"><a href="javascript:void(0);">1</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/2.html">2</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/3.html">3</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/4.html">4</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/5.html">5</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/6.html">6</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/2.html">&gt;&gt;</a></li><li><a class="num" href="//www.wangpanzhijia.net/music/p/100.html">..100</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-4 wk-right">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-xs-5">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/avatar.jpg"/>
</a>
</div>
<div class="col-xs-7">
<div class="strong"><a href="#">皇虫</a> <small class="text-danger">V12</small></div>
<div class="help-block">
<ul>
<li>财富: <span class="text-primary">3132</span></li>
<li>文档: <span class="text-primary">3132</span></li>
<li>收藏: <span class="text-primary">3132</span></li>
</ul>
</div>
</div>
</div>
<div class="help-block">
<div class="strong">个性签名</div>
  一个热爱生活、认真体会生活、表达生活的人,真诚是态度,文字是我的表达方式;多年从事儿童文学创作,擅长自然童话故事写作;并决心在公司体制之外,用真诚的心去创作美丽的...
</div>
</div>
</div>
<div class="panel panel-default wk-rankuser">
<div class="panel-heading"><div class="strong">分享达人</div></div>
<div class="panel-body">
<ul>
<li class="clearfix">
<div class="col-xs-2 wk-nopadding">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/avatar.jpg"/>
</a>
</div>
<div class="col-xs-10">
<div>
<a href="#" class="wk-username">皇虫</a>
<div class="help-block pull-right"><span class="text-primary">1323</span> 篇文档</div>
</div>
<div class="help-block wk-text-ellipsis">一个热爱生活、认真体会生活、表达生活的人,真诚是态度,文字是我的表达方式</div>
</div>
</li>
<li class="clearfix">
<div class="col-xs-2 wk-nopadding">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/avatar.jpg"/>
</a>
</div>
<div class="col-xs-10">
<div>
<a href="#" class="wk-username">皇虫</a>
<div class="help-block pull-right"><span class="text-primary">1323</span> 篇文档</div>
</div>
<div class="help-block wk-text-ellipsis">一个热爱生活、认真体会生活、表达生活的人,真诚是态度,文字是我的表达方式</div>
</div>
</li>
<li class="clearfix">
<div class="col-xs-2 wk-nopadding">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/avatar.jpg"/>
</a>
</div>
<div class="col-xs-10">
<div>
<a href="#" class="wk-username">皇虫</a>
<div class="help-block pull-right"><span class="text-primary">1323</span> 篇文档</div>
</div>
<div class="help-block wk-text-ellipsis">一个热爱生活、认真体会生活、表达生活的人,真诚是态度,文字是我的表达方式</div>
</div>
</li>
<li class="clearfix">
<div class="col-xs-2 wk-nopadding">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/avatar.jpg"/>
</a>
</div>
<div class="col-xs-10">
<div>
<a href="#" class="wk-username">皇虫</a>
<div class="help-block pull-right"><span class="text-primary">1323</span> 篇文档</div>
</div>
<div class="help-block wk-text-ellipsis">一个热爱生活、认真体会生活、表达生活的人,真诚是态度,文字是我的表达方式</div>
</div>
</li>
<li class="clearfix">
<div class="col-xs-2 wk-nopadding">
<a href="#" class="thumbnail">
<img class="img-responsive" src="img/avatar.jpg"/>
</a>
</div>
<div class="col-xs-10">
<div>
<a href="#" class="wk-username">皇虫</a>
<div class="help-block pull-right"><span class="text-primary">1323</span> 篇文档</div>
</div>
<div class="help-block wk-text-ellipsis">一个热爱生活、认真体会生活、表达生活的人,真诚是态度,文字是我的表达方式</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid wk-footer">
<div class="container">
<div class="row wk-flink">
<div class="col-xs-12">
<div><strong>友情链接</strong></div>
<div class="help-block">
<a href="#">微友网盘搜索</a>
<a href="#">赛纷网</a>
<a href="#">广西南宁游民网络科技</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid wk-footer-dark">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center wk-help">
<a href="#">
手机版
</a>
|
<a href="#">关于我们</a> |
<a href="#">帮助中心</a> |
<a href="#">搜职位</a> |
<a href="#">招人才</a> |
<a href="#">意见反馈</a> |
<a href="#">合作共赢</a>
</div>
<div class="col-xs-12 text-center">
联系地址:广西南宁西乡塘区火炬路17号金达花园 联系电话:0771-0000000
</div>
<div class="col-xs-12 text-center">
©2016 Qianlima.it 桂ICP备16006940号-1
</div>
<div class="col-xs-12 text-center">
广西南宁游民网络科技 版权所有
</div>
<div class="col-xs-12 text-center">
Powered By 游民CMS
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML/CSS
1
https://gitee.com/zhangjinlei/DocHubTemplate4PC.git
git@gitee.com:zhangjinlei/DocHubTemplate4PC.git
zhangjinlei
DocHubTemplate4PC
DocHub文库PC端模板
master

搜索帮助