<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1079-lunchroom-matcha-macha">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Lunchroom Matcha Macha</h3>
<span class="block text-sm mb-4">Keizerstraat 128, 's-Gravenhage</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 75.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 16.140 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1079/616ea08f6400e3.14364227-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1078-turcos-kebab">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Turco's Kebab</h3>
<span class="block text-sm mb-4">Peperstraat 1A, Vught</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 37.500
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 9.600 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1078/616e9e563301a8.48062605-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/vastgoed-1077-viseeterij-restaurant-fish-more">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Viseeterij Restaurant "Fish & More"</h3>
<span class="block text-sm mb-4">Ring 5, Burgh-Haamstede</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 580.000 k.k.
</span>
<span class="block text-sm mt-2">Bedrijf / roerende zaken</span>
<span class="block font-medium text-hs-green mr-10">
€ 180.000
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1077/616e9d6e329730.15700052-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1076-t-fort-in-vijfhuizen">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">'t Fort in Vijfhuizen </h3>
<span class="block text-sm mb-4">Fortwachter 3, Vijfhuizen</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 295.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 50.000 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1076/616e8efc472be0.33010495-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/vastgoed-1075-casco-horecaruimte-op-a-locatie">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Casco horecaruimte op A-locatie</h3>
<span class="block text-sm mb-4">Marktstraat 6, Enschede </span>
<span class="block text-sm">Vastgoed · huur</span>
<span class="block font-medium text-hs-green mr-10">
€ 51.500 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1075/616d5766b6f6e8.16331632-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/belegging-1074-pastoriestraat-5-7-simpelveld">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Pastoriestraat 5-7, Simpelveld</h3>
<span class="block text-sm mt-4">
Belegging
</span>
<span class="block font-medium text-hs-green">
€ 345.000 k.k.
</span>
<span class="block text-sm mt-2">
Factor
</span>
<span class="block font-medium text-hs-green">
14,4
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1074/616d34a0d2c9a2.07033053-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1073-id-1548-restaurantlunchroom-in-voorschoten">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">ID: 1548 Restaurant/Lunchroom in Voorschoten</h3>
<span class="block text-sm mb-4">Kerkplein 5, Voorschoten</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
Op aanvraag
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
Op aanvraag
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1073/61698b22b8e2a7.16925288-450x300.png" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1072-id-1549-brasserie-aan-de-gezellige-sluiskant-in-leidschendam">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">ID: 1549 Brasserie aan de gezellige sluiskant in Leidschendam</h3>
<span class="block text-sm mb-4">Sluiskant 25, Leidschendam</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
Op aanvraag
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
Op aanvraag
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1072/61698a152c9800.67519983-450x300.png" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1071-check-dubbelcheck">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Check, dubbelcheck</h3>
<span class="block text-sm mb-4">Potterstraat 22, Utrecht</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 110.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 37.000 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1071/616824af485129.83007296-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1070-jackpot">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Jackpot!</h3>
<span class="block text-sm mb-4">Amsterdamsestraatweg 144G, Utrecht</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
€ 60.000
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 25.200 per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1070/616823440d3252.74078912-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/bedrijf-1069-id-4158-casco-horecawinkelruimte-in-het-centrum-van-den-haag">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">ID 4158 Casco horeca/winkelruimte in het centrum van Den Haag</h3>
<span class="block text-sm mb-4">Kettingstraat 3, Den Haag</span>
<span class="block text-sm">Bedrijf</span>
<span class="block font-medium text-hs-green">
N.o.t.k.
</span>
<span class="block text-sm mt-2">Vastgoed · huur</span>
<span class="block font-medium text-hs-green">
€ 20.400 excl. BTW per jaar
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1069/616815f8150ef3.12486637-450x300.png" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="card group rounded-xl overflow-hidden shadow-lg max-w-sm mx-auto sm:mx-0 sm:max-w-none">
<a href="https://horecaspot.nl/aanbod/vastgoed-1068-boetiek-hotel-hof-van-holland">
<div class="flex flex-col h-full">
<div class="px-6 pt-3 pb-7 order-2 relative overflow-hidden flex-grow bg-white">
<h3 class="text-hs-green font-medium">Boetiek Hotel Hof van Holland</h3>
<span class="block text-sm mb-4">Lingerzijde 69, Edam</span>
<span class="block text-sm">Vastgoed · koop</span>
<span class="block font-medium text-hs-green mr-10">
€ 2.450.000 k.k.
</span>
<span class="block text-sm mt-2">Bedrijf / roerende zaken</span>
<span class="block font-medium text-hs-green mr-10">
€ 150.000
</span>
<div class="arrow-right absolute text-3xl text-hs-green ml-auto right-3 bottom-2 group-hover:text-white">
<svg class="absolute bottom-2 right-2" width="18" height="14" xmlns="http://www.w3.org/2000/svg">
<g>
<path transform="rotate(180 9.000106811523438,7.000002384185792)" fill="currentColor" d="m0.293,7.707l6,6a1,1 0 1 0 1.414,-1.414l-4.293,-4.293l13.586,0a1,1 0 0 0 1,-1a1,1 0 0 0 -1,-1l-13.586,0l4.293,-4.293a1,1 0 1 0 -1.414,-1.414l-6,6a1,1 0 0 0 0,1.414z" />
</g>
</svg>
</div>
</div>
<div class="order-1 relative">
<div class="h-48 lg:h-56 overflow-hidden bg-white">
<img class="card-image w-full object-cover object-center transition-transform duration-300" data-src="https://horecaspot.nl/storage/horeca-object/1068/6167e7f09fc7c1.59383401-450x300.jpg" width="336" height="192" alt="" />
</div>
<span class="absolute top-5 left-0 text-white bg-orange bg-gradient-to-br from-orange-light to-orange text-xs rounded-r-full px-4 py-1 font-medium uppercase border-r-5 max-w-9/10">
Nieuw
</span>
</div>
</div>
</a>
</div>
<div class="flex justify-center items-center xs:justify-between">
<div class="hidden xs:block">
<div class="text-hs-green uppercase text-sm font-medium opacity-50" aria-disabled="true">
<span>← Vorige</span>
</div>
</div>
<div>
<ul class="flex items-center">
<li class="flex w-9 h-9 bg-hs-green text-white rounded mx-1">
<span class="inline-block mx-auto self-center font-medium">1</span>
</li>
<li class="flex w-8 h-8 rounded mx-1 hover:bg-hs-green-light hover:text-hs-green">
<a href="/aanbod/vastgoed?p=2" class="inline-flex w-full h-full justify-center items-center font-medium">
2
</a>
</li>
<li class="inline-block mx-3 font-medium">...</li>
<li class="flex w-8 h-8 rounded mx-1 hover:bg-hs-green-light hover:text-hs-green">
<a href="/aanbod/vastgoed?p=61" class="inline-flex w-full h-full justify-center items-center font-medium">
61
</a>
</li>
</ul>
</div>
<div class="hidden xs:block">
<div class="text-hs-green uppercase text-sm font-medium">
<a href="/aanbod/vastgoed?p=2" class="hover:underline" rel="next">Volgende →</a>
</div>
</div>
</div>