{% set header_title = 'Blog' %}
{% set header_image = 'assets/images/light/banner-blog-bg.jpg' %}
{% set header_size = 'small' %}

{% extends 'layouts/layout-light.html' %}

{% block content %}
    <div class="container youplay-news">

        <!-- News List -->
        <div class="col-md-9 col-md-push-3">

            <!-- Single News Block -->
            <div class="news-one">
                <div class="row vertical-gutter">
                    <div class="col-md-4">
                        <a href="light-blog-post-1.html" class="angled-img">
                            <div class="img">
                                <img src="assets/images/light/game-road-no-taken-500x375.jpg" alt="">
                            </div>
                            <div class="over-info bottom h4">Today</div>
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="clearfix">
                            <h3 class="h2 pull-left m-0"><a href="light-blog-post-1.html">Road Not Taken - First Try!</a></h3>
                        </div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> <a href="#">Road Not Taken</a>, <a href="#">first try</a>, <a href="#">first boss problem</a>, <a href="#">newbie game</a>
                        </div>
                        <div class="description">
                            <p>
                                Ut sibi fuerat socius sagittis. Ego intervenerit. Vere quia a te nuper iratus occidit illos undecim annorum puer. Deinde, si hoc forte qui fuit imperavit.
                            </p>
                            <p>
                                Quod satis pecuniae sempiternum. Ut sciat oportet motum. Nunquam invenies eum. Hic de tabula. Lorem ipsum occurrebat pragmaticam semper ut, si quis ita velim tibi bene recognoscere.
                            </p>
                        </div>
                        <a href="light-blog-post-1.html" class="btn read-more pull-left">Read More</a>
                    </div>
                </div>
            </div>
            <!-- /Single News Block -->

            <!-- Single News Block -->
            <div class="news-one">
                <div class="row vertical-gutter">
                    <div class="col-md-4">
                        <a href="light-blog-post-2.html" class="angled-img">
                            <div class="img">
                                <img src="assets/images/light/game-botanicula-500x375.jpg" alt="">
                            </div>
                            <div class="over-info bottom h4">March 9, 2015</div>
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="clearfix">
                            <h3 class="h2 pull-left m-0"><a href="light-blog-post-2.html">Coming to Youplay - Botanicula</a></h3>
                        </div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> <a href="#">Botanicula</a>, <a href="#">coming soon</a>, <a href="#">first review</a>, <a href="#">sale date</a>
                        </div>
                        <div class="description">
                            Pergo coctione, et ego, et tu oblivisci Pinkman. Obliviscendum hoc unquam factum. Intelligamus hoc in sola SINGULTO multo aliter atque fructuosa negotium structura. Malo B. Option.
                        </div>
                        <a href="light-blog-post-2.html" class="btn read-more pull-left">Read More</a>
                    </div>
                </div>
            </div>
            <!-- /Single News Block -->

            <!-- Single News Block -->
            <div class="news-one">
                <div class="row vertical-gutter">
                    <div class="col-md-4">
                        <a href="#" class="angled-img">
                            <div class="img">
                                <img src="assets/images/light/game-journey-500x375.jpg" alt="">
                            </div>
                            <div class="over-info bottom h4">March 1, 2015</div>
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="clearfix">
                            <h3 class="h2 pull-left m-0"><a href="#">Review Journey</a></h3>
                        </div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> <a href="#">Journey</a>, <a href="#">game</a>, <a href="#">review</a>
                        </div>
                        <div class="description">
                            Nonne vides quid sit? Tu es ... Jesse me respice. Tu ... blowfish sunt. A blowfish! Cogitare. Statura pusillus, nec sapientium panem, nec artificum. Sed predators facile prædam blowfish secretum telum non se habet. Non ille? Quid faciam blowfish, Isai. Blowfish quid faciat? In blowfish inflat, purus?
                        </div>
                        <a href="#" class="btn read-more">Read More</a>
                    </div>
                </div>
            </div>
            <!-- /Single News Block -->

            <!-- Single News Block -->
            <div class="news-one">
                <div class="row vertical-gutter">
                    <div class="col-md-4">
                        <a href="#" class="angled-img">
                            <div class="img">
                                <img src="assets/images/light/game-broken-age-500x375.jpg" alt="">
                            </div>
                            <div class="over-info bottom h4">February 19, 2015</div>
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="clearfix">
                            <h3 class="h2 pull-left m-0"><a href="#">Broken Age, 60% Off</a></h3>
                        </div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> <a href="#">Broken Age</a>, <a href="#">special offer</a>, <a href="#">discount</a>, <a href="#">60% off</a>
                        </div>
                        <div class="description">
                            <p>
                                At nolo de me ipso turpis. Ut nullam curae. Scis quid mihi quod infernum sit amet nunc magis animum, nunc eros eget quam cogitatione emptio damnat. Purus? Sic, si fieri justi ... amabo.
                            </p>
                            <p>
                                Prohibere. Striga! Ut custodiant te sermonem dicens - periculi ... periculo! Non ego illud numquam. Dixi sunt implicatae. Elatus deinde manubrio!
                            </p>
                        </div>
                        <a href="#" class="btn read-more pull-left">Read More</a>
                    </div>
                </div>
            </div>
            <!-- /Single News Block -->

            <!-- Single News Block -->
            <div class="news-one">
                <div class="row vertical-gutter">
                    <div class="col-md-4">
                        <a href="#" class="angled-img">
                            <div class="img">
                                <img src="assets/images/light/game-dream-500x375.jpg" alt="">
                            </div>
                            <div class="over-info bottom h4">February 2, 2015</div>
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="clearfix">
                            <h3 class="h2 pull-left m-0"><a href="#">Whats New in Dream</a></h3>
                        </div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> <a href="#">Dream</a>, <a href="#">new features</a>, <a href="#">update</a>
                        </div>
                        <div class="description">
                            Sum expectantes. Ego hodie expectantes. Expectantes, et misit unum de pueris Gus interficere. Et suus vos. Nescio quis, qui est bonus usus liberi ad Isai? Qui nosti ... Quis dimisit filios ad necem ... hmm? Gus! Est, ante me factus singulis decem gradibus. Et nunc ad aliud opus mihi tandem tollendum est puer ille consensus et nunc fugit. Ipse suus obtinuit eam. Non solum autem illa, sed te tractantur in se trahens felis.
                        </div>
                        <a href="#" class="btn read-more pull-left">Read More</a>
                    </div>
                </div>
            </div>
            <!-- /Single News Block -->

            <!-- Single News Block -->
            <div class="news-one">
                <div class="row vertical-gutter">
                    <div class="col-md-4">
                        <a href="#" class="angled-img">
                            <div class="img">
                                <img src="assets/images/light/game-flower-500x375.jpg" alt="">
                            </div>
                            <div class="over-info bottom h4">January 27, 2015</div>
                        </a>
                    </div>
                    <div class="col-md-8">
                        <div class="clearfix">
                            <h3 class="h2 pull-left m-0"><a href="#">Flower Review</a></h3>
                        </div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> <a href="#">Flower</a>, <a href="#">review</a>, <a href="#">game</a>
                        </div>
                        <div class="description">
                            Ille vivere. Ut ad te quaerebam ... purgare caeli. Sunt uh ... nonnullus propter errorem qui de rebus inter nos et iacere puto suus in causa, id est in mensa. Levir meus, priusquam oppugnarent tempus quis, admonere dicitur. Credo quod idem mihi praesidium.
                        </div>
                        <a href="#" class="btn read-more pull-left">Read More</a>
                    </div>
                </div>
            </div>
            <!-- /Single News Block -->

            <!-- Pagination -->
            <ul class="pagination">
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">Next</a></li>
            </ul>
            <!-- /Pagination -->
        </div>
        <!-- /News List -->

        <!-- Left Side -->
        <div class="col-md-3 col-md-pull-9">
            {% include "shared/light-sidebar-blog.html" %}
        </div>
        <!-- /Left Side -->

    </div>
{% endblock %}