@@if(gridView === "blogLeftSidebar"){
    <!-- Begin Quicky's Blog Left Sidebar Area -->
    <div class="blog-grid_area latest-blog_area-2 ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 order-lg-1 order-2">
                    <div class="quicky-blog-sidebar-wrapper pt-md-100">
                        <div class="quicky-blog-sidebar">
                            <div class="quicky-sidebar-search-form">
                                <form action="javascript:void(0)">
                                    <input type="text" class="quicky-search-field" placeholder="search here">
                                    <button type="submit" class="quicky-search-btn"><i class="zmdi zmdi-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="quicky-blog-sidebar">
                            <h4 class="quicky-blog-sidebar-title">Categories</h4>
                            <ul class="quicky-blog-archive">
                                <li><a href="javascript:void(0)">Basket (07)</a></li>
                                <li><a href="javascript:void(0)">Poat (12)</a></li>
                                <li><a href="javascript:void(0)">Water Jug (05)</a></li>
                                <li><a href="javascript:void(0)">Flower Vessel (18)</a></li>
                                <li><a href="javascript:void(0)">Clock (13)</a></li>
                                <li><a href="javascript:void(0)">Lamp (06)</a></li>
                            </ul>
                        </div>
                        <div class="quicky-blog-sidebar">
                            <h4 class="quicky-blog-sidebar-title">Blog Archives</h4>
                            <ul class="quicky-blog-archive">
                                <li><a href="javascript:void(0)">January (05)</a></li>
                                <li><a href="javascript:void(0)">February (10)</a></li>
                                <li><a href="javascript:void(0)">March (15)</a></li>
                                <li><a href="javascript:void(0)">April (20)</a></li>
                                <li><a href="javascript:void(0)">May(25)</a></li>
                                <li><a href="javascript:void(0)">June (30)</a></li>
                            </ul>
                        </div>
                        <div class="quicky-blog-sidebar">
                            <h4 class="quicky-blog-sidebar-title">Recent Post</h4>
                            <div class="quicky-recent-post list-product_slider quicky-element-carousel mousewheel-slider"
                            data-slick-options='{
                                "slidesToShow": 1,
                                "arrows" : false,
                                "rows": 2
                               }' data-slick-responsive='[
                                    {"breakpoint":1501, "settings": {"slidesToShow": 1}},
                                    {"breakpoint":1200, "settings": {"slidesToShow": 1}},
                                    {"breakpoint":768, "settings": {"slidesToShow": 1}}
                               ]'>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/1.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">First Blog Post</a></span>
                                            <span class="quicky-post-date">10-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/2.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Second Blog Post</a></span>
                                            <span class="quicky-post-date">15-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/3.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Third Blog Post</a></span>
                                            <span class="quicky-post-date">20-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/4.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Fourth Blog Post</a></span>
                                            <span class="quicky-post-date">22-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/5.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Fifth Blog Post</a></span>
                                            <span class="quicky-post-date">24-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/6.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Sixth Blog Post</a></span>
                                            <span class="quicky-post-date">25-02-20</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="quicky-blog-sidebar">
                            <h4 class="quicky-blog-sidebar-title">Popular Post</h4>
                            <div class="quicky-recent-post list-product_slider quicky-element-carousel mousewheel-slider"
                            data-slick-options='{
                                "slidesToShow": 1,
                                "arrows" : false,
                                "rows": 3
                               }' data-slick-responsive='[
                                    {"breakpoint":1501, "settings": {"slidesToShow": 1}},
                                    {"breakpoint":1200, "settings": {"slidesToShow": 1}},
                                    {"breakpoint":768, "settings": {"slidesToShow": 1}}
                               ]'>
                               <div class="slide-item">
                                   <div class="inner-slide d-flex">
                                       <div class="quicky-recent-post-thumb">
                                           <a href="blog-details.html">
                                               <img class="img-full" src="assets/images/product/small-size/10.jpg"
                                                   alt="Quicky's Product Image">
                                           </a>
                                       </div>
                                       <div class="quicky-recent-post-des">
                                           <span><a href="blog-details.html">Fourth Blog Post</a></span>
                                           <span class="quicky-post-date">22-02-20</span>
                                       </div>
                                   </div>
                               </div>
                               <div class="slide-item">
                                   <div class="inner-slide d-flex">
                                       <div class="quicky-recent-post-thumb">
                                           <a href="blog-details.html">
                                               <img class="img-full" src="assets/images/product/small-size/9.jpg"
                                                   alt="Quicky's Product Image">
                                           </a>
                                       </div>
                                       <div class="quicky-recent-post-des">
                                           <span><a href="blog-details.html">Fourth Blog Post</a></span>
                                           <span class="quicky-post-date">22-02-20</span>
                                       </div>
                                   </div>
                               </div>
                               <div class="slide-item">
                                   <div class="inner-slide d-flex">
                                       <div class="quicky-recent-post-thumb">
                                           <a href="blog-details.html">
                                               <img class="img-full" src="assets/images/product/small-size/8.jpg"
                                                   alt="Quicky's Product Image">
                                           </a>
                                       </div>
                                       <div class="quicky-recent-post-des">
                                           <span><a href="blog-details.html">Fifth Blog Post</a></span>
                                           <span class="quicky-post-date">24-02-20</span>
                                       </div>
                                   </div>
                               </div>
                               <div class="slide-item">
                                   <div class="inner-slide d-flex">
                                       <div class="quicky-recent-post-thumb">
                                           <a href="blog-details.html">
                                               <img class="img-full" src="assets/images/product/small-size/7.jpg"
                                                   alt="Quicky's Product Image">
                                           </a>
                                       </div>
                                       <div class="quicky-recent-post-des">
                                           <span><a href="blog-details.html">Sixth Blog Post</a></span>
                                           <span class="quicky-post-date">25-02-20</span>
                                       </div>
                                   </div>
                               </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/6.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">First Blog Post</a></span>
                                            <span class="quicky-post-date">10-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/5.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Second Blog Post</a></span>
                                            <span class="quicky-post-date">15-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/4.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Third Blog Post</a></span>
                                            <span class="quicky-post-date">20-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/3.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Third Blog Post</a></span>
                                            <span class="quicky-post-date">20-02-20</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide-item">
                                    <div class="inner-slide d-flex">
                                        <div class="quicky-recent-post-thumb">
                                            <a href="blog-details.html">
                                                <img class="img-full" src="assets/images/product/small-size/2.jpg" alt="Quicky's Product Image">
                                            </a>
                                        </div>
                                        <div class="quicky-recent-post-des">
                                            <span><a href="blog-details.html">Third Blog Post</a></span>
                                            <span class="quicky-post-date">20-02-20</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="quicky-blog-sidebar">
                            <h4 class="quicky-blog-sidebar-title">Tags</h4>
                            <ul class="quicky-blog-tags">
                                <li><a href="javascript:void(0)">Car</a></li>
                                <li><a href="javascript:void(0)">Toy</a></li>
                                <li><a href="javascript:void(0)">Watch</a></li>
                                <li><a href="javascript:void(0)">Bag</a></li>
                                <li><a href="javascript:void(0)">Shoes</a></li>
                                <li><a href="javascript:void(0)">Shirt</a></li>
                                <li><a href="javascript:void(0)">Pen Stand</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 order-lg-2 order-1">
                    <div class="row blog-item_wrap">
                        <div class="col-lg-6 pb-30">
                            <div class="blog-item">
                                <div class="blog-img">
                                    <a href="blog-details.html">
                                        <img src="assets/images/blog/medium-size/1.jpg" alt="Quicky's Blog">
                                    </a>
                                </div>
                                <div class="blog-content bg-buttery-white">
                                    <h3 class="heading titillium-font"><a href="blog-details.html">Blog Image Post</a></h3>
                                    <p class="short-desc">Light is the way to cover the darkness which
                                        can help us to choose the right path and
                                        right dicision, lets order the light.</p>
                                    <div class="readmore-ps_left">
                                        <a href="blog-details.html">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 pb-30">
                            <div class="blog-item">
                                <div class="quicky-element-carousel single-blog_slider arrow-style-2 overflow-hidden"
                                    data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "infinite": false,
                                    "arrows": false,
                                    "dots": false,
                                    "spaceBetween": 30
                                    }' data-slick-responsive='[
                                    {"breakpoint":768, "settings": {
                                    "slidesToShow": 1
                                    }},
                                    {"breakpoint":575, "settings": {
                                    "slidesToShow": 1
                                    }}
                                ]'>
                                    <div class="slide-item">
                                        <div class="inner-slide">
                                            <div class="blog-img">
                                                <a href="blog-details.html">
                                                    <img src="assets/images/blog/medium-size/3.jpg" alt="Quicky's Blog">
                                                </a>
                                            </div>
                                            <div class="blog-content bg-buttery-white">
                                                <h3 class="heading titillium-font"><a href="blog-details.html">Blog
                                                        First Gallery</a></h3>
                                                <p class="short-desc">Light is the way to cover the darkness which
                                                    can help us to choose the right path and
                                                    right dicision, lets order the light.</p>
                                                <div class="readmore-ps_left">
                                                    <a href="blog-details.html">Read more</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="slide-item">
                                        <div class="inner-slide">
                                            <div class="blog-img">
                                                <a href="blog-details.html">
                                                    <img src="assets/images/blog/medium-size/2.jpg" alt="Quicky's Blog">
                                                </a>
                                            </div>
                                            <div class="blog-content bg-buttery-white">
                                                <h3 class="heading titillium-font"><a href="blog-details.html">Blog
                                                        Second Gallery</a></h3>
                                                <p class="short-desc">Light is the way to cover the darkness which
                                                    can help us to choose the right path and
                                                    right dicision, lets order the light.</p>
                                                <div class="readmore-ps_left">
                                                    <a href="blog-details.html">Read more</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="slide-item">
                                        <div class="inner-slide">
                                            <div class="blog-img">
                                                <a href="blog-details.html">
                                                    <img src="assets/images/blog/medium-size/1.jpg" alt="Quicky's Blog">
                                                </a>
                                            </div>
                                            <div class="blog-content bg-buttery-white">
                                                <h3 class="heading titillium-font"><a href="blog-details.html">Blog
                                                        Third Gallery</a></h3>
                                                <p class="short-desc">Light is the way to cover the darkness which
                                                    can help us to choose the right path and
                                                    right dicision, lets order the light.</p>
                                                <div class="readmore-ps_left">
                                                    <a href="blog-details.html">Read more</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 pb-30">
                            <div class="blog-item">
                                <div class="embed-responsive embed-responsive-16by9">
                                    <iframe
                                        src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/342419243&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
                                </div>
                                <div class="blog-content bg-buttery-white">
                                    <h3 class="heading titillium-font"><a href="blog-details.html">Blog Audio Post</a></h3>
                                    <p class="short-desc">Light is the way to cover the darkness which
                                        can help us to choose the right path and
                                        right dicision, lets order the light.</p>
                                    <div class="readmore-ps_left">
                                        <a href="blog-details.html">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 pb-30">
                            <div class="blog-item">
                                <div class="embed-responsive embed-responsive-16by9">
                                    <iframe src="https://www.youtube.com/embed/gvPetTPFsZM"
                                        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </div>
                                <div class="blog-content bg-buttery-white">
                                    <h3 class="heading titillium-font"><a href="blog-details.html">Blog Video Post</a></h3>
                                    <p class="short-desc">Light is the way to cover the darkness which
                                        can help us to choose the right path and
                                        right dicision, lets order the light.</p>
                                    <div class="readmore-ps_left">
                                        <a href="blog-details.html">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 pb-xs-30">
                            <div class="blog-item">
                                <div class="blog-img">
                                    <a href="blog-details.html">
                                        <img src="assets/images/blog/medium-size/4.jpg" alt="Quicky's Blog">
                                    </a>
                                </div>
                                <div class="blog-content bg-buttery-white">
                                    <h3 class="heading titillium-font"><a href="blog-details.html">Decoreted Siling Lamp Collection</a></h3>
                                    <p class="short-desc">Light is the way to cover the darkness which
                                        can help us to choose the right path and
                                        right dicision, lets order the light.</p>
                                    <div class="readmore-ps_left">
                                        <a href="blog-details.html">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="blog-item">
                                <div class="blog-img">
                                    <a href="blog-details.html">
                                        <img src="assets/images/blog/medium-size/5.jpg" alt="Quicky's Blog">
                                    </a>
                                </div>
                                <div class="blog-content bg-buttery-white">
                                    <h3 class="heading titillium-font"><a href="blog-details.html">Latest Decoreted Table Lamp</a></h3>
                                    <p class="short-desc">Light is the way to cover the darkness which
                                        can help us to choose the right path and
                                        right dicision, lets order the light.</p>
                                    <div class="readmore-ps_left">
                                        <a href="blog-details.html">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="quicky-paginatoin-area">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <ul class="quicky-pagination-box">
                                            <li class="active"><a href="javascript:void(0)">1</a></li>
                                            <li><a href="javascript:void(0)">2</a></li>
                                            <li><a href="javascript:void(0)">3</a></li>
                                            <li><a class="Next" href="javascript:void(0)"><i class="zmdi zmdi-chevron-right"></i></a></li>
                                            <li><a class="Next" href="javascript:void(0)">>|</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="product-select-box pt-xs-30">
                                            <div class="product-short">
                                                <p>Show</p>
                                                <select class="myniceselect nice-select">
                                                    <option value="5">5</option>
                                                    <option value="10">10</option>
                                                    <option value="15">15</option>
                                                    <option value="20">20</option>
                                                    <option value="25">25</option>
                                                </select>
                                                <span>Per Page</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Quicky's Blog Left Sidebar Area End Here -->
}