File: D:/HostingSpaces/SBogers10/komma.pro/resources/views/site/pages/vacancies/designer.blade.php
@extends('site.master')
@section('title', $vacancy->translation->name . ' | Werken bij Komma | ' . __('site/meta.title'))
@section('metaTags')
<meta property="og:title"
content=" {{ $vacancy->translation->name . ' | Werken bij Komma | ' . __('site/meta.title') }}"/>
<meta property="og:description" content="{{ $vacancy->translation->meta_description }}"/>
@if(isset($vacancy->images) && $vacancy->images->count() != 0)
<meta property="og:image" content="{{ URL::to($vacancy->images->first()->medium_image_url) }}"/>
@endif
@stop
@section('content')
<main itemprop="description">
{{-- Header --}}
<header class="c-header">
<img class="c-header__img"
sizes="(max-width: 1344px) 100vw, 1344px"
srcset="/img/komma/static/vacature-designer/header_w_360.jpg 360w,
/img/komma/static/vacature-designer/header_w_754.jpg 754w,
/img/komma/static/vacature-designer/header_w_1045.jpg 1045w,
/img/komma/static/vacature-designer/header_w_1270.jpg 1270w,
/img/komma/static/vacature-designer/header_w_1344.jpg 1344w"
src="/img/komma/static/vacature-designer/header_w_1344.jpg"
alt="">
<h1 class="c-header__title">designer</h1>
@include('site.partials.headerDrips')
</header>
{{-- Intro text--}}
<section class="c-intro">
<p class="c-intro__main">Ter versterking van ons team, zoeken <br class="rwd-break">wij een enthousiaste en
gedreven <br class="rwd-break"> designer voor web en print.</p>
<p class="c-intro__appendix">Full-time · Budel</p>
</section>
{{-- Komma biedt --}}
<section class="contained-layout">
<div class="c-subsection">
<h2 class="c-subheader">Komma biedt</h2>
<ul class="c-benefits">
<li class="c-benefits__item"><p class="c-benefits__text">Flexibele werktijden</p></li>
<li class="c-benefits__item"><p class="c-benefits__text">Ergonomische sta-zit werkplekken</p></li>
<li class="c-benefits__item"><p class="c-benefits__text">Wekelijks vers fruit</p></li>
<li class="c-benefits__item"><p class="c-benefits__text">Vrijdagmiddagborrels</p></li>
<li class="c-benefits__item"><p class="c-benefits__text">Een prachtige wandelomgeving</p></li>
<li class="c-benefits__item"><p class="c-benefits__text">Volop activiteiten buiten het werk om</p></li>
</ul>
</div>
</section>
{{-- Duo picture--}}
<section class="contained-layout">
<div class="c-duo-picture">
<img class="c-duo-picture__img" src="/img/komma/static/drinks.jpg" alt="">
<img class="c-duo-picture__img" src="/img/komma/static/waaier.jpg" alt="">
</div>
</section>
{{-- Jij bent --}}
<section class="contained-layout">
<div class="c-subsection">
<h2 class="c-subheader">Jij bent</h2>
<ul class="c-personality">
<li class="c-personality__item">
<p class="c-personality__label">On fire op het web</p>
<p class="c-personality__description">Jij en je creatieve geest zijn onlosmakelijk met elkaar
verbonden sinds de dag dat je voor het eerst een slechte website zag. Sindsdien moet én kan
altijd alles beter, overzichtelijker, gebruiksvriendelijker en bovendien stukken mooier. Waar en
hoe een bezoeker de door jou ontworpen website ook ziet, overal moet en zal jouw klant
uitblinken. Jij bent on fire als het gaat om termen als wireframing, UI, UX en
conversiegerichtheid.</p>
</li>
<li class="c-personality__item">
<p class="c-personality__label">Zot van branding</p>
<p class="c-personality__description">Meestal blijft het niet alleen bij webontwerp, want het liefst
pak je ook meteen de identiteit van een bedrijf aan. Groot of klein, het maakt jou niks uit. Jij
keert de hele boel binnenstebuiten om de juiste beleving te creëren, zowel offline als
online.</p>
</li>
<li class="c-personality__item">
<p class="c-personality__label">Een echte teamspeler</p>
<p class="c-personality__description">Je stelt je flexibel op tegenover collega’s, bent betrokken,
gemotiveerd en gezellig. Wat betreft grappen zijn typische designer grapjes voor jou helemaal
passé. Je verzint liever nieuwe en zorgt dat je directe omgeving hier meteen de dupe van is.</p>
</li>
</ul>
</div>
</section>
{{-- Slick slider --}}
<div class="c-picture-slider">
<div class="c-picture-slider__controls js-picture-slider__controls">
<button class="c-picture-slider__prev"></button>
<button class="c-picture-slider__next"></button>
</div>
<div class="c-picture-slider__images js-picture-slider">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/kantoor.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/bijdeklant.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/hq.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/fonzie.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/wii.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/wandelen.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/driespascal.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/buitenschetsen.jpg"
alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/burgers.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/burgermike.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/fruit.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/gang.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/petjevlag.jpg" alt="">
<img class="c-picture-slider__img" src="/img/komma/static/vacature-designer/slider/atnight.jpg" alt="">
</div>
</div>
{{-- Skills --}}
<section class="u-bg-dark">
<div class="contained-layout">
<div class="c-subsection">
<div class="l-split">
<div class="l-split__item">
<h2 class="c-subheader c-subheader--light">Skills</h2>
</div>
<div class="l-split__item">
<ul class="c-skills">
<li class="c-skills__item">Beheersing van Sketch, Photoshop, Illustrator en Indesign;</li>
<li class="c-skills__item">Basiskennis van HTML, CSS en Sass in je achterhoofd tijdens het
ontwerpen;
</li>
<li class="c-skills__item">Dikke pré maar niet verplicht: Cinema4D;</li>
<li class="c-skills__item">Een portfolio vol met steengoed grafisch werk voor web en
print;
</li>
<li class="c-skills__item">Goede beheersing van de Nederlandse of Vlaamse taal;</li>
<li class="c-skills__item">HBO werk- en denkniveau;</li>
<li class="c-skills__item">Een soortgelijke vooropleiding als ICT & Media Design;</li>
<li class="c-skills__item">3 tot 5 jaar aantoonbare werkervaring in een soortgelijke
functie;
</li>
<li class="c-skills__item">Genoeg lef om tegen de slechte grappen van je collega’s in te
gaan.
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
{{-- Form --}}
<section id="arrow-target" class="contained-layout">
<div class="c-subsection">
@if(isset($page->blocks))
@foreach($page->blocks as $block)
@if($block->code_name == 'responseOnVacancy')
@include('site.blocks.vacancies.applyCtaCustom',[
'streamer' => $block->typeName,
'person' => (isset($block->images[0]) ? $block->images[0]['small'] : null),
'callToAction' => $block->description,
'vacancyName' => $vacancy->translation->name
])
@endif
@endforeach
@endif
</div>
</section>
{{-- Vragen callout --}}
<section>
<div class="c-questions">
<figure class="c-questions__figure">
<img class="c-questions__img" src="/img/komma/tim_square.jpg" alt="">
<figcaption class="c-questions__caption">Tim Lammers · Operationeel directeur</figcaption>
</figure>
<div class="c-questions__body">
<h3 class="c-questions__header">Vragen over de vacature?</h3>
<p class="c-questions__info">
Bel +31 495 - 59 94 11 en vraag naar Tim,<br>
of stuur een mailtje via <a href="mailto:solliciteren@komma.nl">solliciteren@komma.nl</a>
</p>
</div>
</div>
</section>
{{-- Back --}}
<section class="contained-layout">
<div class="back-to-grid-holder col-6 centered">
<a class="back-to-grid" href="/vacatures" data-name="services">Terug naar vacatures</a>
</div>
</section>
@endsection