<div class='tpl-homepage-vacancies'>
<div class="content-block">
<section class="org-section-block">
<div class="vebego-container">
<h2 class="atm-heading ">Waar voel jij je thuis?</h2>
<div class="atm-paragraph text-md">Selecteer de omgeving die bij je past</div>
<section class="mol-section-slider">
<div class="cards-grid swiper-container">
<div class="swiper-wrapper">
<div class="card-item swiper-slide">
<div class="atm-slide-section">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/200/400/500" alt="" loading="lazy">
</picture>
<div class="slide-content">
<div class="slide-content-inner">
<h3 class="atm-heading ">Facility management</h3>
<i class="atm-icon far fa-external-link "></i>
</div>
</div>
</div>
</div>
<div class="card-item swiper-slide">
<div class="atm-slide-section">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/201/400/500" alt="" loading="lazy">
</picture>
<div class="slide-content">
<div class="slide-content-inner">
<h3 class="atm-heading ">Facility management</h3>
<i class="atm-icon far fa-external-link "></i>
</div>
</div>
</div>
</div>
<div class="card-item swiper-slide">
<div class="atm-slide-section">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/202/400/500" alt="" loading="lazy">
</picture>
<div class="slide-content">
<div class="slide-content-inner">
<h3 class="atm-heading ">Facility management</h3>
<i class="atm-icon far fa-external-link "></i>
</div>
</div>
</div>
</div>
<div class="card-item swiper-slide">
<div class="atm-slide-section">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/203/400/500" alt="" loading="lazy">
</picture>
<div class="slide-content">
<div class="slide-content-inner">
<h3 class="atm-heading ">Facility management</h3>
<i class="atm-icon far fa-external-link "></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination">
<div class="swiper-pagination"></div>
</div>
</section>
</div>
</section>
</div>
<div class='content-block'>
<section class="org-vacancy-highlight-block">
<div class="vebego-container">
<div class="vacancy-highlight-block-top">
<h1 class="atm-heading ">Relevant voor jou</h1>
</div>
<div class="vacancy-grid swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mol-vacancy-highlight">
<div class="vacancy-image-wrapper">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div class="atm-badge bg-accent-3 text-black">Stap 1</div>
</div>
<div class="vacancy-highlight-content">
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="vacancy-tags">
<div class="mol-icon-tag">
<i class="atm-icon far fa-map-marker-alt fa-sm "></i>
Maastricht
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-clock fa-sm "></i>
Vrijdag 12 oktober
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-wallet fa-sm "></i>
€ 2.500 - € 3.000
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-building fa-sm "></i>
Groenvoorziening
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-face-smile fa-lg "></i>
Opleidingen en intern doorgroeien
</div>
</div>
<div class="vacancy-highlight-bottom">
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Bekijk vacature</a>
<div class="button-wrapper">
<a class="atm-button atm-button-primary button-md icon-only button-icon-only ">
<div class="button-content-wrapper">
<span class="button-content">
<i class="atm-icon fal fa-arrow-right fa-fw"></i>
</span>
</div>
<span class="button-triangle"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mol-vacancy-highlight">
<div class="vacancy-image-wrapper">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div class="atm-badge bg-accent-3 text-black">Stap 1</div>
</div>
<div class="vacancy-highlight-content">
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="vacancy-tags">
<div class="mol-icon-tag">
<i class="atm-icon far fa-map-marker-alt fa-sm "></i>
Maastricht
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-clock fa-sm "></i>
Vrijdag 12 oktober
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-wallet fa-sm "></i>
€ 2.500 - € 3.000
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-building fa-sm "></i>
Groenvoorziening
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-face-smile fa-lg "></i>
Opleidingen en intern doorgroeien
</div>
</div>
<div class="vacancy-highlight-bottom">
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Bekijk vacature</a>
<div class="button-wrapper">
<a class="atm-button atm-button-primary button-md icon-only button-icon-only ">
<div class="button-content-wrapper">
<span class="button-content">
<i class="atm-icon fal fa-arrow-right fa-fw"></i>
</span>
</div>
<span class="button-triangle"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mol-vacancy-highlight">
<div class="vacancy-image-wrapper">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div class="atm-badge bg-accent-3 text-black">Stap 1</div>
</div>
<div class="vacancy-highlight-content">
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="vacancy-tags">
<div class="mol-icon-tag">
<i class="atm-icon far fa-map-marker-alt fa-sm "></i>
Maastricht
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-clock fa-sm "></i>
Vrijdag 12 oktober
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-wallet fa-sm "></i>
€ 2.500 - € 3.000
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-building fa-sm "></i>
Groenvoorziening
</div>
<div class="mol-icon-tag">
<i class="atm-icon far fa-face-smile fa-lg "></i>
Opleidingen en intern doorgroeien
</div>
</div>
<div class="vacancy-highlight-bottom">
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">Bekijk vacature</a>
<div class="button-wrapper">
<a class="atm-button atm-button-primary button-md icon-only button-icon-only ">
<div class="button-content-wrapper">
<span class="button-content">
<i class="atm-icon fal fa-arrow-right fa-fw"></i>
</span>
</div>
<span class="button-triangle"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-wrapper">
<div class="swiper-pagination"></div>
<div class="button-wrapper">
<a class="atm-button atm-button-primary button-md icon-left ">
<div class="button-content-wrapper">
<span class="button-content">
<i class="atm-icon fal fa-circle "></i>
<span>Meer weten</span>
</span>
</div>
<span class="button-triangle"></span>
</a>
</div>
</div>
</div>
</section>
</div>
<div class='content-block'>
<section class="org-experience-block">
<div class="vebego-container">
<div class="experience-top">
<h2 class="atm-heading ">Ontdek onze werkgebieden</h2>
<div class="atm-paragraph text-md">Bij Vebego werken we in verschillende sectoren. Van schoonmaak tot groenvoorziening, van zorg tot facility management. Ontdek waar jouw talent het beste tot zijn recht komt.</div>
<a class="atm-button atm-button-secondary button-md ">
<div class="button-content-wrapper">
<span class="button-content">
<span>Bekijk alle vacatures</span>
<i class="atm-icon far fa-long-arrow-right "></i>
<span class="button-underline"></span>
</span>
</div>
</a>
</div>
<div class="experience-images">
<div class="experience-image">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/200/400/500" alt="" loading="lazy">
</picture>
</div>
<div class="experience-image">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/201/400/500" alt="" loading="lazy">
</picture>
</div>
<div class="experience-image">
<picture class="atm-image ">
<source srcset="https://picsum.photos/id/250/1280/1280" media="(min-width: 1024px)">
<source srcset="https://picsum.photos/id/250/1024/1024" media="(min-width: 768px)">
<img class="" src="https://picsum.photos/id/202/400/500" alt="" loading="lazy">
</picture>
</div>
</div>
<div class="experience-bottom">
<h2 class="atm-heading ">Klaar om te beginnen?</h2>
<div class="atm-paragraph text-md">Solliciteer direct op een van onze openstaande vacatures of neem contact met ons op voor meer informatie over werken bij Vebego.</div>
<a class="atm-button atm-button-secondary button-md ">
<div class="button-content-wrapper">
<span class="button-content">
<span>Neem contact op</span>
<i class="atm-icon far fa-long-arrow-right "></i>
<span class="button-underline"></span>
</span>
</div>
</a>
</div>
</div>
</section>
</div>
</div>
<div class='tpl-homepage-vacancies'>
{{!-- {{render '@hero'}} TODO--}}
<div class="content-block">
{{render "@section-block"}}
</div>
<div class='content-block'>
{{render '@vacancy-highlight-block'}}
</div>
<div class='content-block'>
{{render '@experience-block'}}
</div>
</div>
/* No context defined. */
.tpl-homepage-vacancies {
@apply pt-12 lg:pt-40 overflow-hidden;
&.no-hero {
@apply pt-40;
}
}
No notes defined.