@extends('site.master')

@section('title', 'Werken bij Komma | ' . Lang::get('site/meta.title'))

@section('content')

    {{-- Intro header --}}
    <header class="main">

        {{-- Content --}}
        <div class="contained-layout">

            <div class="intro col-8 centered">

                <h1>@lang('site/jobs.intro.title')</h1>
                @lang('site/jobs.intro.description')

                <ul class="job-list">
                    <li><a href="/vacatures/front-end-back-end-developer">1. Front-end / back-end developer</a></li>
                    <li><a href="/vacatures/webdesigner-grafisch-ontwerper">2. Webdesigner / grafisch ontwerper</a></li>
                    <li><a href="/vacatures/online-marketeer">3. Online marketeer</a></li>
                    <li><a href="/vacatures/open-sollicitatie">Open sollicitatie</a></li>
                </ul>
            </div>
        </div>

        @include('site.partials.headerDrips')
    </header>

    {{-- Summary --}}
    <section id="arrow-target" class="summary contained-layout">

        <div class="column-container col-12 centered">

            {{-- Summary --}}
            <section class="text-block col-6">
                <h2>Vacatures bij Komma</h2>

                @lang('site/jobs.summary.left')
            </section>

            {{-- Services--}}
            <section class="text-block col-6 top-indent">
                {{-- QnD spacer--}}
                <span class="h2-spacer">&nbsp;</span>
                @lang('site/jobs.summary.right')
            </section>

        </div>

        {{-- Image --}}
        <div class="image-holder col-10 centered">
            <img class="stretch" src="/img/komma/static/vacature.jpg" alt="Vrijdag middag borrel bij Komma" />
        </div>

    </section>

    {{-- Featured cases --}}
    @include('site.partials.cases.featured',[
        'featured' => ['topsWTWFilters','promic']
    ])

@endsection

@section('footer_button')
    @include('site.partials.footerButton',[
            'label' => "Aanpak",
            'href' => "/aanpak"
        ])
@endsection