master

分支 (1)

管理

管理

master

WCMS
/
art01.html

<!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>
    <title>XXXX大学</title>
</head>

<body>
    <div class="container">
        <div class="row" style="background-color:#171C60;width:1135px;margin-left:3px;">
            <div class="col-sm-5 col-xs-12">
                <img src="image/mhdlnulogo.jpg" class=img-rounded width="400px" height="100px" 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 class="navbar navbar-default" role="navigation">
        <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="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>
                        </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="newLayout.html">新闻中心</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-6-14</smell>
                            </h5>
                            <div class="thumbnail">
                                <img src="image/donggan.jpg" width="1024px" class="img-responsive">
                            </div>
                            <div id="artContent">
                                <p style="text-indent: 2em;margin: 0; padding: 0;">动感社团专场表演在太阳鸟报告厅举行，近千名同学到场观看演出，现场气氛热烈。所有同学自发组织应援物品。

                                </p>
                                <p style="text-indent: 2em;margin: 0; padding: 0;">由一首热情洋溢的歌曲《uptown funk》作为开场，点燃了全场观众的热情。演出中，两位男歌手带来温暖和声《不醉不会》让全场进入一个如痴如醉的音乐世界；三届社团负责人同台表演，带来别样精彩；星海剧社与唱响团共同表演的《被偷走的那五年》将气氛推向高峰，演员们绝胜的演技搭配动人的歌声，赢得了全场观众的阵阵喝彩。本次演唱会共表演了10余首歌曲，不同风格的歌曲被歌手们完美演绎。活动尾声，2014级全体成员带来团歌《想唱就唱》，现场观众用手机闪光灯跟随着节奏挥动起手臂，在这片耀眼的“星空”中活动落下帷幕。活动为同学们带来一场美妙绝伦的视听盛宴。

                                </p>
                            </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="new1.html" target="_blank" class="list-group-item">
                                    <span class="badge pull-left badgetop3">1</span> &nbsp;&nbsp;奋斗到最后一息的朱英国院士
                                </a>
                                <a href="#" target="_blank" class="list-group-item">
                                    <span class="badge pull-left badgetop3">2</span> &nbsp;&nbsp;设计学院荣获2017德国红点传达设计最佳设计奖
                                </a>
                                <a href="#" target="_blank" class="list-group-item">
                                    <span class="badge pull-left badgetop3">3</span> &nbsp;&nbsp;《人民日报》八论学习贯彻习近平总书记“7·26”重要讲话精神
                                </a>
                                <a href="#" target="_blank" class="list-group-item">
                                    <span class="badge pull-left badgetop4">4</span> &nbsp;&nbsp;砥砺奋进的5年
                                </a>
                                <a href="#" target="_blank" class="list-group-item">
                                    <span class="badge pull-left badgetop5">5</span> &nbsp;&nbsp;统一思想， 凝心聚力， 真抓实干为全面实现“十二五”发展目标而努力奋斗
                                </a>
                                <a href="#" target="_blank" class="list-group-item">
                                    <span class="badge pull-left badgetop6">6</span> &nbsp;&nbsp;运动大会圆满成功
                                </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">原文：我校第23届校园之声广播台换届大会成功举办</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">原文：设计学院荣获2017德国红点设计最佳设计奖</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>
        </div>
        <!--版权信息开始-->
        <footer id="divFooter" style="float:left;width:1123px;height:311px;margin-left:0px;margin-top:5px;">
            <div class="container">
                <div class="row rowLinkLogo">
                    <div class="col-md-3 col-sm-3 col-lg-3 leftLink">
                        <ul>

                            <li><a href="#">规章制度</a></li>
                            <li><a href="#">财务预算</a></li>
                            <li><a href="#">官方微信</a></li>
                            <li><a href="#">官方APP</a></li>
                            <li><a href="#">虚拟校园</a></li>
                            <li><a href="#">手绘地图</a></li>
                        </ul>
                    </div>
                    <div class="col-md-6 col-xs-4 col-sm-6 centerLogo">
                        <ul>

                            <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-md-3 col-xs-3 col-lg-3 rightLink">
                        <ul>

                            <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="divCopyRight">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-lg-12">
                            <center>地址：辽宁省大连市XXXXXXXXXXXXXXX
                            </center>
                        </div>
                    </div>
                </div>
            </div>
        </footer>


</body>

</html>