 {extends 'file:templates/layout.tpl'}
{block 'main'}
 <!-- Promo Area End -->
    <section class="promo-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-sm-7">
                    <div class="promo-txt pull-left">
                        <h2 class="promo-title">Share your experience</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Blog</li>
                        </ol>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5">
                    <div class="promo-search pull-right">
                        <form action="#">
                            <input type="text" placeholder="Search">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Promo Area End -->

    <!-- Main Area Start -->
    <main role="main">
        <div class="blog-wrap">
            <div class="container">
                <div class="row">

                  
                    <div class="col-lg-4 col-sm-6">
                        <article class="single-article">
                            <figure class="post-thumb">
                                <a href="single-blog.html"><img src="images/blog/bl9.jpg" alt=""></a>
                            </figure>
                            <div class="blog-txt">
                                <div class="blog-meta">
                                    <a href="#"><i class="fa fa-user"></i>Tariqul Islam</a>
                                </div>
                                <h4 class="blog-title"><a href="single-blog.html">Big advantage is cross-platform support
</a></h4>
                                <p>Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis.</p>
                                <a href="single-blog.html" class="blog-btn">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </article>
                    </div>
                    <div class="col-lg-8 offset-lg-4 offset-sm-2">
                        <!-- Pagination Start -->
                        <div class="pagination-wrap">
                            <nav aria-label="Page navigation example">
                                <ul class="pagination">
                                    <li class="page-item"><a class="page-link" href="#"><i class="fa fa-long-arrow-left"></i></a></li>
                                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item active"><a class="page-link" href="#">3</a></li>
                                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                                    <li class="page-item"><a class="page-link" href="#">5</a></li>
                                    <li class="page-item"><a class="page-link" href="#"><i class="fa fa-long-arrow-right"></i></a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- Main Area End -->
    {/block}