index.html~

---
layout: default
title: 中国海洋大学学生会
description: 想同学所想，急同学所需，从同学中来，到同学中去
---
<div class="pure-g-r grid-example">
    <div class="pure-u-4-5">
        <div class="l-box">
            <h3>宣传文案</h3>
            <p>
               这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊
            </p>
        </div>
    </div>

    <div class="pure-u-1-5">
        <div class="l-box">
            <h3>一个正在办的活动</h3>
            <p>
                活动介绍
            </p>
        </div>
    </div>

    <div class="pure-u-1-5">
        <div class="l-box">
            <h3>另一个活动</h3>
            <p>
                活动介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍
            </p>
        </div>
    </div>

    <div class="pure-u-4-5">
        <div class="l-box">
            <h3>宣传文案</h3>
            <p>
                这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊这活动好啊快来参加啊
            </p>
        </div>
    </div>

    <div class="pure-u-1 l-centered">
		<img src="{{ site.baseurl }}/img/slide.jpg" alt="Sample image">
    </div>

    <div class="pure-u-2-5">
        <div class="l-box">
            <h3>新闻速递</h3>
            <p>
                校学生会的校园记者们活跃在每一个活动的现场，用相机将美好的一瞬定格，用文字将精彩的活动记录。校会新闻报道是广大学子了解学生会缤纷多彩活动的平台。
            </p>
        </div>
    </div>

    <div class="pure-u-3-5">
        <div class="l-box">
            <h3>最新消息</h3>
{% for rpost in paginator.posts %}
	<article class="post fn-clear">
        <p class="post-title"><a href="{{ site.baseurl }}{{ rpost.url }}" title="{{ rpost.title }}" rel="bookmark">{{ rpost.title }}</a></p>
        <p class="time"><time pubdate="{{ rpost.date }}">{{ rpost.date | date_to_string }}</time></p>
    </article>
{% endfor %}
		</div>
    </div>
</div>