<div class="header-image-row">
    <div class="logo">
        <h1>Base Photography</h1>
        <img alt="base-photography" src="/img/base-photography.svg"/>
    </div>

    <div class="background-content">
        <div class="stripes">
            <div class="hori"></div>
            <div class="hori"></div>
            <div class="vert"></div>
            <div class="vert"></div>
        </div>

        <?php if(isset($data->content->description->tab[0]->images[0])): ?>
        <div class="main-image width<?php echo $data->content->description->textWidth; ?>"  style="background: url('<?php echo $data->content->description->tab[0]->images[0]->large_image_url; ?>');">
            <a href="/projecten/<?php echo Str::slug($categories[2]->name); ?>"></a>
        </div>
        <div class="sub-images width<?php echo $data->content->description->textWidth; ?>">
            <div class="sub-1" style="background: url('<?php echo $data->content->description->tab[1]->images[0]->large_image_url; ?>');"><a href="/projecten/<?php echo Str::slug($categories[1]->name); ?>"></a></div>
            <div class="sub-2" style="background: url('<?php echo $data->content->description->tab[2]->images[0]->large_image_url; ?>');"><a href="/projecten/<?php echo Str::slug($categories[0]->name); ?>"></a></div>
        </div>
        <?php endif; ?>
    </div>
</div>