1 Star 0 Fork 1

Komomon/WCMS

forked from doujiaoer/WCMS 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
article.html 26.67 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="css/default.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<script src="js/jquery.hotkeys.js"></script>
<title>正文</title>
</head>
<body>
<!--主体内容开始-->
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navitation">
<div class="container" style="color:#FFFFFF;">
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;设为首页</a>
</li>
<li>
<a href="#"><span class="glyphicon glyphicon-star"></span>&nbsp;&nbsp;收藏本站</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#" data-toggle="modal" data-target="#userLoginModal"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;登录</a>
</li>
<li>
<a href="#" data-toggle="modal" data-target="#userRegisterModel"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;注册</a>
</li>
</ul>
</div>
</nav>
<!--顶部导航栏结束-->
<div class="container" style="margin-top:60px;">
<div class="row">
<div class="col-sm-5 col-xs-12">
<img src="image/wangzhanlogo_05.jpg" class=img-rounded width="400px" class="img-responsive">
</div>
<div class="col-sm-7 col-xs-12" style="padding:2.5% 0;">
<!--定义表单-->
<form id="frmSearch" action="#">
<div class="input-group">
<input type="text" class="form-control" placeholder="请输入关键字进行站内搜索">
<span class="input-group-btn">
<input type="submit" class="btn btn-default" value="搜索">
</span>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="navbar navbar-default">
<div class="container">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-header">
<a href="#" class="navbar-brand">软件学院</a>
</div>
<div class="collapse navbar-collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li><a href="index.html">首页</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">学院概况
<span class="caret"></span></a>
<ul class="dropdown-menu">
<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>
</li>
<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="#">党群工作</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>
</div>
<!--导航条结束结束-->
<div class="container">
<div class="row">
<div class="col-md-9 col-xs-12 col-sm-9">
<div class="panel panel-primary">
<div class="panel panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-hand-right"></span>&nbsp;&nbsp;当前位置:<a href="index.html" class="">首页</a> &nbsp;&gt;&nbsp;
<a href="#">新闻资讯</a>&nbsp;&gt;&nbsp;正文
</h3>
</div>
<div class="panel panel-body">
<div class="divArcticle">
<h3 class="text-center">新闻标题</h3>
<h5 class="text-center">
<smell>发布时间:2017-8-21</smell>
</h5>
<div class="thumbnail">
<img src="../image/猫猫.jpg" class="img-responsive">
</div>
<div id="artContent">
<p style="text-indent: 2em;">酱豆腐立刻就看到尽快发链接打开如果仅靠很好的机会疯狂聚成名小草莓奶茶明年的肯定能看到广告健康的吗,女美女美女从下面vn</p>
</div>
</div>
<div class="panel panel-primary">
<div class="panel panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-hand-right"></span>&nbsp;&nbsp;新闻评论
</h3>
</div>
<div class="panel panel-body">
<div class="comment">
<div class="media">
<a class="pull-left" href="#">
<img id="touxiang" style="border-radius:50px;" src="../image/头像.jpg" width="60px" height="60px" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">用户239322</h4>
<p>都没法和美女吗看见好几个好几个好风光过后</p>
</div>
</div>
<div class="media">
<a class="pull-left" href="#">
<img id="touxiang" style="border-radius:50px;" src="../image/头像.jpg" width="60px" height="60px" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">用户239322</h4>
<p>都没法和美女吗看见好几个好几个好风光过后</p>
</div>
</div>
<div class="media">
<a class="pull-left" href="#">
<img id="touxiang" style="border-radius:50px;" src="../image/头像.jpg" width="60px" height="60px" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">用户239322</h4>
<p>都没法和美女吗看见好几个好几个好风光过后</p>
</div>
</div>
<div class="media" style=" border-bottom: none;">
<a class="pull-left" href="#">
<img id="touxiang" style="border-radius:50px;" src="../image/头像.jpg" width="60px" height="60px" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">用户239322</h4>
<p>都没法和美女吗看见好几个好几个好风光过后</p>
</div>
</div>
</div>
</div>
</div>
<!--评论列表位置-->
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-hand-right"></span>&nbsp;&nbsp;发表评论
</h3>
</div>
<div class="panel-body">
<form class="form-horizontal">
<!--评论工具栏-->
<div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
<div class="btn-group">
<a class="btn btn-default" data-edit="italic" title="斜体">
<i class="fa fa-italic">
</i>
</a>
<a class="btn btn-default" data-edit="bold" title="粗体">
<i class="fa fa-bold ">
</i>
</a>
<a class="btn btn-default" data-edit="strikethrough" title="删除线">
<i class="fa fa-strikethrough">
</i>
</a>
<a class="btn btn-default" data-edit="underline" title="下划线">
<i class="fa fa-underline">
</i>
</a>
</div>
<div class="btn-group">
<a class="btn btn-default" data-edit="justifyleft" title="左对齐">
<i class="fa fa-align-left ">
</i>
</a>
<a class="btn btn-default" data-edit="justifycenter" title="居中对齐">
<i class="fa fa-align-center">
</i>
</a>
<a class="btn btn-default" data-edit="justifyright" title="右对齐">
<i class="fa fa-align-right">
</i>
</a>
<a class="btn btn-default" data-edit="justifyfull" title="两端对齐">
<i class="fa fa-align-justify">
</i>
</a>
</div>
</div>
<div id="editor" class="form-control" contenteditable="true" style="height:200px;margin:10px 0px;">请文明评论
</div>
<button class="btn btn-primary">发表评论</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-3">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<div class="panel panel-primary" id="hotNews">
<div class="panel panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;&nbsp;最热新闻
</h3>
</div>
<ul class="list-group">
<a href="#" target="_blank" class="list-group-item">
<span class="badge pull-left badgetop3">1</span> &nbsp;&nbsp;最热新闻标题1
</a>
<a href="#" target="_blank" class="list-group-item">
<span class="badge pull-left badgetop3">2</span> &nbsp;&nbsp;最热新闻标题1
</a>
<a href="#" target="_blank" class="list-group-item">
<span class="badge pull-left badgetop3">3</span> &nbsp;&nbsp;最热新闻标题1
</a>
<a href="#" target="_blank" class="list-group-item">
<span class="badge pull-left badgetop4">4</span> &nbsp;&nbsp;最热新闻标题1
</a>
<a href="#" target="_blank" class="list-group-item">
<span class="badge pull-left badgetop5">5</span> &nbsp;&nbsp;最热新闻标题1
</a>
<a href="#" target="_blank" class="list-group-item">
<span class="badge pull-left badgetop6">6</span> &nbsp;&nbsp;最热新闻标题1
</a>
</ul>
</div>
</div>
</div>
<!--精彩评论开始-->
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<a href="#" class="pull-right">更多...</a>
<span class="fa fa-thumbs-o-up"></span>&nbsp;&nbsp;精彩评论
</h3>
</div>
<div class="panel panel-group" id="accordion">
<div class="panle">
<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion" class="list-group-item">原文:诺贝尔获得者解决课件课件</a>
<div class="panel-collapse collapse in" id="collapseOne">
<div class="panel-body">
<a class="list-group-item"><span class="fa fa-comment"></span>&nbsp;精彩评论。。。</a>
<a class="list-group-item"><span class="fa fa-comment"></span>&nbsp;精彩评论。。。</a>
</div>
</div>
</div>
<div class="panel">
<a href="#collapseTwo" data-toggle="collapse" data-parent="#accordion" class="list-group-item">原文:文学奖获得者解决课件课件</a>
<div class="panel-collapse collapse in" id="collapseTwo">
<div class="panel-body">
<a class="list-group-item"><span class="fa fa-comment"></span>&nbsp;精彩评论。。。</a>
<a class="list-group-item"><span class="fa fa-comment"></span>&nbsp;精彩评论。。。</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--专业教育平台-->
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-road"></span>&nbsp;专业教育平台
</h3>
</div>
<ul class="list-group" id="ulPEPlatform">
<li class="list-group-item">
<a href="#" target="_blank">
<span href="#" class="fa fa-mortar-board fa-2x pull-left"></span> 的付款尽快开工
</a>
<div class="divPicText">
<p>房管局科技馆科技馆开发机构 从,吗v,从v,从,你,vnbv 从vm,从v,v,才能,vn,那边
</p>
</div>
</li>
<li class="list-group-item">
<a href="#" target="_blank">
<span href="#" class="fa fa-external-link fa-2x pull-left"></span> 官方机构和价格罚你发
</a>
<div class="divPicText">
<p>房管局科技馆科技馆开发机构 d形成形成了绿茶
</p>
</div>
</li>
<li class="list-group-item">
<a href="#" target="_blank">
<span href="#" class="fa fa-mortar-board fa-2x pull-left"></span> 会觉得好孤单vmcbv
</a>
<div class="divPicText">
<p>房管局科技馆科技馆开发机vmcbv 了大量浪费了打给妈妈爸爸v;\
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer id="divFooter">
<div class="container">
<div class="row rowLinkLogo">
<div class="col-md-3 col-sm-3 col-lg-3 leftLink">
<ul>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
</ul>
</div>
<div class="col-md-6 col-xs-4 col-sm-6 centerLogo" >
<center><img src="../image/吹蜗牛的小女孩.jpg" width="400px" height="80px"></center>
<p>0744-8358630|54854254
<br><a href="#">jkjdfij@163.com</a>
</p>
</div>
<div class="col-md-3 col-xs-3 col-lg-3 rightLink">
<ul>
<li><a href="#">吉林大学</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
<li><a href="#">学院概况</li>
</ul>
</div>
</div>
</div>
<div class="divCopyRight">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-lg-12">
<center>地址:辽宁省会尽快发货个客户顾客
版权所有:进口国际汇款回款</center>
</div>
</div>
</div>
</div>
</footer>
<!--userLoginModal-->
<div class="modal fade" id="userLoginModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<form id="frmUserLogin" class="form-horizontal">
<div class="modal-header">
<buton type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</buton>
<h4 class="modal-title">
<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;用户登录
</h4>
</div>
<div class="modal-body">
<p>
<input type="text" class="form-control" placeholder="用户名/手机号/邮箱账号">
</p>
<p>
<input type="password" class="form-control" placeholder="密码">
</p>
<p>
<lable class="checkbox-inline">
<input type="checkbox" />十天内免登录
</lable>
</p>
</div>
<div class="modal-footer">
<input type="button" class="btn btn-success" value="登&nbsp;录">
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="userRegisterModel" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<!--默认模态弹窗容器样式-->
<div class="modal-content">
<div class="modal-header">
<input type="button" value="&times;" class="close" data-dismiss="modal" aria-hidden="true">
<h4 class="modal-title">
<!--增强可访问性,为移动设备创建“对触摸友好的外观,通知辅助性工具略过模态弹窗的DOM元素-->
<span class="glyphicon glyphicon-user"></span> &nbsp;&nbsp; 用户注册
</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="userRegisterText">用户名</div>
<div class="userRegisterInput">
<input type="text" class="form-control" name="username">
<p class="userRegisterNotice">6~18个字符,可使用数字、字母、下划线,需以字母开头。</p>
</div>
</div>
<div class="row">
<div class="userRegisterText">密码</div>
<div class="userRegisterInput">
<input type="password" class="form-control">
<p class="userRegisterNotice">6~16个字符,区分大小写。</p>
</div>
</div>
<div class="row">
<div class="userRegisterText">确认密码</div>
<div class="userRegisterInput">
<input type="password" class="form-control">
<p class="userRegisterNotice">请再次填写密码。</p>
</div>
</div>
<div class="row">
<div class="userRegisterText">Email</div>
<div class="userRegisterInput">
<input type="password" class="form-control">
<p class="userRegisterNotice">Email格式:rjxy@163.com</p>
</div>
</div>
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-success" value="立即注册">
</div>
</div>
</div>
</div>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/Komomon/WCMS.git
git@gitee.com:Komomon/WCMS.git
Komomon
WCMS
WCMS
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385