<!-- Start Project Area
============================================= -->
<div class="project-area overflow-hidden bg-gray default-padding">
<div class="container">
<div class="heading-left">
<div class="row">
{% for project in projectstitle %}
<div class="col-lg-5">
<h5>{{ project.title }}</h5>
<h2>
{{ project.slogan }}
</h2>
</div>
<div class="col-lg-6 offset-lg-1">
<p>
{{ project.description | raw }}
</p>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="container">
<div class="project-items-area">
<div class="masonary">
<div id="portfolio-grid" class="gallery-items colums-4">
<!-- Single Item -->
{% for project in projects %}
<div class="pf-item">
<div class="project-style-two">
{% if project.illustration %}
<img src="{{asset('uploads/projects/' ~ project.illustration) | imagine_filter('projectimg')}}" alt="Thumb">
{% else %}
<img src="/assets/img/600x1100.png" alt="Thumb">
{% endif %}
<div class="info">
{# <span>House, Office</span>#}
<h4><a href="{{ path('app_projects_show', {'slug': project.slug, 'id': project.id}) }}">{{ project.title }}</a></h4>
</div>
</div>
</div>
{% endfor %}
<!-- End Single Item -->
</div>
</div>
</div>
</div>
</div>
<!-- End Projects Area -->