url = "/blog/post/:slug"
layout = "default"
title = "Blog"

[section]
handle = "Blog\Post"
==
<!--Start breadcrumb area-->     
<div class="breadcrumb-area" style="background-image: url({{this.theme.blog_banner | media}});">
	<!--<div class="container text-center">
		<h1>Blog</h1>
			<div class="breadcrumbs_path">
			    <a href="#">Home</a>&nbsp;&nbsp;-&nbsp;&nbsp;Blog
			</div>		
	</div>-->
</div>
<!--End breadcrumb area-->

<div id="blog-area" class="blog-with-sidebar-area blog-single-area">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="blog-post">
                    <div class="single-blog-post">
                        <div class="img-holder">
                            <img src="{{section.banner[0]|media}}" alt="{{ section.title }}">
                        </div>
                        <div class="text-holder">
                            <h3 class="blog-title">{{ section.title }}</h3>
                            <div class="meta-info clearfix">
                                <div class="left pull-left">
                                    <ul class="post-info">
                                        <li><i class="fa fa-calendar" aria-hidden="true"></i> <a href="#">{{ post.published_at|date('M d, Y') }}</a></li>    
                                    </ul>    
                                </div>
                            </div> 
                            <div class="text">{{ section.content|raw }}</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Start sidebar Wrapper-->
            <!--
            <div class="col-lg-3 col-md-4 col-sm-12 col-xs-12">
                <div class="sidebar-wrapper linkedin">
                    <iframe class="sk-ww-linkedin-page-post" src='https://widgets.sociablekit.com/linkedin-page-posts/iframe/25416701' marginheight="0" marginwidth="0" seamless="seamless" frameborder="0" allowtransparency="true" width='100%' height='420px'></iframe>
                </div>  
            </div>
            -->
            <!--End Sidebar Wrapper-->  
        </div>
    </div>
</div>