{% block compare_product_box %}
	
         <div class="ob-product-compare-list js-compare" style="display:none;">
                <!--COMPARE PRODUCTS-->
                <div class="compare-images">
                    <div class="col-sm-6 col-md-6 col-lg-3 compare-img-col">
                        <div class="compare-img-wrap">
                        <a data-original-title="Remove" class="close closeTab" href="javascript:;"><i class="fa fa-times-circle fa-fw"> </i></a>
                        <div class="product-compare-img">
                            <img src="{{ asset(ob_project_assets_base_url~'images/compare-img1.png', null, true) }}" class="img-responsive" alt="" />
                        </div>
                        <p>Berkeley Shore Club Polo</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3 compare-img-col">
                        <div class="compare-img-wrap">
                        <a data-original-title="Remove" class="close closeTab" href="javascript:;"><i class="fa fa-times-circle fa-fw"> </i></a>
                        <div class="product-compare-img">
                            <img src="{{ asset(ob_project_assets_base_url~'images/compare-img2.png', null, true) }}" class="img-responsive" alt="" />
                        </div>
                        <p>Elevate Calgary ladies polo D</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3 compare-img-col">
                        <div class="compare-img-wrap">
                        <a data-original-title="Remove" class="close closeTab" href="javascript:;"><i class="fa fa-times-circle fa-fw"> </i></a>
                        <div class="product-compare-img">
                            <img alt="" src="{{ asset(ob_project_assets_base_url~'images/compare-img3.png', null, true) }}" class="img-responsive" />
                        </div>
                        <p>Clique Gibson <br>Polo H</p>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3 compare-img-col">
                        <div class="compare-img-wrap">
                        <a data-original-title="Remove" class="close closeTab" href="javascript:;"><i class="fa fa-times-circle fa-fw"> </i></a>
                        <div class="product-compare-img">
                            <img src="{{ asset(ob_project_assets_base_url~'images/compare-img4.png', null, true) }}" class="img-responsive" alt="" />
                        </div>
                        <p>Now tou can add more product</p>
                        </div>
                    </div>
                </div>
                <div class="compare-btn-wrap">
                    <a class="btn-search pull-right" href="product_compare.php"><i class="fa fa-retweet fa-fw"> </i>Compare</a>
                    <a data-original-title="Remove" class="close js-closeTab" href="javascript:;"><i class="fa fa-times-circle fa-fw"> </i></a>
                </div>

                <!--END COMPARE PRODUCTS-->
            <div class="clearfix"></div>
        </div>
	
	
	{% endblock compare_product_box %}