{% extends "oj_base.html" %}
{% block body %}
<div class="container">
    <div class="container">

        <div class="jumbotron">
            <h1>青岛大学在线评测平台</h1>

            <p class="lead">走心的在线评测平台和算法交流社区，全新登场~</p>

            <p><a class="btn btn-lg btn-primary" href="/problems/" role="button">开始刷题！</a></p>
        </div>

        <!-- Example row of columns -->
        <div class="row">
            <div class="col-lg-4">
                <h2>全新UI 全新设计</h2>

                <p>精心设计的UI和交互让你。。。编不下去了 </p>
            </div>
            <div class="col-lg-4">
                <h2>分布式评测</h2>

                <p>技术领先的高性能分布式评测机制，根据提交数量自动伸缩判题机器实例。</p>
            </div>
            <div class="col-lg-4">
                <h2>高质量原创题目</h2>

                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula
                    porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
                    ut fermentum massa.</p>
            </div>
        </div>

    </div>
</div>
{% endblock %}