<div class="home-content job-content">

    <div class="home-intro grid-row">

        <?php /* Main content */ ?>
        <section class="grid-col col-6">
<?php /*            <div class="references-slider">*/ ?>
<?php /*                */ ?><?php /* Dots navigation */ ?>
<?php /*                <ul class="reference-nav">*/ ?>
<?php /*                    <?php for($i = 0; $i < count($page->content->translation->description['0']->images); $i++): ?>*/ ?>
<?php /*                        <li <?php if($i == 0): ?> class="active" <?php endif; ?> data-reference="<?php echo $i; ?>"></li>*/ ?>
<?php /*                    <?php endfor; ?>*/ ?>
<?php /*                </ul>*/ ?>

<?php /*                */ ?><?php /* Reference content */ ?>
<?php /*                <?php foreach($page->content->translation->description['0']->images as $key => $image): ?>*/ ?>
<?php /*                    <figure class="reference image <?php if($key == 0): ?> active <?php endif; ?>" data-reference="<?php echo $key; ?>"*/ ?>
<?php /*                            style="background-image: url('<?php echo $image->medium_image_url; ?>');"></figure>*/ ?>
<?php /*                <?php endforeach; ?>*/ ?>
<?php /*            </div>*/ ?>
            <div class="references-slider" style="margin-top: 80px">
                <iframe class="o-vlog__video"
                        src="https://www.youtube.com/embed/dpfRJ06Q5zE?controls=0"
                        title="YouTube video player" frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen></iframe>
            </div>
        </section>
        <section class="grid-col col-5 offset-1">
            <?php if(isset($page->content->translation->description['0'])): ?>
                <h1><?php echo $page->content->translation->description['0']->typeName; ?></h1>
                <?php echo $page->content->translation->description['0']->description; ?>

            <?php endif; ?>
            <div class="links-holder">
                <?php if($page->content->translation->description['0']->link_text != ''): ?>
                    <a class="button internalLink" href="#vacatures">
                        <?php echo $page->content->translation->description['0']->link_text; ?>

                    </a>
                <?php endif; ?>

                <div class="contact-options">
                    <div class="option call">
                        <p>
                            <?php echo KommaLang::get('directContact'); ?>


                                <a href="tel:0736847060"><span></span>073-6847060 (Vught)</a>
                                <a href="tel:0492745156"><span></span>0492-745156 (Helmond)</a>
                                <a href="tel:0403030654"><span></span>040-3030654 (Veldhoven)</a>

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

    <?php /* Background coloring */ ?>
    <div class="background">
    </div>


    <?php /* Content */ ?>

</div>