<div class="tpl-sdg-overview">
<div class="vebego-container">
<section class="org-image-and-text-block ">
<div class="vebego-container">
<div class="wrapper">
<div class="first">
<div class="mol-title ">
<span class="atm-heading h-subtitle">The quick brown fox jumps over the lazy dog</span>
<span class="atm-heading h1">The quick brown fox jumps over the lazy dog</span>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Button 1</span>
</span>
<span class="button-triangle"></span>
</a>
<a class="atm-button atm-button-secondary button-md ">
<span class="button-content">
<span>Button 2</span>
<span class="atm-icon far fa-long-arrow-right "></span>
</span>
<span class="button-underline"></span>
</a>
<a class="atm-button atm-button-secondary button-md ">
<span class="button-content">
<span>Button 3</span>
<span class="atm-icon far fa-long-arrow-right "></span>
</span>
<span class="button-underline"></span>
</a>
</div>
<div class="second">
<div class="media-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/250/768/768" alt="" loading="lazy">
</picture>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="org-sdg-block">
<div class="vebego-container">
<div class="mol-title ">
<span class="atm-heading h1">Sustainable Development Goals</span>
</div>
</div>
<div class="wrapper-sdg">
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-05.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-06.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-07.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-08.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-09.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-10.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-11.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-12.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-13.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-14.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-15.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-16.jpg" alt="">
</picture>
</a>
<a href="#" title="" aria-label="" target="">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-17.jpg" alt="">
</picture>
</a>
</div>
</section>
<div class="vebego-container">
<div class="sdg-overview-list">
<div class="left">
<div class="sdg-nav">
<ul>
<li class="active">
<a href="#sdg-panel-8">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-08.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-10">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-10.jpg" alt="">
</picture>
</a>
</li>
<li class="break">
<div></div>
</li>
<li class="">
<a href="#sdg-panel-1">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-2">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-3">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-4">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-5">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-05.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-6">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-06.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-7">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-07.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-9">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-09.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-11">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-11.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-12">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-12.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-13">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-13.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-14">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-14.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-15">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-15.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-16">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-16.jpg" alt="">
</picture>
</a>
</li>
<li class="">
<a href="#sdg-panel-17">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-17.jpg" alt="">
</picture>
</a>
</li>
</ul>
</div>
</div>
<div class="right">
<div class="sdg-panel sdg-panel-8 active">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 8</span>
<h1 class="atm-heading ">Decent work and economic growth</h1>
</div>
<div class="atm-paragraph ">
<p>Bevorder aanhoudende, inclusieve en duurzame economische groei, volledige en productieve tewerkstelling en waardig werk voor iedereen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-08.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 8</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-10 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 10</span>
<h1 class="atm-heading ">Reduce inequality</h1>
</div>
<div class="atm-paragraph ">
<p>Dring ongelijkheid in en tussen landen terug</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-10.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 10</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-1 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 1</span>
<h1 class="atm-heading ">No poverty</h1>
</div>
<div class="atm-paragraph ">
<p>Beëindig armoede overal en in al haar vormen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 1</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-2 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 2</span>
<h1 class="atm-heading ">No hunger</h1>
</div>
<div class="atm-paragraph ">
<p>Beëindig honger, bereik voedselzekerheid en verbeterde voeding en promoot duurzame landbouw</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 2</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-3 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 3</span>
<h1 class="atm-heading ">Good health and wellbeing</h1>
</div>
<div class="atm-paragraph ">
<p>Verzeker een goede gezondheid en promoot welvaart voor alle leeftijden</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 3</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-4 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 4</span>
<h1 class="atm-heading ">Quality education</h1>
</div>
<div class="atm-paragraph ">
<p>Verzeker gelijke toegang tot kwaliteitsvol onderwijs en bevorder levenslang leren voor iedereen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 4</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-5 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 5</span>
<h1 class="atm-heading ">Gender equality</h1>
</div>
<div class="atm-paragraph ">
<p>Bereik gendergelijkheid en empowerment voor alle vrouwen en meisjes</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-05.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 5</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-6 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 6</span>
<h1 class="atm-heading ">Clean water and sanitation</h1>
</div>
<div class="atm-paragraph ">
<p>Verzeker toegang tot duurzaam beheer van water en sanitatie voor iedereen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-06.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
</div>
<div class="sdg-panel sdg-panel-7 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 7</span>
<h1 class="atm-heading ">Affordable and clean energy</h1>
</div>
<div class="atm-paragraph ">
<p>Verzeker toegang tot betaalbare, betrouwbare, duurzame en moderne energie voor iedereen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-07.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 7</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-9 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 9</span>
<h1 class="atm-heading ">Industry, innovation and infrastructure</h1>
</div>
<div class="atm-paragraph ">
<p>Bouw veerkrachtige infrastructuur, bevorder inclusieve en duurzame industrialisering en stimuleer innovatie</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-09.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 9</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-11 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 11</span>
<h1 class="atm-heading ">Sustainable cities and communities</h1>
</div>
<div class="atm-paragraph ">
<p>Maak steden en menselijke nederzettingen inclusief, veilig, veerkrachtig en duurzaam</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-11.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 11</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-12 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 12</span>
<h1 class="atm-heading ">Responsible consumption and production</h1>
</div>
<div class="atm-paragraph ">
<p>Verzeker duurzame consumptie- en productiepatronen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-12.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 12</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-13 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 13</span>
<h1 class="atm-heading ">Climate action</h1>
</div>
<div class="atm-paragraph ">
<p>Neem dringend actie om klimaatverandering en haar impact te bestrijden</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-13.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 13</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-14 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 14</span>
<h1 class="atm-heading ">Life below water</h1>
</div>
<div class="atm-paragraph ">
<p>Behoud en maak duurzaam gebruik van de oceanen, de zeeën en de maritieme hulpbronnen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-14.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
</div>
<div class="sdg-panel sdg-panel-15 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 15</span>
<h1 class="atm-heading ">Life on land</h1>
</div>
<div class="atm-paragraph ">
<p>Bescherm, herstel en bevorder het duurzaam gebruik van ecosystemen, beheer bossen duurzaam, bestrijd woestijnvorming en landdegradatie en draai het terug en roep het verlies aan biodiversiteit een halt toe</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-15.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
</div>
<div class="sdg-panel sdg-panel-16 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 16</span>
<h1 class="atm-heading ">Peace, justice and strong institutions</h1>
</div>
<div class="atm-paragraph ">
<p>Bevorder vreedzame en inclusieve samenlevingen met het oog op duurzame ontwikkeling, verzeker toegang tot justitie voor iedereen en creëer op alle niveaus doeltreffende, verantwoordelijke en open instellingen</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-16.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 16</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
<div class="sdg-panel sdg-panel-17 ">
<div class="wrapper-sdg-intro">
<div class="col-left">
<div class="mol-title ">
<span class="atm-heading h-subtitle">SDG 17</span>
<h1 class="atm-heading ">Partnerships for the goals</h1>
</div>
<div class="atm-paragraph ">
<p>Versterk de implementatiemiddelen en revitaliseer het wereldwijd partnerschap voor duurzame ontwikkeling</p>
</div>
</div>
<div class="col-right">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-17.jpg" alt="">
</picture>
<a class="atm-button atm-button-primary button-md ">
<span class="button-content">
<span>Lees de klantcase</span>
</span>
<span class="button-triangle"></span>
</a>
</div>
</div>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="sdg-relevant">
<div class="mol-title title-underline">
<span class="atm-heading h4">Initiatieven die aansluiten bij SDG 17</span>
</div>
<div class="wrapper">
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
<div>
<div class="mol-card-extended sdg js--clickable">
<picture class="atm-image ">
<img class="" src="https://picsum.photos/id/250/400/200" alt="">
</picture>
<div>
<span class="atm-heading h-subtitle">FM Trends</span>
<h4 class="atm-heading ">Wat zijn de belangrijkste schoonmaakdoelen?</h4>
<div class="atm-paragraph text-md">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur consectetur interdum nulla, ut pretium nibh semper sed. Vivamus porta lectus sit amet accumsan convallis. Duis hendrerit risus justo, quis euismod nisi pellentesque et. Suspendisse quis ultrices orci. Praesent vitae fermentum eros. Quisque elementum, ante nec tincidunt pellentesque, diam elit semper erat, sit amet dapibus erat risus id nisl.</p>
</div>
<div class="wrap-sdg">
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg" alt="">
</picture>
<picture class="atm-image ">
<img class="" src="https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg" alt="">
</picture>
</div>
</div>
<a class="atm-link " href="#" title="This is what a link looks like" aria-label="" target="">This is what a link looks like</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tpl-sdg-overview">
<div class="vebego-container">
{{ render '@image-and-text-block--image-left' }}
</div>
{{ render '@sdg-block' }}
<div class="vebego-container">
<div class="sdg-overview-list">
<div class="left">
<div class="sdg-nav">
<ul>
{{#each sdg.highlights}}
<li class="{{#if active}}active{{/if}}">
<a href="#sdg-panel-{{sdg-id}}">
{{render '@image' sdg-image}}
</a>
</li>
{{/each}}
{{#if sdg.highlights}}
<li class="break">
<div></div>
</li>
{{/if}}
{{#each sdg.items}}
<li class="{{#if active}}active{{/if}}">
<a href="#sdg-panel-{{sdg-id}}">
{{render '@image' sdg-image}}
</a>
</li>
{{/each}}
</ul>
</div>
</div>
<div class="right">
{{#each sdg.highlights}}
<div class="sdg-panel sdg-panel-{{sdg-id}} {{#if active}}active{{/if}}">
<div class="wrapper-sdg-intro">
<div class="col-left">
{{ render '@title' title}}
{{ render '@paragraph' intro-text }}
</div>
<div class="col-right">
{{ render '@image' sdg-image}}
{{ render '@button-primary' }}
</div>
</div>
{{ render '@paragraph' }}
{{#if sdg-relevant}}
<div class="sdg-relevant">
{{ render '@title' relevant-title merge=true}}
<div class="wrapper">
{{#each sdg-relevant}}
<div>{{ render '@card-extended--sdg' }}</div>
{{/each}}
</div>
</div>
{{/if}}
</div>
{{/each}}
{{#each sdg.items}}
<div class="sdg-panel sdg-panel-{{sdg-id}} {{#if active}}active{{/if}}">
<div class="wrapper-sdg-intro">
<div class="col-left">
{{ render '@title' title}}
{{ render '@paragraph' intro-text }}
</div>
<div class="col-right">
{{ render '@image' sdg-image}}
{{ render '@button-primary' }}
</div>
</div>
{{ render '@paragraph' }}
{{#if sdg-relevant}}
<div class="sdg-relevant">
{{ render '@title' relevant-title merge=true}}
<div class="wrapper">
{{#each sdg-relevant}}
<div>{{ render '@card-extended--sdg' }}</div>
{{/each}}
</div>
</div>
{{/if}}
</div>
{{/each}}
</div>
</div>
</div>
</div>
{
"sdg": {
"highlights": [
{
"active": true,
"sdg-id": 8,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-08.jpg"
},
"title": {
"heading": {
"text": "Decent work and economic growth"
},
"subtitle": {
"text": "SDG 8"
}
},
"intro-text": {
"text": "Bevorder aanhoudende, inclusieve en duurzame economische groei, volledige en productieve tewerkstelling en waardig werk voor iedereen"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 8",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{},
{}
]
},
{
"sdg-id": 10,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-10.jpg"
},
"title": {
"heading": {
"text": "Reduce inequality"
},
"subtitle": {
"text": "SDG 10"
}
},
"intro-text": {
"text": "Dring ongelijkheid in en tussen landen terug"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 10",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
}
],
"items": [
{
"sdg-id": 1,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-01.jpg"
},
"title": {
"heading": {
"text": "No poverty"
},
"subtitle": {
"text": "SDG 1"
}
},
"intro-text": {
"text": "Beëindig armoede overal en in al haar vormen"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 1",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{}
]
},
{
"sdg-id": 2,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-02.jpg"
},
"title": {
"heading": {
"text": "No hunger"
},
"subtitle": {
"text": "SDG 2"
}
},
"intro-text": {
"text": "Beëindig honger, bereik voedselzekerheid en verbeterde voeding en promoot duurzame landbouw"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 2",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 3,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-03.jpg"
},
"title": {
"heading": {
"text": "Good health and wellbeing"
},
"subtitle": {
"text": "SDG 3"
}
},
"intro-text": {
"text": "Verzeker een goede gezondheid en promoot welvaart voor alle leeftijden"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 3",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 4,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-04.jpg"
},
"title": {
"heading": {
"text": "Quality education"
},
"subtitle": {
"text": "SDG 4"
}
},
"intro-text": {
"text": "Verzeker gelijke toegang tot kwaliteitsvol onderwijs en bevorder levenslang leren voor iedereen"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 4",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 5,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-05.jpg"
},
"title": {
"heading": {
"text": "Gender equality"
},
"subtitle": {
"text": "SDG 5"
}
},
"intro-text": {
"text": "Bereik gendergelijkheid en empowerment voor alle vrouwen en meisjes"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 5",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 6,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-06.jpg"
},
"title": {
"heading": {
"text": "Clean water and sanitation"
},
"subtitle": {
"text": "SDG 6"
}
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 6",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"intro-text": {
"text": "Verzeker toegang tot duurzaam beheer van water en sanitatie voor iedereen"
}
},
{
"sdg-id": 7,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-07.jpg"
},
"title": {
"heading": {
"text": "Affordable and clean energy"
},
"subtitle": {
"text": "SDG 7"
}
},
"intro-text": {
"text": "Verzeker toegang tot betaalbare, betrouwbare, duurzame en moderne energie voor iedereen"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 7",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 9,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-09.jpg"
},
"title": {
"heading": {
"text": "Industry, innovation and infrastructure"
},
"subtitle": {
"text": "SDG 9"
}
},
"intro-text": {
"text": "Bouw veerkrachtige infrastructuur, bevorder inclusieve en duurzame industrialisering en stimuleer innovatie"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 9",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 11,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-11.jpg"
},
"title": {
"heading": {
"text": "Sustainable cities and communities"
},
"subtitle": {
"text": "SDG 11"
}
},
"intro-text": {
"text": "Maak steden en menselijke nederzettingen inclusief, veilig, veerkrachtig en duurzaam"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 11",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 12,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-12.jpg"
},
"title": {
"heading": {
"text": "Responsible consumption and production"
},
"subtitle": {
"text": "SDG 12"
}
},
"intro-text": {
"text": "Verzeker duurzame consumptie- en productiepatronen"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 12",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 13,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-13.jpg"
},
"title": {
"heading": {
"text": "Climate action"
},
"subtitle": {
"text": "SDG 13"
}
},
"intro-text": {
"text": "Neem dringend actie om klimaatverandering en haar impact te bestrijden"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 13",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 14,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-14.jpg"
},
"title": {
"heading": {
"text": "Life below water"
},
"subtitle": {
"text": "SDG 14"
}
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 14",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"intro-text": {
"text": "Behoud en maak duurzaam gebruik van de oceanen, de zeeën en de maritieme hulpbronnen"
}
},
{
"sdg-id": 15,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-15.jpg"
},
"title": {
"heading": {
"text": "Life on land"
},
"subtitle": {
"text": "SDG 15"
}
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 15",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"intro-text": {
"text": "Bescherm, herstel en bevorder het duurzaam gebruik van ecosystemen, beheer bossen duurzaam, bestrijd woestijnvorming en landdegradatie en draai het terug en roep het verlies aan biodiversiteit een halt toe"
}
},
{
"sdg-id": 16,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-16.jpg"
},
"title": {
"heading": {
"text": "Peace, justice and strong institutions"
},
"subtitle": {
"text": "SDG 16"
}
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 16",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"intro-text": {
"text": "Bevorder vreedzame en inclusieve samenlevingen met het oog op duurzame ontwikkeling, verzeker toegang tot justitie voor iedereen en creëer op alle niveaus doeltreffende, verantwoordelijke en open instellingen"
},
"sdg-relevant": [
{},
{}
]
},
{
"sdg-id": 17,
"sdg-image": {
"src": "https://sdgs.un.org/sites/default/files/goals/E_SDG_Icons-17.jpg"
},
"title": {
"heading": {
"text": "Partnerships for the goals"
},
"subtitle": {
"text": "SDG 17"
}
},
"intro-text": {
"text": "Versterk de implementatiemiddelen en revitaliseer het wereldwijd partnerschap voor duurzame ontwikkeling"
},
"relevant-title": {
"heading": {
"text": "Initiatieven die aansluiten bij SDG 17",
"tag": "span",
"modifier": "h4"
},
"subtitle": false
},
"sdg-relevant": [
{},
{}
]
}
]
}
}
.tpl-sdg-overview {
.org-sdg-block {
@apply mt-10;
@apply mb-0;
}
.sdg-overview-list {
@apply inline-flex;
@apply mt-10;
@apply mb-20;
.left {
@apply hidden;
@apply md:block;
min-width: 220px;
@apply mr-16;
.sdg-nav {
@apply border-r-2;
@apply border-cta;
li {
@apply relative;
@apply opacity-50;
&.break {
@apply opacity-100;
> div {
@apply border-b-2;
@apply border-gray-100;
@apply mt-5;
@apply mb-5;
width: 175px;
}
}
&:hover,
&.active {
@apply opacity-100;
}
.atm-image {
width: 175px;
height: 60px;
overflow: hidden;
}
.sdg-12 .atm-image,
.sdg-16 .atm-image {
height: 76px;
}
&.active:after {
@apply absolute;
content: '';
top: 16px;
right: 0;
border-right: 24px solid #008dca;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
}
}
}
}
.right {
max-width: 850px;
.sdg-panel {
@apply hidden;
&.active {
@apply block;
}
.wrapper-sdg-intro {
@apply grid;
@apply grid-cols-12;
@apply lg:gap-12;
@apply mb-8;
.col-left {
@apply block;
@apply col-span-8;
@apply mr-8;
@apply md:col-span-9;
.mol-title {
@apply mb-12;
}
.atm-paragraph {
@apply text-h5;
}
}
.col-right {
@apply text-right;
@apply col-span-4;
@apply md:col-span-3;
.atm-image {
@apply flex;
@apply justify-end;
@apply mb-8;
}
.atm-button {
@apply mr-0;
}
}
}
.sdg-relevant {
@apply my-6;
.mol-title {
@apply mb-12;
}
.wrapper {
@apply grid;
@apply grid-cols-1;
@apply md:grid-cols-2;
@apply gap-10;
}
}
}
}
}
}
class SDGs {
constructor($el) {
this.$el = $el;
this.$navs = $($el).find('.sdg-nav li a');
this.$panels = $($el).find('.sdg-panel');
}
init() {
var self = this;
// Is there an active panel in the hashed url?
if (window.location.hash)
{
var hash = window.location.hash;
var $nav = this.$navs.filter('[href="' + hash + '"]');
if ($nav.length) {
self.showPanel(hash)
}
}
this.$navs.on('click', function(e) {
e.preventDefault();
var hash = $(this).prop('hash');
self.showPanel(hash);
});
}
showPanel(hash) {
// Remove active from all nav links
this.$navs
.parent()
.removeClass('active');
// Add active to clicked nav link
this.$navs
.filter('[href="' + hash + '"]')
.parent()
.addClass('active');
// Remove active from all sdg panels
this.$panels
.removeClass('active');
// Show sdg panel beloning to clicked nav link
this.$panels
.filter(hash.replace('#', '.'))
.addClass('active');
}
}
(function () {
'use strict';
[...document.querySelectorAll('.tpl-sdg-overview')].forEach(($el) => {
const inst = new SDGs($el);
inst.init();
});
})();
No notes defined.