<section class="org-vacancy-homepage-hero">
<div class="hero-band no-media">
<div class="hero-wrapper">
<svg class="hero-path-mask" preserveAspectRatio="none" viewBox="0 0 1921.38 1053.3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="hero-path-line" d="M.69,830.4s297.33,128.71,722.76,189.75c18.17,2.61,185.27,21.08,185.27,21.08,306.97,25.68,660.88,8.63,1010.78-110.32" />
<path class="hero-path-line" d="M634.81,1.4s532.18,394.01,1126.06,417.19c0,0,86.69-92.71,159.04-208.6" />
</svg>
</div>
<div class="vebego-container">
<div class="vacancy-hero-content">
<h1 class="atm-heading h1">Vind de baan die bij je past</h1>
<form action="#" class="vacancy-hero-form">
<div class="input-wrapper">
<div class="input-container">
<div class="atm-form-input ">
<input class="form-input" type="text" id="vacancy-homepage-search-name" name="input">
<label class="atm-form-label form-label " for="vacancy-homepage-search-name">Welke vacature zoek je?</label>
</div>
<span class="input-separator">en/of</span>
<div class="atm-form-input ">
<input class="form-input" type="text" id="vacancy-homepage-search-location" name="input">
<label class="atm-form-label form-label " for="vacancy-homepage-search-location">Wat is je woonplaats?</label>
</div>
<div class="location-btn">
<button class="atm-button atm-button-primary button-md button-icon-only " type="button">
<div class="button-content-wrapper">
<span class="button-content">
<i class="atm-icon far fa-location-arrow fa-fw"></i>
</span>
</div>
</button>
</div>
</div>
<button type="submit" class="atm-button atm-button-primary button-md search-btn">
<div class="button-content-wrapper">
<span>Bekijk vacatures</span>
</div>
</button>
</div>
</form>
<div class="hero-tags">
<div class="hero-tags-heading">
<h2 class="atm-heading h2">Ga direct naar vacatures voor</h2>
</div>
<div class="mol-tag-bubble">
<a class="atm-tag on-color" title="This is a tag link" href="#">
<span>
Facility management
</span>
</a>
<a class="atm-tag on-color" title="This is a tag link" href="#">
<span>
Hoofdkantoor
</span>
</a>
<a class="atm-tag on-color" title="This is a tag link" href="#">
<span>
Zorg
</span>
</a>
<a class="atm-tag on-color" title="This is a tag link" href="#">
<span>
Schoonmaak
</span>
</a>
<a class="atm-tag on-color" title="This is a tag link" href="#">
<span>
Glas- en gevelreiniging
</span>
</a>
<a class="atm-tag on-color" title="This is a tag link" href="#">
<span>
Groenvoorziening
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="trailing-media">
<div class="vebego-container">
<div class="trailing-media-inner">
<div class="trailing-media-desktop">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/1015/1216/384" alt="" loading="lazy">
</picture>
</div>
<div class="trailing-media-mobile">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/1015/768/768" alt="" loading="lazy">
</picture>
</div>
</div>
</div>
</div>
</section>
<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">
<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">
<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>
{{render '@vacancy-homepage-hero'}}
<div class='tpl-homepage-vacancies'>
<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-x-clip overflow-y-visible;
&.no-hero {
@apply pt-40;
}
}
No notes defined.