{% extends "web/base.html.twig" %}
{% block body %}
    <div class="wrapper" style="min-height: 360px; opacity: 1;">

        <!-- CONTAINER -->
        <div class="content container">
            <div class="row">
                <div class="col-md-12 padding-bottom-xl  margin-top-md">
                    <h1>Blog</h1>
                </div>
            </div>
            <div class="row irow post format-standart">
                <div class="col-sm-3">
                    <div class="date">October 09, 2015</div>
                    <div class="meta">
                        <p>by <a href="post-sidebar-right.html" class="author">Simone Jacobson</a></p>
                        <p><a href="">Productivity</a></p>
                        <p><a href="">Comments</a> 0</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="">Text post about web design events</a></h2>
                    <p>Debitis nam, sed id quidam sanctus. Vel ipsum inani te, voluptua invidunt probatus qui cu. Ex hinc esse munere mei, vix eu eius augue diceret, ponderum mandamus efficiendi an eos. Quo alii quot populo in, pri ex congue intellegam.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <!-- POST: Gallery -->
            <div class="row irow post format-gallery">
                <div class="col-sm-3">
                    <div class="date">December 28, 2015</div>
                    <div class="meta">
                        <p>by <a href="" class="author">Sandra Jhonson</a></p>
                        <p><a href="">Productivity</a>, <a href="">Design</a></p>
                        <p><a href="">Comments</a> 12</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="post-gallery.html">Gallery post with logo inspiration</a></h2>

                    <!-- SLIDER -->
                    <div class="slider oneslider" id="slider-17900">
                        <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; inset: auto; z-index: auto; width: 750px; height: 290px; margin: 0px; overflow: hidden;"><ul style="text-align: left; float: none; position: absolute; inset: 0px auto auto 0px; margin: 0px; width: 5250px; height: 290px;">
                                <li id="slideritem-00" style="width: 750px;">
                                    <a href="post-gallery.html">
                                        <img src="http://denver.aisconverse.com/images/gallery/gallery-post-1.jpg" alt="">
                                    </a>
                                </li>
                                <li id="slideritem-01" style="width: 750px;">
                                    <a href="post-gallery.html">
                                        <img src="http://denver.aisconverse.com/images/gallery/gallery-post-2.jpg" alt="">
                                    </a>
                                </li>
                                <li id="slideritem-02" style="width: 750px;">
                                    <a href="post-gallery.html">
                                        <img src="http://denver.aisconverse.com/images/gallery/gallery-post-3.jpg" alt="">
                                    </a>
                                </li>
                            </ul></div>
                        <a href="" class="prev square right-bottom" style="display: block;">←</a>
                        <a href="" class="next square right-bottom" style="display: block;">→</a>
                    </div>
                    <!-- /.slider -->

                    <p>Vocent debitis nam, sed id quidam sanctus. Vel ipsum inani te, voluptua invidunt probatus qui cu. Ex hinc esse munere mei, vix eu eius augue diceret, ponderum mandamus efficiendi an eos. Quo alii quot populo in, pri ex congue intellegam. Ad viris fierent delectus vel, his cu bonorum expetenda instructior.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <!-- POST: Standart -->
            <div class="row irow post format-standart">
                <div class="col-sm-3">
                    <div class="date">June 12, 2015</div>
                    <div class="meta">
                        <p>by <a href="" class="author">Simone Jacobson</a></p>
                        <p><a href="">Design</a></p>
                        <p><a href="">Comments</a> 146</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="post-sidebar-left.html">Text post about graphic design tools</a></h2>
                    <p>Lorem ipsum dolor sit amet, te sit placerat contentiones. Aperiri tacimates at duo, alterum interesset has ea. Eam eloquentiam adversarium te, nam case clita detraxit ea, verear dolorem ne vis. Quo et omnes dicant laudem, ei vis ullum voluptaria scripserit, cu usu semper explicari. No mel fierent petentium, democritum referrentur pro ex. Ad viris fierent delectus vel, his cu bonorum expetenda instructior.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <!-- POST: Audio -->
            <div class="row irow post format-audio">
                <div class="col-sm-3">
                    <div class="date">April 03, 2015</div>
                    <div class="meta">
                        <p>by <a href="" class="author">Sam Goodwin</a></p>
                        <p><a href="">Music</a></p>
                        <p><a href="">Comments</a> 0</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="post-audio.html">Audio post – This heart is a stone</a></h2>
                    <div class="audio-wrap">
                        <div id="mep_0" class="mejs-container svg mejs-audio" style="width: 400px; height: 30px;"><div class="mejs-inner"><div class="mejs-mediaelement"><audio src="http://demo.aisconverse.com/AirReview-Landmarks-02-ChasingCorporate.mp3"></audio></div><div class="mejs-layers"><div class="mejs-poster mejs-layer" style="display: none; width: 400px; height: 30px;"></div></div><div class="mejs-controls"><div class="mejs-button mejs-playpause-button mejs-play"><button type="button" aria-controls="mep_0" title="Play/Pause" aria-label="Play/Pause"></button></div><div class="mejs-time mejs-currenttime-container"><span class="mejs-currenttime">00:00</span></div><div class="mejs-time-rail" style="width: 196px;"><span class="mejs-time-total" style="width: 196px;"><span class="mejs-time-buffering" style="display: none;"></span><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div><div class="mejs-time mejs-duration-container"><span class="mejs-duration">00:00</span></div><div class="mejs-button mejs-volume-button mejs-mute"><button type="button" aria-controls="mep_0" title="Mute Toggle" aria-label="Mute Toggle"></button></div><div class="mejs-horizontal-volume-slider mejs-mute"><div class="mejs-horizontal-volume-total"></div><div class="mejs-horizontal-volume-current" style="width: 40px;"></div><div class="mejs-horizontal-volume-handle" style="left: 32px;"></div></div></div><div class="mejs-clear"></div></div></div>
                    </div>
                    <p>Eam eloquentiam adversarium te, nam case clita detraxit ea, verear dolorem ne vis. Quo et omnes dicant laudem, ei vis ullum voluptaria scripserit, cu usu semper explicari. No mel fierent petentium, democritum referrentur pro ex. Ad viris fierent delectus vel, his cu bonorum expetenda instructior.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <!-- POST: Video -->
            <div class="row irow post format-video">
                <div class="col-sm-3">
                    <div class="date">January 27, 2015</div>
                    <div class="meta">
                        <p>by <a href="" class="author">Beepl</a></p>
                        <p><a href="">Productivity</a>, <a href="">Design</a></p>
                        <p><a href="">Comments</a> 38</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="post-video.html">Video beepl subprime</a></h2>
                    <div class="embed-responsive embed-responsive-16by9">
                        <iframe src="http://player.vimeo.com/video/117910068?title=0&amp;byline=0&amp;portrait=0&amp;color=e79501" allowfullscreen=""></iframe>
                    </div>
                    <p>Eloquentiam adversarium te, nam case clita detraxit ea, verear dolorem ne vis. Quo et omnes dicant laudem, ei vis ullum voluptaria scripserit, cu usu semper explicari. No mel fierent petentium, democritum referrentur pro ex.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <!-- POST: Link -->
            <div class="row irow post format-link">
                <div class="col-sm-3">
                    <div class="date">December 21, 2014</div>
                    <div class="meta">
                        <p>by <a href="" class="author">Simone Jacobson</a></p>
                        <p><a href="">Music</a>, <a href="">Design</a></p>
                        <p><a href="">Comments</a> 78</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="post-link.html">Link to popular websites for designers</a></h2>
                    <a href="http://www.themeforest.net" target="_blank" class="link">www.themeforest.net</a>
                    <p>Eam eloquentiam adversarium te, nam case clita detraxit ea, verear dolorem ne vis. Quo et omnes dicant laudem, ei vis ullum voluptaria scripserit, cu usu semper explicari. No mel fierent petentium, democritum referrentur pro ex. Ad viris fierent delectus vel, his cu bonorum expetenda instructior.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <!-- POST: Quote -->
            <div class="row irow post format-quote">
                <div class="col-sm-3">
                    <div class="date">March 21, 2014</div>
                    <div class="meta">
                        <p>by <a href="" class="author">Simone Jacobson</a></p>
                        <p><a href="">Design</a></p>
                        <p><a href="">Comments</a> 478</p>
                    </div>
                </div>
                <div class="col-sm-9">
                    <h2><a href="post-quote.html">Quote of the month</a></h2>
                    <div class="quote-wrap">
                        <blockquote>
                            <p>“Game snake applies to the general game design original was not named snake”</p>
                            <footer>— Sandra Jacobson</footer>
                        </blockquote>
                    </div>
                    <p>Eloquentiam adversarium te, nam case clita detraxit ea, verear dolorem ne vis. Quo et omnes dicant laudem, ei vis ullum voluptaria scripserit, cu usu semper explicari. No mel fierent petentium, democritum referrentur pro ex.</p>
                </div>
            </div>
            <!-- /.post -->

            <hr>

            <ul class="pagination">
                <li><a href="#" class="prev">←</a></li>
                <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="#">5</a></li>
                <li><a href="#" class="next">→</a></li>
            </ul>

        </div>
        <!-- /.container -->

    </div>
{%  endblock %}