activities.html

---
title: Activities - PKU VDIG
layout: default
---

<section>
    <!--Swiper-->
    <div class="swiper-container swiper-slider" data-autoplay="5000" data-slide-effect="fade" data-loop="false"
         style="height: 400px;">
        <div class="jumbotron text-center">
            <h1 style="margin-top: 70px">Activities
            </h1>
            <p class="big"></p>
        </div>
        <div class="swiper-wrapper">
            <div class="swiper-slide" data-slide-bg="images/header-1.jpg">
                <div class="swiper-slide-caption"></div>
            </div>
            <div class="swiper-slide" data-slide-bg="images/header-3.jpg">
                <div class="swiper-slide-caption"></div>
            </div>
            <div class="swiper-slide" data-slide-bg="images/header_PKU_1.jpg">
                <div class="swiper-slide-caption"></div>
            </div>
        </div>
    </div>
</section>

    <main class="page-content">
        <section class="section-border text-center text-lg-left">
            <div class="container">
                <ol class="breadcrumb">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="#">Activities</a></li>
                </ol>
            </div>
        </section>

        <!--Start section-->
        <section class="text-center text-lg-left margin-1">
            <div class="container">
                <div class="row">
                    {% for post in site.posts %}
                    {% if post.type == 'activities' %}
                    <div class="col-lg-6">
                        <article class="thumbnail thumbnail-6 section-border well slow-hover">
                            <div class="image-slow-wrapper"><a href="{{ post.url }}"><img src="{{ BASE_PATH }}/images/activities/{{ post.teser }}" alt=""></a></div>
                            <div class="caption">
                                <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
                                <p class="text-dark-variant-2">{{post.introduction}}</p>
                                <div class="blog-info">
                                    <div class="pull-md-left">
                                        <time class="meta fa-calendar" datetime="2018">{{ post.year }}
                                            {{ post.month }}</time>
                                    </div><a class="button-link" href="{{ post.url }}">Read More</a>
                                </div>
                            </div>
                        </article>
                    </div>
                    {% endif %}
                    {% endfor %}
                </div>
            </div>
        </section>
    </main>
    <!--
    ========================================================
                                                    FOOTER
    ========================================================
    -->