{% extends "web/base.html.twig" %}
{% block body %}
    <h1>Blog</h1>
    <!-- WRAPPER -->
    <div class="wrapper">
        <!-- CONTAINER -->
        <div class="content container">

            <!-- POST: Image -->
            <div class="post format-image">
                <h1><a href="">Image post with logo inspiration</a></h1>

                <div class="meta">
                    <div class="date">Marzo 04, 2022</div>
                    <p>por <a href="" class="author">Fulano de tal</a></p>
                    <p><a href="">Categoria x</a>, <a href="">xxx</a></p>
                    <p><a href="#comments" class="internal">Comentarios</a> 10</p>
                </div>

                <img src="http://denver.aisconverse.com/images/gallery/gallery-post-1.jpg" alt="">

                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut molestie maximus neque id tempor. Nunc pretium, mauris at commodo sagittis, elit arcu posuere velit, ac ultricies arcu nunc sit amet arcu. Maecenas sollicitudin, diam hendrerit eleifend imperdiet, mauris leo posuere lorem, a finibus augue risus eget purus. Etiam neque elit, sollicitudin at nulla sed, mattis egestas eros. Morbi interdum, magna non egestas lobortis, neque justo pellentesque velit, quis ultrices mi lectus sed turpis. Sed eu dolor nibh. Suspendisse porttitor lacus id est eleifend scelerisque eget et arcu. Donec mattis rutrum libero, eu blandit risus sagittis in. Proin sed purus at leo commodo mattis nec ac augue. Curabitur laoreet congue lorem in dapibus. Etiam aliquet, elit quis convallis rhoncus, nibh neque congue diam, ac dapibus nibh elit et sem. Suspendisse faucibus leo vel dui semper, quis bibendum erat placerat. Suspendisse vehicula leo purus, in mollis sapien feugiat sit amet. Morbi viverra facilisis nulla, nec dictum dui. Pellentesque vitae condimentum leo.
                </p>
                <div class="tags">
                    <p>Tags: <a href="">tag1</a>, <a href="">tag2</a>, <a href="">tag3</a>, <a href="">tag4</a></p>
                </div>
            </div>
            <!-- /.post -->

            <hr class="sm-margin"/>

            <div class="bio">
                <img src="http://denver.aisconverse.com/images/team/person-3.jpg" alt="">
                <div class="about">
                    <h5><a href="../pages/team.html">Fulano de tal</a></h5>
                    <p>Integer non risus efficitur neque finibus pharetra. Nunc rutrum magna convallis, ultrices nibh vitae, maximus risus. </p>
                </div>
            </div>

            <hr class="sm-margin"/>

            <nav class="clearfix nav-single irow">
                <a href="post-quote.html" class="col-md-4 col-sm-5 col-xs-6 nav-previous">Post Anterior</a>
                <a href="post-link.html" class="col-md-4 col-sm-5 col-md-offset-4 col-sm-offset-2 col-xs-6 nav-next text-right">Post Siguiente</a>
            </nav>

            <div id="comments" class="comments">
                <h3>comentarios 10 <small>&mdash;</small></h3>
                <div class="comment clearfix">
                    <a href="" class="comment-ava"><img src="http://denver.aisconverse.com/images/team/person-6.jpg" alt=""></a>
                    <div class="comment-text">
                        <div class="comment-line">
                            <p>
                                <a href="">Elena no</a>,
                                Enero 09, 2022
                                <a href="#addcomment" class="internal">Responder</a>
                            </p>
                        </div>
                        <p>Mauris accumsan fermentum erat, nec viverra dolor dictum eget. Etiam posuere iaculis felis</p>
                    </div>
                    <div class="comment clearfix">
                        <a href="" class="comment-ava"><img src="http://denver.aisconverse.com/images/team/person-3.jpg" alt=""></a>
                        <div class="comment-text">
                            <div class="comment-line">
                                <p>
                                    <a href="">Sam Robertson - <strong>Author</strong></a>,
                                    Febrero 12, 2002
                                    <a href="#addcomment" class="internal">Responder</a>
                                </p>
                            </div>
                            <p>respuesta al comentario anterior</p>
                        </div>
                        <div class="comment clearfix">
                            <a href="" class="comment-ava"><img src="http://denver.aisconverse.com/images/team/person-2.jpg" alt=""></a>
                            <div class="comment-text">
                                <div class="comment-line">
                                    <p>
                                        <a href="">Jhon Kerr</a>,
                                        Noviembre 19, 2021
                                        <a href="#addcomment" class="internal">Responder</a>
                                    </p>
                                </div>
                                <p>respuesta de la respuesta</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="comment clearfix">
                    <a href="" class="comment-ava"><img src="http://denver.aisconverse.com/images/team/person-4.jpg" alt=""></a>
                    <div class="comment-text">
                        <div class="comment-line">
                            <p>
                                <a href="">Michel Tronton</a>,
                                October 21, 2021
                                <a href="#addcomment" class="internal">Responder</a>
                            </p>
                        </div>
                        <p>In luctus scelerisque ligula. Donec dictum accumsan orci vel pharetra.</p>
                    </div>
                </div>
                <div class="comment clearfix">
                    <a href="" class="comment-ava"><img src="http://denver.aisconverse.com/images/team/person-3.jpg" alt=""></a>
                    <div class="comment-text">
                        <div class="comment-line">
                            <p>
                                <a href="">Sam Robertson - <strong>Author</strong></a>,
                                April 12, 2021
                                <a href="#addcomment" class="internal">Responder</a>
                            </p>
                        </div>
                        <p>Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc elit metus, faucibus vitae vestibulum id, dignissim nec felis. Fusce sed augue nec lorem ultrices aliquam. </p>
                    </div>
                </div>
            </div>

            <div class="addcomment" id="addcomment">
                <h3>Añadir comentario <small>&mdash;</small></h3>
                <form action="/">
                    <fieldset class="form-wrap">
                        <div class="form-group">
                            <input type="text" placeholder="Nombre*">
                        </div>
                        <div class="form-group">
                            <input type="email" placeholder="Email*">
                        </div>
                        <div class="form-group">
                            <textarea placeholder="Comentario"></textarea>
                        </div>
                    </fieldset>
                    <input class="btn btn-default" type="submit" value="Enviar">
                </form>
            </div>


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