<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="网页关键字"/>
        <meta name="description" content="网页简短描述"/>
        <meta name="author" content=""/>
        <title>紫金新闻页面</title>
        <link rel="stylesheet" href="css/newspage.css">
    </head>
    <body>
    <div class="div1">
                    <div class="d1-h1">
                    <h1>
                    <img src="img/29381f30e924b8993f5a3b4661061d950a7bf66e.jpg.png" alt="" id="d1-img">
                    南京理工大学紫金学院
                    </h1>
                    <ul>
                        <li><a href="登陆页面.html">访客登陆</a></li>            
                    </ul>
                    </div>
                    <div id="d1-ul2">
                    <ul> 
                        <li>学校概况</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 class="add">
        <div id="add-1">
        <ul>
            <li><a href="学校概况.html#学校概况">学校概况</a></li>
            <li><a href="学校概况.html#学校概况">机构设置</a></li>    
            <li><a href="学校概况.html#学校概况">招生就业</a></li>    
            <li><a href="学校概况.html#学校概况">人才培养</a></li>    
            <li><a href="学校概况.html#学校概况">科学研究</a></li>
            <li><a href="学校概况.html#学校概况">合作交流</a></li>
            <li><a href="学校概况.html#学校概况">校园服务</a></li>    
            <li><a href="学校概况.html#学校概况">信息公开</a></li>    
        </ul>
        </div>
        <div id="add-2">
        <ul>
            <a href="学校概况.html#学校概况"><li>学校概况</li></a>
            <a href="学校概况.html#学校概况"><li>机构设置</li></a>
            <a href="学校概况.html#学校概况"><li>招生就业</li></a>
            <a href="学校概况.html#学校概况"><li>人才培养</li></a>
            <a href="学校概况.html#学校概况"><li>科学研究</li></a>
            <a href="学校概况.html#学校概况"><li>合作交流</li></a>
            <a href="学校概况.html#学校概况"><li>校园服务</li></a>
            <a href="学校概况.html#学校概况"><li>信息公开</li></a>
        </ul>
        <ul>
            <a href="学校概况.html#学校概况"><li>学校概况</li></a>
            <a href="学校概况.html#学校概况"><li>机构设置</li></a>
            <a href="学校概况.html#学校概况"><li>招生就业</li></a>
            <a href="学校概况.html#学校概况"><li>人才培养</li></a>
            <a href="学校概况.html#学校概况"><li>科学研究</li></a>
            <a href="学校概况.html#学校概况"><li>合作交流</li></a>
            <a href="学校概况.html#学校概况"><li>校园服务</li></a>
            <a href="学校概况.html#学校概况"><li>信息公开</li></a>
        </ul>
        <ul>
            <a href="学校概况.html#学校概况"><li>学校概况</li></a>
            <a href="学校概况.html#学校概况"><li>机构设置</li></a>
            <a href="学校概况.html#学校概况"><li>招生就业</li></a>
            <a href="学校概况.html#学校概况"><li>人才培养</li></a>
            <a href="学校概况.html#学校概况"><li>科学研究</li></a>
            <a href="学校概况.html#学校概况"><li>合作交流</li></a>
            <a href="学校概况.html#学校概况"><li>校园服务</li></a>
            <a href="学校概况.html#学校概况"><li>信息公开</li></a>
        </ul>
        <ul>
            <a href="学校概况.html#学校概况"><li>学校概况</li></a>
            <a href="学校概况.html#学校概况"><li>机构设置</li></a>
            <a href="学校概况.html#学校概况"><li>招生就业</li></a>
            <a href="学校概况.html#学校概况"><li>人才培养</li></a>
            <a href="学校概况.html#学校概况"><li>科学研究</li></a>
            <a href="学校概况.html#学校概况"><li>合作交流</li></a>
            <a href="学校概况.html#学校概况"><li>校园服务</li></a>
            <a href="学校概况.html#学校概况"><li>信息公开</li></a>
        </ul>
        <ul>
            <a href="学校概况.html#学校概况"><li>学校概况</li></a>
            <a href="学校概况.html#学校概况"><li>机构设置</li></a>
            <a href="学校概况.html#学校概况"><li>招生就业</li></a>
            <a href="学校概况.html#学校概况"><li>人才培养</li></a>
            <a href="学校概况.html#学校概况"><li>科学研究</li></a>
            <a href="学校概况.html#学校概况"><li>合作交流</li></a>
            <a href="学校概况.html#学校概况"><li>校园服务</li></a>
            <a href="学校概况.html#学校概况"><li>信息公开</li></a>
        </ul>
        <ul>
            <a href="学校概况.html#学校概况"><li>学校概况</li></a>
            <a href="学校概况.html#学校概况"><li>机构设置</li></a>
            <a href="学校概况.html#学校概况"><li>招生就业</li></a>
            <a href="学校概况.html#学校概况"><li>人才培养</li></a>
            <a href="学校概况.html#学校概况"><li>科学研究</li></a>
            <a href="学校概况.html#学校概况"><li>合作交流</li></a>
            <a href="学校概况.html#学校概况"><li>校园服务</li></a>
            <a href="学校概况.html#学校概况"><li>信息公开</li></a>
        </ul>
        </div>
    </div>
    <div class="newsdiv3">
        <div id="newsdiv3-1">
            <p id="address">当前位置:<a href="紫金主页面.html" style="color: #73116F;">首页</a>><a href="紫金新闻页面.html" style="color: #73116F;" name="紫金新闻">新闻动态</a></p>
            <p id="title">我校开展党史记录电影《重生》观影活动</p>
            <p id="majoy">2048-11-11&nbsp;&nbsp;&nbsp;发布单位:XXXXX&nbsp;&nbsp;&nbsp;作者:XXX&nbsp;&nbsp;&nbsp;发布人:XXX</p>
            <hr id="d3-hr1">
            <blockquote>
            <p class="body">&nbsp;&nbsp;&nbsp;&nbsp;为深入开展党史国史教育,激发广大师生爱党爱国热情,切实提升学校思想政治工作的亲和力、吸引力,结合“不忘初心、牢记使命”主题教育,发挥影视艺术作品对广大师生思想引领和价值导向的重要作用,根据上级和学校工作要求,11月27日下午,学校组织全体师生党员300余人集中观看了党史纪录电影《重生》。</p>
            <img src="img/d3-img-图2.jpg" class="newsdiv3-img">
            <p class="body">&nbsp;&nbsp;&nbsp;&nbsp;《重生》是迄今为止第一部全面讲述中国***从1921年建党到1949年建国这28年的光辉奋斗历程的纪录电影,是***总书记在十九大报告中回顾中国***艰辛历程的影像化呈现,全景式展现了党带领全国人民从“浴火重生”到“征途如虹”的壮美画卷。</p>
            <img src="img/d3-img-图5.jpg" class="newsdiv3-img">
            <p class="body">&nbsp;&nbsp;&nbsp;&nbsp;此次观影活动带领大家重温了中国***艰苦卓绝的奋斗历程,感受了老一辈无产阶级***家的***初心、远大理想、坚定信念和坚强意志,进一步强化了作为新时代***人的使命担当。</p>
            </blockquote>
        </div>
        <div id="newsdiv3-2">
            <option>新闻动态</option>
            <hr id="newsdiv3-2-hr1">
            <ul>
                <a href="紫金新闻页面.html#紫金新闻"><li>开展党史记录电影《重生...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>龙狮队在第十二届全国舞...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>展教师风采 扬紫金精神 ...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>热烈祝贺我校学子在19年...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>2019年江苏省民办高校与...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>我校党委理论学习中心组...19-11</li></a>
                <hr class="newsdiv3-hr">
            </ul>
        </div>
        <div id="newsdiv3-3">
            <option>通知公告</option>
            <hr id="newsdiv3-3-hr1">
            <ul>
                <a href="紫金新闻页面.html#紫金新闻"><li>紫金学院图书馆期刊招标...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>紫金学院图书馆期刊招标...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>南京理工大学紫金学院国...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>南京理工大学紫金学院20...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>专利代理服务机构遴选项...19-11</li></a>
                <hr class="newsdiv3-hr">
                <a href="紫金新闻页面.html#紫金新闻"><li>南京理工大学紫金学院20...19-10</li></a>
                <hr class="newsdiv3-hr">
            </ul>
        </div>
    </div>
    <!--
    <div class="div5">
        <div id="d5-left">
            联系方式:12345678
            <br>邮编:5646277
            <br>版权所有:某某某有限公司
        </div>
        <div id="d5-center" >
            &nbsp;
        </div>
        <div id="d5-right">
            <a href="http://zj.njust.edu.cn/">友情连接</a>
        </div>
        <br /><br /><br><br>
        <div id="d5-bottom">
            某ICP备456789号某公网安备 12345678901号
        </div>
    </div>
    -->
    </body>
</html>

//                        CSS部分

body{
    margin: 0;
    padding: 0;
    font-family:仿宋;
    background-color: #edeadf;
}
a{
    color: white;
    text-decoration: none;
}
li{
    list-style-type: none;
}
.div1{
    width: 100%;
    height: 170px;
    display: inline-block;
    background: url(../img/headerbg.jpg) repeat fixed center;
}
#d1-img{
    max-height: 80px;
}
.div1 h1{
    font-size: 45px;
    color: lightgoldenrodyellow;
    position: absolute;
    left: 70px;
}
.div1 ul li{
    color: white;
    float:left;
}
.d1-h1 ul{
    position: absolute;
    top: 90px;
    right: 5px;
    float: right;
}
#d1-ul2{
    position: relative;
    top:130px;
}
#d1-ul2 ul li{
    align: center;
    font-size: 20px;
    padding-left: 90px;
}
.add{
    width: 100%;
    opacity: 0;
    background-color: gray;
}
#add-1{
    position: relative;
}
#add-1 ul{
    position: absolute;
    top: -44px;
}
.add ul li{
    float:left;
    align: center;
    font-size: 20px;
    padding-left: 90px;
}
#add-2{
    position: absolute;
}
#add-2 ul li{
    color: black;
    font-size: 15px;
    letter-spacing: 2px;
    word-spacing: 90px;
    padding-left: 100px;
}
#add-2 li:hover{
    color: yellow;
}
.add:hover{
    opacity: 1;
    height: 300px;
}
.newsdiv3{
    text-align: center;
    position: absolute;
    width: 100%;
    height: 1600px;
    background-color: #edeadf;
}
.newsdiv3 option{
    margin-top: 20px;
    margin-left: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #73116F;
}
.newsdiv3-hr{
    color: #808080;
}
#newsdiv3-1{
    position: relative;
    height: 1500px;
    width: 1000px;
    margin: 50px 0px 50px 70px;
    background-color: #FFF;
    float: left;
    border-radius: 10px;
}
#address{
    position: absolute;
    top: 30px;
    left: 30px;
    color: #73116F;
    font-weight: 900;
}
#title{
    position: relative;
    top: 70px;
    color: #73116F;
    font-weight: 900;
    font-size: 25px;
}
#majoy{
    position: relative;
    color: #808080;
    top: 50px;
}
#d3-hr1{
    position: relative;
    color: #808080;
    top: 40px;
}
.body{
    position: relative;
    text-align: left;
    top: 60px;
    font-size: 20px;
    font-weight: bold;
}
.newsdiv3-img{
    position: relative;
    top: 50px;
}
#newsdiv3-2,#newsdiv3-3{
    position: relative;
    text-align: left;
    height: 400px;
    width: 300px;
    margin: 50px 0px 30px 70px;
    background-color: #FFF;
    float: left;
    border-radius: 10px;
}
#newsdiv3-2 ul li,#newsdiv3-3 ul li{
    color: black;
    list-style-type: disc;
    line-height: 20px;
}
#newsdiv3-2-hr1,#newsdiv3-3-hr1{
    color: #73116F;
}

.div5{
    pos-bottom: 0px;
    background: url(../img/linkbg.jpg) no-repeat center;
}
#d5-left{
    font-size: 20px;
    color: white;
    margin-left: 40px;
    margin-top: 90px;
    float: left;
}
#d5-center{
    word-spacing: 130px;
    margin-left: 100px;
    color: white;
    font-size: 70px;
}
#d5-right{
    font-size: 20px;
    margin-right: 70px;
    float: right;
}
#d5-right a{
    font-size: 20px;
}
#d5-right a:hover{
    font-size: 25px;
    color: lightblue;
}
#d5-bottom{
    text-align: center;
    position: relative;
    pos-bottom: 0px;
    clear: both;
    background-color: #73116f;
}

图片说明