Store grid

Examples of store grid

Grid #1 #

Result
HTML

Featured

Roman Kraft Hotel

5.04 rating
From$56.00
Hotel

Overlooking Bloomsbury's Russell Square and a 2 minutes' walk from the tube station of the same name...

San Francisco, CA
Open now!

Best Rate

Karly Gomez Cake

5.08 rating
From$12.00
Food

They specialize in makgeolli at this Korean-style pub in Seorae Village. And they use...

Florencia, Italy
Close now!

Most view

Roman Kraft Hotel

4.34 rating
From$10.00
Food

After a yoga class changed her life, Maz became vegan, launched...

Miami, FL
Close now!

<div class="py-7">
    <div class="row">
        <div class="col-md-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/shop-1.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </a>
                    <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 ml-auto d-flex w-lg show-link">
                            <a href="../images/shop/full-shop-1.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>
                            <a href="#" class="item" data-toggle="tooltip"
                               data-placement="top"
                               title="Compare">
                                <svg class="icon icon-chart-bars">
                                    <use xlink:href="#icon-chart-bars"></use>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="card-body px-0 pb-0 pt-3">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Roman Kraft Hotel</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-bed">
                                    <use xlink:href="#icon-bed"></use>
                                </svg>
                                <span>Hotel</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>
                <ul class="list-inline card-footer rounded-0 border-top pt-3 mt-5 bg-transparent px-0 store-meta d-flex align-items-center">
                    <li class="list-inline-item">
                        <span class="d-inline-block mr-1">
                            <i class="fal fa-map-marker-alt">
                            </i>
                        </span>
                        <a href="#"
                           class="text-secondary text-decoration-none link-hover-secondary-blue">
                            San Francisco, CA</a>
                    </li>
                    <li class="list-inline-item separate"></li>
                    <li class="list-inline-item">
                        <span class="text-green">Open now!</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/shop-2.jpg" alt="store 2"
                             class="card-img-top rounded-0">
                    </a>
                    <div class="image-content position-absolute d-flex align-items-center">
                        <div class="content-left">
                            <div class="badge badge-primary">Best Rate</div>
                        </div>
                        <div class="content-right ml-auto d-flex show-link">
                            <a href="../images/shop/full-shop-2.jpg" data-gtf-mfp="true"
                               class="item viewing" data-toggle="tooltip"
                               data-placement="top"
                               title="Quick view">
                                <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="card-body px-0 pb-0 pt-3">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Karly Gomez Cake</span>
                        <span class="check">
                            <svg class="icon icon-check-circle"><use xlink:href="#icon-check-circle"></use></svg>
                        </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>8 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>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><a href="#"
                                                        class="link-hover-secondary-primary">
                            <svg class="icon icon-pizza">
                                <use xlink:href="#icon-pizza"></use>
                            </svg>
                            <span>Food</span>
                        </a></li>
                    </ul>

                    <div class="media">
                        <a href="#" class="d-inline-block mr-3"><img
                                src="../images/listing/testimonial-2.png"
                                alt="testimonial" class="rounded-circle">
                        </a>
                        <div class="media-body lh-14 font-size-sm">They specialize in makgeolli
                            at this
                            Korean-style pub in Seorae Village. And they use...
                        </div>
                    </div>
                </div>
                <ul class="list-inline card-footer rounded-0 border-top pt-3 mt-5 bg-transparent px-0 store-meta d-flex align-items-center">
                    <li class="list-inline-item">
                        <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">Florencia,
                            Italy</a>
                    </li>
                    <li class="list-inline-item separate"></li>
                    <li class="list-inline-item">
                        <span class="text-danger">Close now!</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/shop-3.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </a>
                    <div class="image-content position-absolute d-flex align-items-center">
                        <div class="content-left">
                            <div class="badge badge-primary">Most view</div>
                        </div>
                        <div class="content-right ml-auto d-flex show-link">
                            <a href="../images/shop/full-shop-3.jpg" class="item viewing"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="Quick view" 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="card-body px-0 pb-0 pt-3">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Roman Kraft Hotel</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-warning d-inline-block mr-1">4.3</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">$10.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-pizza">
                                <use xlink:href="#icon-pizza"></use>
                            </svg>
                            <span>Food</span>
                        </a></li>
                    </ul>
                    <div class="media">
                        <a href="#" class="d-inline-block mr-3"><img
                                src="../images/listing/testimonial-5.png"
                                alt="testimonial" class="rounded-circle">
                        </a>
                        <div class="media-body lh-14 font-size-sm">After a yoga class changed
                            her life, Maz
                            became
                            vegan, launched...
                        </div>
                    </div>
                </div>
                <ul class="list-inline card-footer rounded-0 border-top pt-3 mt-5 bg-transparent px-0 store-meta d-flex align-items-center">
                    <li class="list-inline-item">
                        <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">Miami,
                            FL</a>
                    </li>
                    <li class="list-inline-item separate"></li>
                    <li class="list-inline-item">
                        <span class="text-danger">Close now!</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

Brooklyn Car Services Center

5.08 rating
From$25.00
Open now!

534 Diamond St, Barcelona, Spain

David Car Services Shop

4.84 rating
From$18.00
Open now!

Ubud, Indonesia

CG Automotive Services Center

4.58 rating
From$50.00
Open now!

Via Paolo Sacchi 8, 10128 Turin, Italy

<div class="py-6 bg-gray-03">
    <div class="container">
        <div class="row">
            <div class="col-md-4 mb-6">
                <div class="store card border-0 rounded-0 h-auto">
                    <div class="position-relative store-image">
                        <a href="../listing-details-full-image.html">
                            <img src="../images/shop/automotic-service-provider-1.jpg" alt="store 1"
                                 class="card-img-top rounded-0">
                        </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-automotic-service-provider-1.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="card-body">
                        <a href="../listing-details-full-image.html"
                           class="card-title h5 text-dark d-inline-block mb-2"><span
                                class="letter-spacing-25">Brooklyn Car Services Center</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>8 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">$25.00</span></li>
                            <li class="list-inline-item separate"></li>
                            <li class="list-inline-item"><span class="text-green">Open now!</span></li>
                        </ul>
                        <div class="card-footer rounded-0 border-top pt-3 bg-transparent px-0 pb-0 mt-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">534 Diamond
                                St, Barcelona,
                                Spain</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-6">
                <div class="store card border-0 rounded-0 h-auto">
                    <div class="position-relative store-image">
                        <a href="../listing-details-full-image.html">
                            <img src="../images/shop/automotic-service-provider-2.jpg" alt="store 1"
                                 class="card-img-top rounded-0">
                        </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-automotic-service-provider-2.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="card-body">
                        <a href="../listing-details-full-image.html"
                           class="card-title h5 text-dark d-inline-block mb-2"><span
                                class="letter-spacing-25">David Car Services Shop</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">4.8</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">$18.00</span></li>
                            <li class="list-inline-item separate"></li>
                            <li class="list-inline-item"><span class="text-green">Open now!</span></li>
                        </ul>
                        <div class="card-footer rounded-0 border-top pt-3 bg-transparent px-0 pb-0 mt-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">Ubud,
                                Indonesia</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mb-6">
                <div class="store card border-0 rounded-0 h-auto">
                    <div class="position-relative store-image">
                        <a href="../listing-details-full-image.html">
                            <img src="../images/shop/automotic-service-provider-3.jpg" alt="store 1"
                                 class="card-img-top rounded-0">
                        </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-automotic-service-provider-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="card-body">
                        <a href="../listing-details-full-image.html"
                           class="card-title h5 text-dark d-inline-block mb-2"><span
                                class="letter-spacing-25">CG Automotive Services Center</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-warning d-inline-block mr-1">4.5</span><span>8 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">$50.00</span></li>
                            <li class="list-inline-item separate"></li>
                            <li class="list-inline-item"><span class="text-green">Open now!</span></li>
                        </ul>
                        <div class="card-footer rounded-0 border-top pt-3 bg-transparent px-0 pb-0 mt-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">Via Paolo
                                Sacchi 8, 10128
                                Turin, Italy</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Grid #3 #

Result
HTML

Thai's taste restaurant

5.04 rating
From$56.00
Open now!

125 Moutain St, Brooklyn, NY

Pepperoni Pizza Restaurant

5.08 rating
From$12.00
Open now!

23 Orchard St, Jersey City, NY

Canabo View Street - Main St

4.36 rating
From$8.00
Close now!

77 Main St, Queen, NY

<div class="py-6">
    <div class="row">
        <div class="col-md-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-map.html">
                        <img src="../images/shop/top-place-1.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </a>
                    <div class="image-content position-absolute d-flex align-items-center">
                        <div class="content-right d-flex mr-0">

                            <a href="../images/shop/full-top-place-1.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="card-body px-0 pb-0 pt-3">
                    <a href="../listing-details-full-map.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Thai's taste restaurant</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"><span class="text-green">Open now!</span></li>
                    </ul>
                </div>
                <div class="card-footer rounded-0 border-top pt-3 mt-3 bg-transparent px-0">
                    <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">125 Moutain St,
                        Brooklyn,
                        NY</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/top-place-2.jpg" alt="store 2"
                             class="card-img-top rounded-0">
                    </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-2.jpg" data-gtf-mfp="true"
                               class="item viewing" data-toggle="tooltip"
                               data-placement="top"
                               title="Quick view">
                                <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="card-body px-0 pb-0 pt-3">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Pepperoni Pizza Restaurant</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>8 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>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="text-green">Open now!</span></li>
                    </ul>
                </div>
                <div class="card-footer rounded-0 border-top pt-3 mt-3 bg-transparent px-0">
                    <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">23 Orchard St,
                        Jersey City,
                        NY</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/top-place-3.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </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="Quick view" 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="card-body px-0 pb-0 pt-3">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Canabo View Street - Main St</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-warning d-inline-block mr-1">4.3</span><span>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>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="text-danger">Close now!</span></li>
                    </ul>
                </div>
                <div class="card-footer rounded-0 border-top pt-3 mt-3 bg-transparent px-0">
                    <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>

Grid #4 #

Result
HTML

Japan Rice Mixed Seafood

5.04 rating
From$9.0
Open now!

Overlooking Bloomsbury’s Russell Square and a 2 minutes’ walk from the tube station of the same name...

534 Salem Rd St, Newark, NY

Fruit Cake - Halsey St

4.82 rating
From$4.0
Open now!

They specialize in makgeolli at this Korean-style pub in Seorae Village. And they use...

92 Halsey St, Brooklyn, NY

EBI Coffe Vintage - Hobbits Ave St

4.76 rating
From$2.50
Open now!

After a yoga class changed her life, Maz became vegan, launched...

275 Hobbits Ave St, Queen, NY

<div class="p-6 bg-gray-01">
    <div class="row">
        <div class="col-lg-6 col-xl-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/popular-place-1.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </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-popular-place-1.jpg"
                               class="item viewing"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="Quick view" 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="card-body pb-4">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Japan Rice Mixed Seafood</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 mr-1 d-inline-block">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">$9.0</span></li>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="text-green">Open now!</span></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>
                <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent">
                    <div class="border-top pt-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">534
                            Salem Rd St,
                            Newark, NY</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-xl-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/popular-place-2.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </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-popular-place-2.jpg"
                               class="item viewing"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="Quick view" 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="card-body pb-4">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">Fruit Cake - Halsey St </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 mr-1 d-inline-block">4.8</span><span>2 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">$4.0</span></li>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="text-green">Open now!</span></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">They specialize in makgeolli
                            at this
                            Korean-style pub in Seorae Village. And they use...
                        </div>
                    </div>
                </div>
                <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent">
                    <div class="border-top pt-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">92
                            Halsey St,
                            Brooklyn, NY</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-xl-4 mb-6">
            <div class="store card border-0 rounded-0">
                <div class="position-relative store-image">
                    <a href="../listing-details-full-image.html">
                        <img src="../images/shop/popular-place-3.jpg" alt="store 1"
                             class="card-img-top rounded-0">
                    </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-popular-place-3.jpg"
                               class="item viewing"
                               data-toggle="tooltip"
                               data-placement="top"
                               title="Quick view" 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="card-body pb-4">
                    <a href="../listing-details-full-image.html"
                       class="card-title h5 text-dark d-inline-block mb-2"><span
                            class="letter-spacing-25">EBI Coffe Vintage - Hobbits Ave St</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">4.7</span><span>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">$2.50</span></li>
                        <li class="list-inline-item separate"></li>
                        <li class="list-inline-item"><span class="text-green">Open now!</span></li>
                    </ul>
                    <div class="media">
                        <a href="#" class="d-inline-block mr-3"><img
                                src="../images/listing/testimonial-5.png"
                                alt="testimonial" class="rounded-circle">
                        </a>
                        <div class="media-body lh-14 font-size-sm">After a yoga class changed
                            her life, Maz
                            became
                            vegan, launched...
                        </div>
                    </div>
                </div>
                <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent">
                    <div class="border-top pt-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">275
                            Hobbits Ave St,
                            Queen, NY</a>
                    </div>

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