{% extends 'layout/template.twig' %}

{% block content %}
    <!-- barra superior titulo de pagina-->
    <div class="div-title bg-color-other">
        <div class="container">
            <div class="row">
                <div class="col-xs-10 col-sm-11">
                    {{ title }}
                </div>
                <div class="col-xs-2 col-sm-1 text-right" data-toggle="tooltip-info" data-placement="bottom" title="¿Como funciona?">
                    <i class="fa fa-info-circle" data-toggle="modal" data-target="#modalInfo"></i>
                </div>
            </div>
        </div>
    </div>
    <!--contenido-->
    <div class="container mt20 pb40" >
        <div class="col-container">
            {#imagen#}
            <div class="col">
                <img src="assets/img/articulo/articulo.jpg" class="img-responsive-custom">
            </div>
            {#titulo y fecha#}
            <div class="col bg-color-other">
                <div class="solid-box  mt0">
                    <i class="fa fa-calendar"></i> 12-10-2018
                    <h3>Batch cooking:cocina un día para toda la semana</h3>
                </div>
            </div>
        </div>
        <!-- preparación receta-->
        <p class="text-justify mt20">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate sapien eu hendrerit hendrerit. Etiam nec leo in nibh sodales ultricies. Duis auctor urna at nisl porttitor, eget pretium quam faucibus. Sed velit tortor, luctus eget tempor vel, posuere quis arcu. Vestibulum finibus nibh sem, sit amet dapibus dui interdum in. Proin velit metus, ultricies id sapien semper, auctor ullamcorper nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Proin varius vulputate nulla, quis tempor velit interdum in. Sed vulputate dignissim aliquet. Cras pharetra tristique velit id semper. Vestibulum est tortor, varius id auctor nec, commodo ut est. Praesent ac tellus ligula. Duis ut neque aliquam libero sagittis pellentesque. Morbi varius ex ac lectus fermentum laoreet. Vivamus viverra erat molestie tempor volutpat. Curabitur in pharetra mi. Quisque non erat felis. Fusce lobortis, sem et ultricies elementum, odio felis condimentum urna, quis sagittis ante augue sit amet odio. Duis lacinia aliquam eros, a hendrerit ex suscipit a.
        </p>

        <!-- footer, firma inutralia-->
        <div class="mt40">
            publicado por: <img src="assets/img/logos/inutralia.png" class="img-responsive-custom">

        </div>

    </div>
{% endblock %}




