stu-compete
/
communityDetail.html

<!DOCTYPE html>
<html lang="zh-cn">

<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">
    <title>社区详情</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/communityDetail.css">
    <script src="./js/jquery-1.12.4.min.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="header">
        <img class="logo-l" src="./imgs/logo.png">
        <div class="topnav">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li><a href="./allCompete.html">竞赛汇总</a></li>
                <li><a href="./JoinTeam.html">组队</a></li>
                <li><a href="./community.html">社区</a></li>
                <li><a href="./jobs.html">实习求职</a></li>
                <li><a href="#">优秀作品</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
        <!-- 搜索 -->
        <div class="search-box">
            <input id="top_search" type="search" placeholder="搜比赛或用户">
        </div>
        <!-- 头像 -->
        <div class="logoinbox">
            <img class="logo" src="./imgs/logo.png">
            <span class="name">宋小宝</span>
            <span><a href="./login.html">退出</a></span>
        </div>
    </div>

    <div class="container">
        <div class="m-body">
            <div class="m-b-l">
                <div class="article-h">
                    <p class="tit">推荐 | 怎么准备全国大学生英语竞赛？有哪写经验技巧值得借鉴分享？</p>
                    <p class="type">数据建模</p>
                    <div class="abstract">
                        <p>赛氪社区·中国科学院大学</p>
                        <p>2020-04-30</p>
                        <p>阅读数31131</p>
                    </div>
                    <div class="btn-gz">
                        <i class="star"></i>
                        <span>关注</span>
                        <span>101</span>
                    </div>
                </div>
                <div class="article-b">
                    <!-- 图文 -->
                    <div class="art-nr">
                        <p class="wdtit">一、大赛前言</p>
                        为贯彻《教育部关于全面提高高等教育质量的若干意见》，配合《中国英语能力等级量表》的实施和推广，以语言应用为导向，为大学生提供展示英语应用能力平台，激发大学生学习英语的积极性。“普译奖”作为外语类品牌赛事，已成功举办三届“普译奖”全国大学生翻译比赛及两届全国大学生英语写作大赛，吸引全国1500多所高校近25万人参加，受到各高校及英语研习机构的广泛好评。现在此基础上由《海外英语》杂志联合我爱竞赛网、172校园活动网主办，各高校外语研究机构共同协办2020年第四届“普译奖”全国大学生翻译比赛。
                        <p class="wdtit">二、组织机构</p>
                        组织单位：“普译奖”活动组委会
                        主办单位：《海外英语》杂志
                        联合主办单位：我爱竞赛网、172校园活动网
                        高校协办单位：江苏师范大学外国语学院时代先锋志愿者服务队、南京航空航天大学英语爱好者协会、中北大学polly口语社、山东财经大学英语联合会、兰州理工大学英语协会、辽宁铁道职业技术学院英语协会、甘肃林业职业技术学院社团联合会、漳州理工职业学院等
                        <p><img src="./imgs/game3.jpg" alt=""></p>
                    </div>
                    <!-- 评论 -->
                    <div class="art-pl">
                        <div class="pl-head">
                            <span>47</span>个回答 （<i class="onsort">按时间倒序</i> · <i>按时间正序</i>）
                            <div class="toanswer">发表回答</div>
                        </div>
                        <!-- 评论列表 -->
                        <ul class="pl-list">

                        </ul>
                        <!-- 发表评论 -->
                        <div class="pl-my"></div>
                    </div>
                </div>
            </div>
            <!-- 右- -->
            <div>
                <div class="m-b-r">
                    <div class="grxx">
                        <div class="touxian">
                            <img class="logo" src="./imgs/logo.png">
                            <p class="name">赛氪社区</p>
                            <p class="sc">中国科学院大学</p>
                            <div class="btn-like">关注</div>
                        </div>
                        <ul class="grxx-b">
                            <li>
                                <p>88篇</p>
                                <p>文章问答</p>
                            </li>
                            <li>
                                <p>55万次</p>
                                <p>总浏览量</p>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="m-b-r">
                    <p class="mdtit">最新发表</p>
                    <ul class="tj-list">
                        <li>
                            <a href="#">
                                <img class="mimg" src="./imgs/game1.jpg">
                                <div>
                                    <p class="tit">设计及项目设计及项目建筑...</p>
                                    <div class="czuo">
                                        <p class="item">
                                            <span>评论</span>
                                            <span>28</span>
                                        </p>
                                        <p class="item">
                                            <span>浏览</span>
                                            <span>218</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="mimg" src="./imgs/game1.jpg">
                                <div>
                                    <p class="tit">设计及项目设计及项目建筑...</p>
                                    <div class="czuo">
                                        <p class="item">
                                            <span>评论</span>
                                            <span>28</span>
                                        </p>
                                        <p class="item">
                                            <span>浏览</span>
                                            <span>218</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img class="mimg" src="./imgs/game1.jpg">
                                <div>
                                    <p class="tit">设计及项目设计及项目建筑...</p>
                                    <div class="czuo">
                                        <p class="item">
                                            <span>评论</span>
                                            <span>28</span>
                                        </p>
                                        <p class="item">
                                            <span>浏览</span>
                                            <span>218</span>
                                        </p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

</html>