Store grid
Examples of store grid
Grid #1 #
Roman
Kraft Hotel
Overlooking Bloomsbury's
Russell Square
and
a 2 minutes' walk from the tube station of the same name...
Karly Gomez Cake
They specialize in makgeolli
at this
Korean-style pub in Seorae Village. And they use...
Roman
Kraft Hotel
After a yoga class changed
her life, Maz
became
vegan, launched...
<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>Grid #2 #
<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 #
<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 #
Japan Rice Mixed Seafood
Overlooking Bloomsbury’s
Russell Square
and a 2
minutes’ walk from the tube station of the same name...
Fruit Cake - Halsey St
They specialize in makgeolli
at this
Korean-style pub in Seorae Village. And they use...
EBI Coffe Vintage - Hobbits Ave St
After a yoga class changed
her life, Maz
became
vegan, launched...
<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>