<div class="col-lg-4 order2 m-mt30">
<div class="sidebar">
<!--Start block for offer/ads-->
<div class="offer-image">
<img src="{{ asset('build/images/strategy-guide.jpg') }}" alt="offer" class="img-fluid" />
</div>
<!--End block for offer/ads-->
<!--Start Recent post-->
<div class="recent-post widgets mt60">
<h3 class="mb30">Recent post</h3>
{% for post in posts_recent %}
<div class="media">
<div class="post-image bdr-radius">
<a href="{{ path('blog_post' , {
slug: post.slug,
}) }}"><img src="{{ asset(post.image.data.file.url) }}" alt="girl" class="img-fluid" /></a>
</div>
<div class="media-body post-info">
<h5><a href="{{ path('blog_post' , {
slug: post.slug,
}) }}">{{ post.title }}</a></h5>
<p>{{ post.created_at|date("M d, Y") }}</p>
</div>
</div>
{% endfor %}
</div>
<!--Start Recent post-->
<!--Start Blog Category-->
<div class="recent-post widgets mt60">
<h3 class="mb30">Blog Category</h3>
<div class="blog-categories">
<ul>
{% for category in categories %}
<li>
<a href="/product/{{ category.name }}">{{ category.name }} <span class="categories-number">({{ category.children|length }})</span></a>
</li>
{% endfor %}
</ul>
</div>
</div>
<!--End Blog Category-->
<!--Start Tags-->
<div class="recent-post widgets mt60">
<h3 class="mb30">Most Used Tags</h3>
<div class="tabs">
<a href="#">webdesign</a>
<a href="#">design </a>
<a href="#">graphicdesign</a>
<a href="#">website </a>
<a href="#">marketing </a>
<a href="#">branding </a>
<a href="#">webdevelopment </a>
<a href="#">webdesigner </a>
<a href="#">graphicdesign </a>
<a href="#">website </a>
<a href="#">marketing </a>
<a href="#">branding </a>
</div>
</div>
<!--End Tags-->
<!--Start block for offer/ads-->
<div class="offer-image mt60">
<img src="{{ asset('build/images/sidebar-image.jpg') }}" alt="offer" class="img-fluid" />
</div>
<!--End block for offer/ads-->
</div>
</div>