Store list

<div class="mb-6">
    <div class="store media align-items-stretch bg-white">
        <div class="position-relative store-image"
             style="background-image: url('../images/shop/shop-7.jpg')">
            <div class="image-content position-absolute d-flex align-items-center">
                <div class="content-left">
                    <div class="badge badge-primary">Featured</div>
                </div>
                <div class="content-right d-flex ml-auto show-link">
                    <a href="../images/shop/full-shop-7.jpg"
                       class="item viewing"
                       data-toggle="tooltip"
                       data-placement="top"
                       title="Quickview" data-gtf-mfp="true">
                        <svg class="icon icon-expand">
                            <use xlink:href="#icon-expand"></use>
                        </svg>
                    </a>
                    <a href="#" class="item marking" data-toggle="tooltip"
                       data-placement="top"
                       title="Bookmark"><i class="fal fa-bookmark"></i></a>
                </div>
            </div>
        </div>
        <div class="media-body px-0 px-md-4 pt-4 pt-lg-0">
            <a href="../listing-details-image.html"
               class="h5 text-dark d-inline-block mb-2"><span
                    class="letter-spacing-25">Furniture Assembly</span> </a>
            <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                <li class="list-inline-item"><span
                        class="badge badge-success d-inline-block mr-1">5.0</span><span>4 rating</span>
                </li>
                <li class="list-inline-item separate"></li>
                <li class="list-inline-item"><span class="mr-1">From</span><span
                        class="text-danger font-weight-semibold">$56.00</span></li>
                <li class="list-inline-item separate"></li>
                <li class="list-inline-item"><a href="#" class="link-hover-secondary-primary">
                    <svg class="icon icon-cog">
                        <use xlink:href="#icon-cog"></use>
                    </svg>
                    <span>Service</span>
                </a></li>
            </ul>

            <div class="media">
                <a href="#" class="d-inline-block mr-3"><img
                        src="../images/listing/testimonial-1.png"
                        alt="testimonial" class="rounded-circle">
                </a>
                <div class="media-body lh-14 font-size-sm">Overlooking Bloomsbury's
                    Russell Square
                    and
                    a 2 minutes' walk from the tube station of the same name...
                </div>
            </div>
            <div class="border-top pt-3 d-flex mt-4">
                <div class="pr-3">
                    <span
                            class="d-inline-block mr-1"><i
                            class="fal fa-map-marker-alt">
                    </i>
                    </span>
                    <a href="#" class="text-secondary text-decoration-none address">San
                        Francisco,
                        CA</a>
                </div>
                <div class="ml-auto">
                    <span class="text-green">Open now!</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mb-6">
    <div class="store media align-items-stretch bg-white">
        <div class="position-relative store-image"
             style="background-image: url('../images/shop/shop-8.jpg')">
            <div class="image-content position-absolute d-flex align-items-center">
                <div class="content-left">
                    <div class="badge badge-primary">Featured</div>
                </div>
                <div class="content-right d-flex ml-auto show-link">
                    <a href="../images/shop/full-shop-8.jpg"
                       class="item viewing"
                       data-toggle="tooltip"
                       data-placement="top"
                       title="Quickview" data-gtf-mfp="true">
                        <svg class="icon icon-expand">
                            <use xlink:href="#icon-expand"></use>
                        </svg>
                    </a>
                    <a href="#" class="item marking" data-toggle="tooltip"
                       data-placement="top"
                       title="Bookmark"><i class="fal fa-bookmark"></i></a>
                </div>
            </div>
        </div>
        <div class="media-body px-0 px-md-4 pt-4 pt-lg-0">
            <a href="../listing-details-full-image.html"
               class="h5 text-dark d-inline-block mb-2"><span
                    class="letter-spacing-25">Wedding & Event Makeup</span> </a>
            <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                <li class="list-inline-item"><span
                        class="badge badge-success d-inline-block mr-1">5.0</span><span>4 rating</span>
                </li>
                <li class="list-inline-item separate"></li>
                <li class="list-inline-item"><span class="mr-1">From</span><span
                        class="text-danger font-weight-semibold">$16.00</span></li>
                <li class="list-inline-item separate"></li>
                <li class="list-inline-item"><a href="#" class="link-hover-secondary-primary">
                    <svg class="icon icon-cog">
                        <use xlink:href="#icon-cog"></use>
                    </svg>
                    <span>Service</span>
                </a></li>
            </ul>

            <div class="media">
                <a href="#" class="d-inline-block mr-3"><img
                        src="../images/listing/testimonial-1.png"
                        alt="testimonial" class="rounded-circle">
                </a>
                <div class="media-body lh-14 font-size-sm">Overlooking Bloomsbury's
                    Russell Square
                    and
                    a 2 minutes' walk from the tube station of the same name...
                </div>
            </div>
            <div class="border-top pt-3 d-flex mt-4">
                <div class="pr-3">
                    <span
                            class="d-inline-block mr-1"><i
                            class="fal fa-map-marker-alt">
                    </i>
                    </span>
                    <a href="#" class="text-secondary text-decoration-none address">San
                        Francisco,
                        CA</a>
                </div>
                <div class="ml-auto">
                    <span class="text-green">Open now!</span>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="p-6 bg-gray-04 store-listing-style">
    <div class="mb-6">
        <div class="store media align-items-stretch bg-white job-store">
            <a href="../listing-details-gallery.html" class="store-image"
               style="background-image: url('../images/shop/jobs-shop-1.jpg')">
            </a>
            <div class="media-body pl-0 pl-md-4 pr-0 pt-4 pt-md-0">
                <div class="d-flex align-items-center lh-11">
                    <span class="text-gray lh-11">MME Studio</span>
                    <span class="favourite ml-auto text-danger"><i
                            class="fas fa-heart"></i></span>
                </div>

                <a href="../listing-details-full-image.html"
                   class="h5 text-dark d-inline-block mb-2 lh-11"><span
                        class="letter-spacing-25">3D Animation Designer</span> </a>
                <div class="row mb-3">
                    <div class="col-lg-6">
                        <i class="fal fa-map-marker-alt"></i><span
                            class="d-inline-block ml-2">92 Halsey St, Brooklyn, New York</span>
                    </div>
                    <div class="col-lg-6">
                        <i class="fal fa-briefcase"></i><span
                            class="d-inline-block ml-2 text-link">Freelancer</span>
                    </div>
                    <div class="col-lg-6"><i
                            class="fal fa-sack-dollar"></i><span
                            class="d-inline-block ml-2 text-danger">$500.00
                        -
                        $1,000.00</span>
                    </div>
                    <div class="col-lg-6"><i class="fal fa-clock"></i><span
                            class="d-inline-block ml-2">Posted 11 hours ago</span>
                    </div>

                </div>
                <div class="border-top pt-3 px-0 pb-0 lh-11">
                    They specialize in makgeolli at this Korean-style pub in Seorae
                    Village...
                </div>
            </div>
        </div>
    </div>
    <div class="mb-6">
        <div class="store media align-items-stretch bg-white job-store">
            <a href="../listing-details-gallery.html" class="store-image"
               style="background-image: url('../images/shop/jobs-shop-2.jpg')">
            </a>
            <div class="media-body pl-0 pl-md-4 pr-0 pt-4 pt-md-0">
                <div class="d-flex align-items-center lh-11">
                    <span class="text-gray lh-11">Wave Agency</span>
                    <span class="favourite ml-auto text-darker-light"><i
                            class="fas fa-heart"></i></span>
                </div>

                <a href="../listing-details-full-image.html"
                   class="h5 text-dark d-inline-block mb-2 lh-11"><span
                        class="letter-spacing-25">Account Executive</span> </a>
                <div class="row mb-3">
                    <div class="col-lg-6">
                        <i class="fal fa-map-marker-alt"></i><span
                            class="d-inline-block ml-2">92 Halsey St, Brooklyn, New York</span>
                    </div>
                    <div class="col-lg-6">
                        <i class="fal fa-briefcase"></i><span
                            class="d-inline-block ml-2 text-link">Part Time</span>
                    </div>
                    <div class="col-lg-6"><i class="fal fa-sack-dollar"></i>
                        <span class="d-inline-block ml-2 text-danger">$300.00
                            - $800.00
                        </span>
                    </div>
                    <div class="col-lg-6 item"><i class="fal fa-clock"></i>
                        <span class="d-inline-block ml-2">Posted 22 hours
                            ago
                        </span>
                    </div>

                </div>
                <div class="border-top pt-3 px-0 pb-0 lh-11">
                    Consulting have instructions to recruit a Company
                    Accountant/Bookkeeper...
                </div>
            </div>
        </div>
    </div>
    <div class="mb-6">

        <div class="store media align-items-stretch bg-white job-store">
            <a href="../listing-details-gallery.html" class="store-image"
               style="background-image: url('../images/shop/jobs-shop-3.jpg')">
            </a>
            <div class="media-body pl-0 pl-md-4 pr-0 pt-4 pt-md-0">
                <div class="d-flex align-items-center lh-11">
                    <span class="text-gray lh-11">ABA Logistic JSC</span>
                    <span class="favourite ml-auto text-darker-light"><i
                            class="fas fa-heart"></i></span>
                </div>

                <a href="../listing-details-full-image.html"
                   class="h5 text-dark d-inline-block mb-2 lh-11"><span
                        class="letter-spacing-25">3Transport Shift Controller</span> </a>
                <div class="row mb-3">
                    <div class="col-lg-6">
                        <i class="fal fa-map-marker-alt"></i><span
                            class="d-inline-block ml-2">92 Halsey St, Brooklyn, New York</span>
                    </div>
                    <div class="col-lg-6">
                        <i class="fal fa-briefcase"></i><span
                            class="d-inline-block ml-2 text-link">Temporary</span>
                    </div>
                    <div class="col-lg-6"><i class="fal fa-sack-dollar"></i>
                        <span class="d-inline-block ml-2 text-danger">$100.00/day</span>
                    </div>
                    <div class="col-lg-6"><i class="fal fa-clock"></i>
                        <span class="d-inline-block ml-2">Posted 1 days ago</span>
                    </div>

                </div>
                <div class="border-top pt-3 px-0 pb-0 lh-11">
                    Consulting have instructions to recruit a Company
                    Accountant/Bookkeeper...
                </div>
            </div>
        </div>
    </div>
</div>

<div class="p-6">
    <div class="row recent-view">
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="store media align-items-stretch bg-white">
                <div class="store-image position-relative">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/recent-view-1.jpg" alt="Recent view 1">
                    </a>
                    <div class="image-content position-absolute d-flex align-items-center">
                        <div class="content-right ml-auto d-flex">
                            <a href="../images/shop/full-top-place-3.jpg"
                               class="item viewing"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="Quickview" data-gtf-mfp="true">
                                <svg class="icon icon-expand">
                                    <use xlink:href="#icon-expand"></use>
                                </svg>
                            </a>
                            <a href="#" class="item marking" data-toggle="tooltip"
                               data-placement="top"
                               title="Bookmark"><i class="fal fa-bookmark"></i></a>
                        </div>
                    </div>
                </div>
                <div class="media-body pl-0 pl-sm-3 pt-4 pt-sm-0">
                    <a href="../listing-details-full-image.html"
                       class="font-size-md font-weight-semibold text-dark d-inline-block mb-2 lh-11"><span
                            class="letter-spacing-25">Canabo View Street, Main St</span> </a>
                    <ul class="list-inline store-meta mb-2 lh-1 font-size-sm d-flex align-items-center flex-wrap">
                        <li class="list-inline-item"><span
                                class="badge badge-warning d-inline-block mr-1">4.3</span><span
                                class="number">6 rating</span>
                        </li>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="mr-1">From</span><span
                                class="text-danger font-weight-semibold">$8.00</span></li>
                    </ul>
                    <div>
                        <span
                                class="d-inline-block mr-1"><i
                                class="fal fa-map-marker-alt">
                        </i>
                        </span>
                        <a href="#" class="text-secondary text-decoration-none address">77 Main St,
                            Queen,
                            NY</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="store media align-items-stretch bg-white">
                <div class="store-image position-relative">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/recent-view-2.jpg" alt="Recent view 1">
                    </a>
                    <div class="image-content position-absolute d-flex align-items-center">
                        <div class="content-right ml-auto d-flex">
                            <a href="../images/shop/full-top-place-4.jpg"
                               class="item viewing"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="Quickview" data-gtf-mfp="true">
                                <svg class="icon icon-expand">
                                    <use xlink:href="#icon-expand"></use>
                                </svg>
                            </a>
                            <a href="#" class="item marking" data-toggle="tooltip"
                               data-placement="top"
                               title="Bookmark"><i class="fal fa-bookmark"></i></a>
                        </div>
                    </div>
                </div>
                <div class="media-body pl-0 pl-sm-3 pt-4 pt-sm-0">
                    <a href="../listing-details-full-image.html"
                       class="font-size-md font-weight-semibold text-dark d-inline-block mb-2 lh-11"><span
                            class="letter-spacing-25">Japan's Sushi - 10th Ave St</span> </a>
                    <ul class="list-inline store-meta mb-2 lh-1 font-size-sm d-flex align-items-center flex-wrap">
                        <li class="list-inline-item"><span
                                class="badge badge-success d-inline-block mr-1">5.0</span><span
                                class="number">7 rating</span>
                        </li>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="mr-1">From</span><span
                                class="text-danger font-weight-semibold">$12.00</span></li>
                    </ul>
                    <div>
                        <span
                                class="d-inline-block mr-1"><i
                                class="fal fa-map-marker-alt">
                        </i>
                        </span>
                        <a href="#" class="text-secondary text-decoration-none address">99 10th Ave
                            St,
                            Mahattan, NY</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="p-6">
    <div class="row recent-view job-recent-view ">
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="store media align-items-stretch bg-white px-4">
                <a href="#" class="store-image">
                    <img src="../images/shop/job-recent-view-1.jpg" alt="Job recent view 1">
                </a>
                <div class="media-body pl-0 pl-sm-3 pt-4 pt-sm-0">
                    <a href="../listing-details-full-image.html"
                       class="font-size-lg font-weight-semibold text-dark d-inline-block mb-2 lh-11"><span
                            class="letter-spacing-25">Senior Visual Product Designer</span>
                    </a>
                    <div class="row mb-3">
                        <div class="col-12">
                            <i class="fal fa-map-marker-alt"></i><span
                                class="d-inline-block ml-2">77 Main St, Queen, NY</span>
                        </div>
                        <div class="col-12">
                            <i class="fal fa-briefcase"></i><span class="d-inline-block ml-2 text-link">Freelancer</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="store media align-items-stretch bg-white px-4">
                <a href="#" class="store-image">
                    <img src="../images/shop/job-recent-view-3.jpg" alt="Job recent view 3">
                </a>
                <div class="media-body pl-0 pl-sm-3 pt-4 pt-sm-0">
                    <a href="../listing-details-full-image.html"
                       class="font-size-lg font-weight-semibold text-dark d-inline-block mb-2 lh-11"><span
                            class="letter-spacing-25">Intership Finacial Consultancy</span>
                    </a>
                    <div class="row mb-3">
                        <div class="col-12">
                            <i class="fal fa-map-marker-alt"></i><span
                                class="d-inline-block ml-2">77 Main St, Queen, NY</span>
                        </div>
                        <div class="col-12">
                            <i class="fal fa-briefcase"></i><span class="d-inline-block ml-2 text-link">Intership</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="p-6 bg-gray-02">
    <div class="row store-listing-style store-listing-style-03">
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="store bg-white media">
                <a href="../listing-details-full-image.html" class="store-image">
                    <img src="../images/shop/spot-light-1.jpg" alt="store 1">
                </a>
                <div class="media-body pl-5 pt-0 h-100 d-flex flex-column">
                    <div class="mb-4">
                        <span class="text-gray">petrolgas.com</span>
                        <a href="../listing-details-full-image.html"
                           class="font-size-lg font-weight-semibold text-dark d-block mb-3 lh-11"><span
                                class="letter-spacing-25">Senior Visual Product Designer</span> </a>
                        <div class="mb-1">
                            <span>5th Diamond St, NY 10002, New York, United States</span>
                        </div>
                        <div class="text-danger">
                            <span>$800 - $1500</span>
                        </div>
                    </div>
                    <div class="border-top pt-2 mt-auto d-flex align-items-center">

                        <div class="text-link"><span>Full Time</span></div>
                        <span class="ml-auto text-danger d-flex align-items-center"
                              data-toggle="tooltip"
                              data-placement="top"
                              title="Saved"><i
                                class="fas fa-heart"></i></span>
                    </div>
                </div>

            </div>
        </div>
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="store bg-white media">
                <a href="../listing-details-full-image.html" class="store-image">
                    <img src="../images/shop/spot-light-2.jpg" alt="store 2">
                </a>
                <div class="media-body pl-5 pt-0 h-100 d-flex flex-column">
                    <div class="mb-4">
                        <span class="text-gray">Fire Byte Tech JSC</span>
                        <a href="../listing-details-full-image.html"
                           class="font-size-lg font-weight-semibold text-dark d-block mb-3 lh-11"><span
                                class="letter-spacing-25">Android Developer</span> </a>

                        <div class="mb-1">
                            <span>292 Orchad St, Melbourne, Australia</span>
                        </div>
                        <div class="text-danger">
                            <span>$1000 - $2000</span>
                        </div>
                    </div>
                    <div class="border-top pt-2 mt-auto d-flex align-items-center">

                        <div class="text-link"><span>Full Time</span></div>
                        <span class="text-darker-light ml-auto d-flex align-items-center"
                              data-toggle="tooltip"
                              data-placement="top"
                              title="Not Save"><i
                                class="fas fa-heart"></i></span>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>