Vebego Component Library
<div class="tpl-content-page">
    <div class="vebego-container">
        <div class="content-block">
            <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>
        <div class="content-block">
            <section class="org-content-header">
                <div class="vebego-container">
                    <div class="content-header-text">
                        <div class="mol-card-extended  js--clickable">
                            <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="reading-time">
                                    <span class="atm-icon  far fa-eye  fa-sm "></span>
                                    <span class="text">8 minuten</span>
                                </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 class="content-header-image">
                        <picture class="atm-image ">
                            <source srcset="https://picsum.photos/id/250/1170/380" media="(min-width: 768px)">
                            <img class="" src="https://picsum.photos/id/250/768/700" alt="" loading="lazy">
                        </picture>
                    </div>
                </div>
            </section>
        </div>
        <div class="content-block">
            <section class="org-countdown-block">
                <div class="vebego-container">
                    <div class="mol-title ">
                        <span class="atm-heading h-subtitle">Webinar</span>

                        <span class="atm-heading h1">Smart tools in de schoonmaak</span>

                    </div>

                    <div class="wrapper-countdown-info">
                        <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>
                            <div class="mol-countdown" data-endtime="2021-12-01T15:00:00">

                                <div class="countdown-item days">
                                    <span class="value"></span>
                                    <span class="label">dagen</span>
                                </div>

                                <span class="atm-slash  " style="width: 1px; height: 30px;"></span>

                                <div class="countdown-item hours">
                                    <span class="value"></span>
                                    <span class="label">uur</span>
                                </div>

                                <span class="atm-slash  " style="width: 1px; height: 30px;"></span>

                                <div class="countdown-item minutes">
                                    <span class="value"></span>
                                    <span class="label">minuten</span>
                                </div>

                                <span class="atm-slash  " style="width: 1px; height: 30px;"></span>

                                <div class="countdown-item seconds">
                                    <span class="value"></span>
                                    <span class="label">seconden</span>
                                </div>

                            </div>

                            <div class="wrapper-countdown-tag">
                            </div>
                        </div>
                    </div>
                    <div class="wrapper-countdown-buttons">
                        <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>
                        <a class="atm-button atm-button-secondary button-md ">
                            <span class="button-content">
                                <span>Lees de klantcase</span>
                                <span class="atm-icon  far fa-long-arrow-right   "></span>
                            </span>
                            <span class="button-underline"></span>
                        </a>

                    </div>
                </div>
            </section>
        </div>
        <div class="content-block">
            <section class="org-cta-block">
                <div class="vebego-container">
                    <div class="wrapper">
                        <div class="first">
                            <div class="wrap-info">
                                <div class="mol-title title-underline">
                                    <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>
                        <div class="second">
                            <picture class="atm-image ">
                                <img class="" src="https://picsum.photos/id/250/768/432" alt="">
                            </picture>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="content-block">
            <section class="org-faqs-block">
                <div class="vebego-container">
                    <div class="mol-title title-underline">
                        <span class="atm-heading h-subtitle">FAQs</span>

                        <span class="atm-heading h1">Veelgestelde vragen</span>

                    </div>

                    <div class="mol-faqs">
                        <div class="faq-nav">
                            <div class="faq-nav-mobile">
                                <div class="mol-submenu">
                                    <h1 class="atm-heading ">The quick brown fox jumps over the lazy dog</h1>

                                    <div class="submenu-wrapper">
                                        <div class="submenu-viewport">
                                            <ul class="submenu-list">
                                                <li class="">
                                                    <a class="atm-nav-link " href="#faq-panel-0" title="[object Object]" aria-label="" target="">Onderwerp 1</a>

                                                    <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                                                </li>
                                                <li class="active">
                                                    <a class="atm-nav-link " href="#faq-panel-1" title="[object Object]" aria-label="" target="">Onderwerp 2</a>

                                                    <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                                                </li>
                                                <li class="">
                                                    <a class="atm-nav-link " href="#faq-panel-2" title="[object Object]" aria-label="" target="">Onderwerp 3</a>

                                                    <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                                                </li>
                                                <li class="">
                                                    <a class="atm-nav-link " href="#faq-panel-3" title="[object Object]" aria-label="" target="">Onderwerp 4</a>

                                                    <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                                                </li>
                                                <li class="">
                                                    <a class="atm-nav-link " href="#faq-panel-4" title="[object Object]" aria-label="" target="">Onderwerp 5</a>

                                                    <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <a class="inactive submenu-prev"><span class="atm-icon text-blue far fa-chevron-left   "></span></a>
                                        <a class="inactive submenu-next"><span class="atm-icon text-blue far fa-chevron-right   "></span></a>
                                    </div>
                                </div>
                            </div>
                            <ul class="faq-nav-desktop">
                                <li class="">
                                    <a href="#faq-panel-0">
                                        <span class="atm-icon  fas fa-chevron-right  fa-xs "></span>Onderwerp 1
                                    </a>
                                </li>
                                <li class="active">
                                    <a href="#faq-panel-1">
                                        <span class="atm-icon  fas fa-chevron-right  fa-xs "></span>Onderwerp 2
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#faq-panel-2">
                                        <span class="atm-icon  fas fa-chevron-right  fa-xs "></span>Onderwerp 3
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#faq-panel-3">
                                        <span class="atm-icon  fas fa-chevron-right  fa-xs "></span>Onderwerp 4
                                    </a>
                                </li>
                                <li class="">
                                    <a href="#faq-panel-4">
                                        <span class="atm-icon  fas fa-chevron-right  fa-xs "></span>Onderwerp 5
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="faq-panel faq-panel-0 hidden">
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 1</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 2</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 3</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                        </div>
                        <div class="faq-panel faq-panel-1 ">
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 4</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 5</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 6</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                        </div>
                        <div class="faq-panel faq-panel-2 hidden">
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 7</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 8</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 9</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                        </div>
                        <div class="faq-panel faq-panel-3 hidden">
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 10</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 11</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 12</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                        </div>
                        <div class="faq-panel faq-panel-4 hidden">
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 13</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 15</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                            <details>
                                <summary>
                                    <div class="atm-heading h6">Dit is vraag 15</div>

                                    <span class="atm-icon icon-open fal fa-chevron-down  fa-md "></span><span class="atm-icon icon-close fal fa-chevron-up  fa-md "></span>
                                </summary>
                                <div class="card-body">
                                    <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>Lees de klantcase</span>

                                        </span>
                                        <span class="button-triangle"></span>
                                    </a>

                                </div>
                            </details>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="content-block">
            <section class="org-intro-block swapped">
                <div class="vebego-container">
                    <div class="md:grid md:grid-cols-12 gap-8">
                        <div class="first col-span-5">
                            <div class="mol-title title-underline">
                                <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>
                        <div class="second md:col-start-8 md:col-end-13">
                            <div class="mol-intro-media">
                                <div class="intro-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>
                </div>
        </div>
    </div>
    <div class="content-block">
        <section class="org-segment-block">
            <div class="vebego-container">
                <div class="mol-title ">
                    <span class="atm-heading h-subtitle">Sterk als collectief</span>

                    <span class="atm-heading h1">Samen zijn wij de schoonmakers van ...</span>

                </div>

            </div>
            <div class="mol-segment-slider">
                <div class="swiper-container">
                    <div class="vebego-container">
                        <div class="pagination">
                            <div class="swiper-prev"><span class="atm-icon  fal fa-long-arrow-left  fa-2x "></span></div>
                            <div class="swiper-next"><span class="atm-icon  fal fa-long-arrow-right  fa-2x "></span></div>
                        </div>
                    </div>

                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/200/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/232/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/234/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/235/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/236/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/237/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/238/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/239/263/360" alt="">
                                </picture>
                                <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 class="swiper-slide">
                            <div class="atm-segment js--clickable">
                                <span class="atm-heading h5">... consumerend Nederland</span>

                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/240/263/360" alt="">
                                </picture>
                                <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="swiper-pagination"></div>
                </div>
            </div>
            <div class="vebego-container text-center">
                <a class="atm-button atm-button-primary button-md  ">
                    <span class="button-content">
                        <span class="atm-icon  fal fa-map   "></span>
                        <span>Bekijk alle segmenten</span>
                    </span>
                    <span class="button-triangle"></span>
                </a>

            </div>
        </section>
    </div>
    <div class="content-block">
        <section class="org-sponsor-block">
            <div class="vebego-container">
                <div class="mol-title ">
                    <span class="atm-heading h-subtitle">Sponsoren</span>

                    <span class="atm-heading h1">Zonder deze hulp waren we nergens</span>

                </div>

                <div class="sponsors">
                    <div class="sponsor">
                        <picture class="atm-image ">
                            <img class="" src="https://picsum.photos/290/130" alt="" loading="lazy">
                        </picture>
                        <div class="atm-paragraph ">
                            <p>Donec nec ex at leo egestas pellentesque a id sem. Etiam ut sapien metus. Curabitur augue neque, mattis eget lectus in, efficitur viverra est.</p>
                        </div>

                    </div>
                    <div class="sponsor">
                        <picture class="atm-image ">
                            <img class="" src="https://picsum.photos/250/230" alt="" loading="lazy">
                        </picture>
                        <div class="atm-paragraph ">
                            <p>Donec nec ex at leo egestas pellentesque a id sem. Etiam ut sapien metus. Curabitur augue neque, mattis eget lectus in, efficitur viverra est.</p>
                        </div>

                    </div>
                    <div class="sponsor">
                        <picture class="atm-image ">
                            <img class="" src="https://picsum.photos/250/500" alt="" loading="lazy">
                        </picture>
                        <div class="atm-paragraph ">
                            <p>Donec nec ex at leo egestas pellentesque a id sem. Etiam ut sapien metus. Curabitur augue neque, mattis eget lectus in, efficitur viverra est.</p>
                        </div>

                    </div>
                    <div class="sponsor">
                        <picture class="atm-image ">
                            <img class="" src="https://picsum.photos/250/280" alt="" loading="lazy">
                        </picture>
                        <div class="atm-paragraph ">
                            <p>Donec nec ex at leo egestas pellentesque a id sem. Etiam ut sapien metus. Curabitur augue neque, mattis eget lectus in, efficitur viverra est.</p>
                        </div>

                    </div>
                </div>
                <div class="text-center">
                    <a class="atm-button atm-button-primary button-md  ">
                        <span class="button-content">
                            <span class="atm-icon  fal fa-chevron-right   "></span>
                            <span>Wil je ook sponsor worden?</span>
                        </span>
                        <span class="button-triangle"></span>
                    </a>

                </div>
            </div>
        </section>

    </div>
    <div class="content-block">
        <section class='org-stats-and-quote-block'>
            <div class='vebego-container'>
                <div class='wrapper'>
                    <div class='second'>
                        <div class="mol-title title-underline">
                            <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>

                        <div class="mol-counter">
                            <div class="counter-item">
                                <div class="number">

                                    <span class="count-number">86</span>

                                </div>
                                <div class="text">medewerkers</div>
                            </div>
                            <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                            <div class="counter-item">
                                <div class="number">
                                    +
                                    <span class="count-number">245</span>

                                </div>
                                <div class="text">tevreden klanten</div>
                            </div>
                            <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                            <div class="counter-item">
                                <div class="number">

                                    <span class="count-number">100</span>
                                    %
                                </div>
                                <div class="text">aandacht voor jou</div>
                            </div>
                            <span class="atm-slash  " style="width: 1px; height: 30px;"></span>
                        </div>

                    </div>
                    <div class='first'>
                        <div class="mol-quote">
                            <span class="atm-heading h4">The quick brown fox jumps over the lazy dog</span>

                            <span class="atm-icon  fas fa-quote-left   "></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <div class="content-block">
        <section class='org-text-block'>
            <div class='vebego-container'>
                <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='md:grid grid-cols-12 gap-8'>
                    <div class='col-span-4'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                    <div class='col-span-4'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                    <div class='col-span-4'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                </div>
            </div>
        </section>

        <section class='org-text-block'>
            <div class='vebego-container'>
                <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='md:grid grid-cols-12 gap-8'>
                    <div class='col-span-6'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                    <div class='col-span-6'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                    <div class='col-span-6'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                </div>
            </div>
        </section>

        <section class='org-text-block'>
            <div class='vebego-container'>
                <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='md:grid grid-cols-12 gap-8'>
                    <div class='col-start-3 col-span-8'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                    <div class='col-start-3 col-span-8'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                    <div class='col-start-3 col-span-8'>
                        <div class="mol-card-simple">
                            <div>
                                <picture class="atm-image ">
                                    <img class="" src="https://picsum.photos/id/250/400/400" alt="">
                                </picture>
                            </div>
                            <div>
                                <h4 class="atm-heading h4">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>

                                <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>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <div class="content-block">
        <section class='org-usp-block'>
            <div class='vebego-container'>
                <div class='first'>
                    <h1 class="atm-heading ">The quick brown fox jumps over the lazy dog</h1>

                    <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='second'>
                    <ul class="mol-usp-list">
                        <li>
                            <span class="atm-icon  fas fa-check-circle   "></span>
                            <div>
                                <div class="atm-heading h5">Advies op maat</div>

                                Wij ontzorgen uw organisatie en denken mee.
                            </div>
                        </li>
                        <li>
                            <span class="atm-icon  fas fa-check-circle   "></span>
                            <div>
                                <div class="atm-heading h5">Gedreven professionals</div>

                                Met meer dan 75 jaar ervaring staan onze professionals voor u klaar.
                            </div>
                        </li>
                        <li>
                            <span class="atm-icon  fas fa-check-circle   "></span>
                            <div>
                                <div class="atm-heading h5">Positieve bijdrage</div>

                                Iedere dag dragen we bij aan een betere wereld.
                            </div>
                        </li>
                        <li>
                            <span class="atm-icon  fas fa-check-circle   "></span>
                            <div>
                                <div class="atm-heading h5">Positieve bijdrage</div>

                                Iedere dag dragen we bij aan een betere wereld.
                            </div>
                        </li>
                        <li>
                            <span class="atm-icon  fas fa-check-circle   "></span>
                            <div>
                                <div class="atm-heading h5">Positieve bijdrage</div>

                                Iedere dag dragen we bij aan een betere wereld.
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
    </div>
</div>
</div>
<div class="tpl-content-page">
    <div class="vebego-container">
        <div class="content-block">
            {{render '@image-and-text-block'}}
        </div>
        <div class="content-block">
            {{render '@content-header'}}
        </div>
        <div class="content-block">
            {{render '@countdown-block'}}
        </div>
        <div class="content-block">
            {{render '@cta-block'}}
        </div>
        <div class="content-block">
            {{render '@faqs-block'}}
        </div>
        <div class="content-block">
            {{render '@intro-block'}}
        </div>
        <div class="content-block">
            {{render '@segment-block'}}
        </div>
        <div class="content-block">
            {{render '@sponsor-block'}}
        </div>
        <div class="content-block">
            {{render '@stats-and-quote-quote-block'}}
        </div>
        <div class="content-block">
            {{render '@text-block'}}
        </div>
        <div class="content-block">
            {{render '@usp-block'}}
        </div>
    </div>
</div>
/* No context defined. */

No notes defined.