@extends('app')
@push('content')

    <!-- slider start -->
    <!-- Slider main container -->
    <div class="swiper-container">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide" data-swiper-parallax-scale="0.15">
                <img src="{{asset('')}}/assets/img/slider/20.png" alt="">
                <div class="slide-content">
                    <div class="wow zoomInUp" data-wow-delay=".3s">
                        <h3>متجر المرئة العربية</h3>
                        <h1>أبطال الموسم الجدد</h1>
                        <p >يلتقي الشرق بالغرب في كتاب نظرة CWST لخريف وشتاء 2015</p>
                    </div>
                    <div class="wow zoomInUp" data-wow-delay=".4s">
                        <a href='shop-full-grid' class='slider-button'>تسوق الآن</a>
                    </div>
                </div>
            </div>
            <div class="swiper-slide" data-swiper-parallax-scale="0.15">
                <img src="{{asset('')}}/assets/img/slider/30.png" alt="">
                <div class="slide-content">
                    <div class="wow zoomInUp" data-wow-delay=".3s">
                        <h3>متجر المرئة العربية</h3>
                        <h1>أبطال الموسم الجدد</h1>
                        <p >يلتقي الشرق بالغرب في كتاب نظرة CWST لخريف وشتاء 2015</p>
                    </div>
                    <div class="wow zoomInUp" data-wow-delay=".4s">
                        <a href='shop-full-grid' class='slider-button'>تسوق الآن</a>
                    </div>
                </div>
            </div>
            ...
        </div>

        <!-- If we need navigation buttons -->
        <div class='arrows'>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>

    </div>
    <!-- slider end -->
    <!-- service start -->
    <div class="service_area clearfix">
        <div class="single-service">
            <div class="service-icon">
                <img src="{{asset('')}}/assets/img/icon/s1.png" alt="">
            </div>
            <div class="service-info">
                <h2>الشحن مجانا</h2>
                <p>مجاني لجميع المنتجات</p>
            </div>
        </div>
        <div class="single-service">
            <div class="service-icon">
                <img src="{{asset('')}}/assets/img/icon/s2.png" alt="">
            </div>
            <div class="service-info">
                <h2>ضمان المال</h2>
                <p>ضمان استعادة الاموال</p>
            </div>
        </div>
        <div class="single-service hidden-sm">
            <div class="service-icon">
                <img src="{{asset('')}}/assets/img/icon/s3.png" alt="">
            </div>
            <div class="service-info">
                <h2>التسوق الآمن</h2>
                <p>استمتع بالتسوق الآمن</p>
            </div>
        </div>
        <div class="single-service hidden-sm hidden-md">
            <div class="service-icon">
                <img src="{{asset('')}}/assets/img/icon/s4.png" alt="">
            </div>
            <div class="service-info">
                <h2>الدعم عبر الإنترنت</h2>
                <p>24/7 نحن نقدم الدعم عبر الإنترنت</p>
            </div>
        </div>
    </div>
    <!-- service end -->

    <!-- banner start -->
    <div class="banner-area clearfix">
        <div class="single-banner">
            <a href="#" class="border-hover"><img src="{{asset('')}}/assets/img/banner/2.jpg" alt=""></a>
            <div class="single-banner-text">
                <h3><a href="#">50%<br>
                        قبالة الرجال<br>
                        مجموعة</a></h3>
                <a href="shop-full-grid" class="shop-button hidden-sm hidden-xs">تسوق الآن</a>
            </div>
        </div>
        <div class="single-banner">
            <a href="#" class="border-hover"><img src="{{asset('')}}/assets/img/banner/1.jpg" alt=""></a>
            <div class="single-banner-text">
                <h3><a href="#">60٪ خصم<br>
                        النساء<br>
                        مجموعة</a></h3>
                <a href="shop-full-grid" class="shop-button hidden-sm hidden-xs">تسوق الآن</a>
            </div>
        </div>
        <div class="single-banner">
            <a href="#" class="border-hover"><img src="{{asset('')}}/assets/img/banner/01.jpg" alt=""></a>
            <div class="single-banner-text">
                <h3><a href="#">50%<br>
                        قبالة الأطفال<br>
                        مجموعة</a></h3>
                <a href="shop-full-grid" class="shop-button hidden-sm hidden-xs">تسوق الآن</a>
            </div>
        </div>
    </div>
    <!-- banner end -->

    <!-- featured start -->
    <div class="featured-area clearfix">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h2>منتجات مميزة</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="section-tab">
                        <div class="section-tab-menu text-left">
                            <ul role="tablist">
                                <li role="presentation" class="active"><a href="#women" aria-controls="women" role="tab" data-toggle="tab">نساء</a></li>
                                <li role="presentation"><a href="#men" aria-controls="men" role="tab" data-toggle="tab">رجال</a></li>
                                <li role="presentation"><a href="#trendy" aria-controls="trendy" role="tab" data-toggle="tab">أطفال</a></li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                        <div class="tab-content row">
                            <div id="women" role="tabpanel" class="active section-tab-item">
                                <div class="tab-item-slider">
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <!--                                                            <span class="old-price">$26</span>-->
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-width">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="men" role="tabpanel" class="section-tab-item">
                                <div class="tab-item-slider">
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                        <!--                                                            <span class="old-price">$180</span>-->
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="trendy" role="tabpanel" class="section-tab-item">
                                <div class="tab-item-slider">
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">أضف الى الحقيبة</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item box-shadow-effect">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- featured end -->
    <!-- banner timer start -->
    <div class="banner-timer-area clearfix">
        <div class="single-banner-small small-one">
            <a class="border-hover" href="#"><img src="{{asset('')}}/assets/img/banner/3.jpg" alt=""></a>
            <div class="timer-banner-text">
                <h2>الأطفال<br> خصم 50%</h2>
                <a href="shop-full-grid" class="view-more">عرض المزيد</a>
            </div>
            <p>حقيبة ظهر</p>
        </div>
        <div class="single-banner-big big-one">
            <a class="border-hover" href="#"><img src="{{asset('')}}/assets/img/banner/4.jpg" alt=""></a>
            <div class="timer-banner-text">
                <h2>النسائي<br> خصم 50%</h2>
            </div>
            <div class="timer">
                <div data-countdown="2016/06/01" class="timer-grid"></div>
            </div>
            <p>منتج رائج</p>
        </div>
        <div class="single-banner-small small-two hidden-md hidden-sm">
            <a class="border-hover" href="#"><img src="{{asset('')}}/assets/img/banner/5.jpg" alt=""></a>
            <div class="timer-banner-text">
                <h2>الرجالي<br> خصم 50%</h2>
                <a href="shop-full-grid" class="view-more">عرض المزيد</a>
            </div>
            <p>نظارة شمسية نسائية</p>
        </div>
    </div>
    <!-- banner timer end -->
    <!-- popular start -->
    <div class="popular-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h2>أحدث المنتجات</h2>
                    </div>
                    <div class="trend_tab">
                        <div class="tendy-tab-menu text-right">
                            <ul role="tablist">
                                <li role="presentation" class="active"><a href="#watches" aria-controls="watches" role="tab" data-toggle="tab">نساء</a></li>
                                <li role="presentation"><a href="#t-shirt" aria-controls="t-shirt" role="tab" data-toggle="tab">رجال</a></li>
                                <li role="presentation"><a href="#shoes" aria-controls="shoes" role="tab" data-toggle="tab">أطفال</a></li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                        <div class="trend_content row">
                            <div id="watches" role="tabpanel" class="active trend-item">
                                <div class="trend-item-slider">
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/5.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/6.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/7.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/8.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/9.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/10.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/11.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/12.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/13.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/14.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/5.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/6.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/7.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/14.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/11.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/8.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/9.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/10.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="t-shirt" role="tabpanel" class="trend-item">
                                <div class="trend-item-slider">
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/5.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/6.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/7.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/8.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/13.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/14.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/5.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/6.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/7.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/8.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/13.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/14.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="shoes" role="tabpanel" class="trend-item">
                                <div class="trend-item-slider">
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/14.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/13.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/12.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/11.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/10.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/9.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/8.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/7.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/6.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/5.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/4.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                    <div class="new-sale">
                                                        <span>جديد</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/3.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/2.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/1.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/14.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/13.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/12.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="single-product">
                                            <div class="single-product-item">
                                                <div class="single-product-img clearfix hover-effect">
                                                    <a href="#">
                                                        <img class="primary-image" src="{{asset('')}}/assets/img/product/11.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="single-product-info clearfix">
                                                    <div class="pro-price">
                                                        <span class="new-price">$25.99</span>
                                                    </div>
                                                </div>
                                                <div class="product-content text-center">
                                                    <h3>قميص نسائي بأكمام طويلة</h3>
                                                    <h4><a href="#">عرض التفاصيل</a></h4>
                                                </div>
                                                <div class="product-action">
                                                    <ul>
                                                        <li><a href="#" data-toggle="tooltip" title="Compage"><i class="fa fa-refresh"></i></a></li>
                                                        <li class="add-bag"><a href="#" data-toggle="tooltip" title="Shopping Cart">اضافة الي الحقيبه</a></li>
                                                        <li><a href="#" data-toggle="tooltip" title="Like it!"><i class="fa fa-heart"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- popular end -->
    <!-- newsletter start -->
    <div class="newsletter-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h2>النشرة الإخبارية</h2>
                    </div>
                    <div class="newsletter-box text-center">
                        <form action="#">
                            <input type="text" placeholder="اكتب البريد الالكتروني الخاص بك">
                            <button type="submit">إشترك الآن</button>
                        </form>
                        <div class="subscribing">
                            <label class="checkbox-title">
                                <input id="transfer" value="bank" name="subscribe" type="checkbox">بالاشتراك في النشرة الإخبارية لدينا ، فإنك توافق على تلقي رسائل البريد الإلكتروني منا.
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- newsletter end -->
    <!-- client start -->


@endpush