Store list
Examples of store list
List #1 #
Paradico’s Beach Luxury Hotel
Casar Camper Hotel Barcelona
<div class="p-7 bg-light">
<div class="store-listing-style store-listing-style-01">
<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/hotels-shop-4.jpg')">
<div class="image-content position-absolute d-flex align-items-center">
<div class="content-right ml-auto d-flex">
<a href="../images/shop/full-hotels-shop-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 pt-4 pb-3 px-5">
<a href="../listing-details-full-image.html"
class="h5 text-dark d-inline-block mb-2"><span
class="letter-spacing-25">Paradico’s Beach Luxury 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">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.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="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">There is also free
complimentary wi-fi for
the room and there is a turn down service in the eve..
They specialize in makgeolli...
</div>
</div>
<div class="border-top pt-3 mt-5">
<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="mb-6">
<div class="store media align-items-stretch bg-white">
<div class="position-relative store-image"
style="background-image: url('../images/shop/hotels-shop-1.jpg')">
<div class="image-content position-absolute d-flex align-items-center">
<div class="content-right ml-auto d-flex">
<a href="../images/shop/full-hotels-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>
</div>
</div>
</div>
<div class="media-body pt-4 pb-3 px-5">
<a href="../listing-details-full-image.html"
class="h5 text-dark d-inline-block mb-2"><span
class="letter-spacing-25">Casar Camper Hotel Barcelona</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>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.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="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">There is also free
complimentary wi-fi for
the room and there is a turn down service in the eve..
They specialize in makgeolli...
</div>
</div>
<div class="border-top pt-3 mt-5">
<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>
</div>
List #2 #
Furniture
Assembly
Overlooking Bloomsbury's
Russell Square
and
a 2 minutes' walk from the tube station of the same name...
Open now!
Wedding & Event Makeup
Overlooking Bloomsbury's
Russell Square
and
a 2 minutes' walk from the tube station of the same name...
Open now!
<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>
List #3 #
MME Studio
3D Animation Designer
92 Halsey St, Brooklyn, New
York
Freelancer
$500.00
-
$1,000.00
Posted 11 hours
ago
They specialize in makgeolli at this Korean-style pub in Seorae
Village...
Wave Agency
Account Executive
92 Halsey St, Brooklyn, New
York
Part Time
$300.00
- $800.00
Posted 22 hours
ago
Consulting have instructions to recruit a Company
Accountant/Bookkeeper...
ABA Logistic JSC
3Transport Shift Controller
92 Halsey St, Brooklyn, New
York
Temporary
$100.00/day
Posted 1 days ago
Consulting have instructions to recruit a Company
Accountant/Bookkeeper...
<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>
List #4 #
<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>
List #5 #
Senior Visual Product Designer
77 Main St, Queen, NY
Freelancer
Intership Finacial Consultancy
77 Main St, Queen, NY
Intership
<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>
List #6 #
petrolgas.com
Senior Visual Product Designer
5th Diamond St, NY 10002, New York, United States
$800 - $1500
Full Time
<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>