<section class="project-row">
    <div class="blocks-before">
        <div class="block1">
            <span></span>
        </div>
        <div class="block2"></div>
        <div class="block3"></div>
    </div>
    <h2 class="project-header">@lang('translations.projects')</h2>

    <div class="project-container content-container">

        @foreach($projects as $key => $project)
            @if($key <=7)
                @include('layouts.partials.sub.homeProject')
            @endif
        @endforeach
    </div>
</section>
<div class="more-projects">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 1920 175.341" enable-background="new 0 0 1920 175.341" xml:space="preserve">
        <path fill="none" id='stroke1' stroke="#F2F2F2" stroke-width="3" stroke-miterlimit="10" d="M1034.164,44.057
	C1019.191,18.592,991.506,1.5,959.829,1.5c-47.591,0-86.171,38.58-86.171,86.171H0"/>
        <path fill="none" id='stroke2' stroke="#F2F2F2" stroke-width="3" stroke-miterlimit="10" d="M884.985,129.804
	c14.759,26.281,42.898,44.037,75.185,44.037c47.591,0,86.171-38.58,86.171-86.171H1920"/>
    </svg>
    <div class="text-placeholder">
        <a href="/projecten">
            <p>

                <em class="small">
                    @lang('translations.moreProjects')
                </em>
                <em class="large">
                    @lang('translations.moreProjects2')
                </em>
                <span></span>

            </p>
        </a>
    </div>
</div>


<div class="project-sub @if(!$data->translations['showreel']['active']) hidden @endif ">
    @if($data->translations['showreel']['active'])
        <div class="blocks">
            <div class="block1"></div>
            <div class="block2"></div>
            <div class="block3"></div>
        </div>

        <div class="image-background">
        </div>
    @endif
</div>