diff --git a/public/css/style.css b/public/css/style.css
index 50de0fe2..cb0047e6 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1937,7 +1937,7 @@ li.detail.category
 }
 .post.single.small_image .text>*
 {
-	margin-left: 130px;
+	margin-left: 30px;
 }
 .post.single.small_image p
 {
diff --git a/resources/views/jobsitem.blade.php b/resources/views/jobsitem.blade.php
new file mode 100644
index 00000000..56e9ba40
--- /dev/null
+++ b/resources/views/jobsitem.blade.php
@@ -0,0 +1,99 @@
+@extends('layouts/sidebar')
+
+@section('title') 
+  {{$job->title}}
+@endsection
+
+@section('breadcrumb')
+	<ul class="bread_crumb">
+		<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
+		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
+		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
+		<li>Details</li>
+	</ul>
+@endsection 
+
+@section('content')
+
+<div class="row">
+	<div class="post single ">
+		<div class="post_content clearfix">
+			<div class="content_box">
+				@if($job->images)
+					@if(count($job->images) == 1)
+					<div class="post_image_box">
+						<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$job->images[0]->title}}">
+							<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
+						</a>
+						<div class="sentence">
+							<span class="text">{{$job->images[0]->title}}</span>
+							@if(isset($job->images[0]->author))
+								<span class="author">{{$job->images[0]->author}}</span>
+							@endif
+						</div>
+					</div>
+					@else
+					<div class="horizontal_carousel_container thin page_margin_top gallery_control">
+						<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+							@foreach($job->images as $image)
+							<li>
+								<a href="#"><img src='{{$imgBase . $image->url}}'></a>
+							</li>
+							@endforeach
+						</ul>
+					</div>
+					<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
+						<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+						@foreach($job->images as $image)
+							<li>
+								<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
+									<span class="icon fullscreen animated"></span>
+									<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
+								</a>
+							</li>
+						</ul>
+						@endforeach
+					</div>
+					@endif
+				@endif
+
+				<div class="text">
+				{!!$job->content!!}
+				</div>
+				
+				{{--
+				@include('widgets/share')
+				--}}
+
+			</div>
+		</div>
+	</div>
+</div>
+<style>
+  .post.single .content_box {
+    float: none;
+    margin-left: 0;
+    width: auto;
+    padding: 1em 0;
+    color: #3E3E3E !important;
+    line-height: 150%;
+  }
+  .content_box .text > * {
+    margin-left: 0px;
+  }
+  .content_box ul br { 
+    display: none;
+  }
+
+
+  .content_box li {
+    padding-top: 7px;
+    padding-bottom: 7px;
+    margin-top: 0;
+    background-repeat: no-repeat;
+    background-position: left 10px;
+    padding-left: 25px;
+    background-image: url("/images/icons/other/bullet_style_2.png");
+  }
+</style>
+@endsection
diff --git a/resources/views/jobslist.blade.php b/resources/views/jobslist.blade.php
new file mode 100644
index 00000000..94c34a8b
--- /dev/null
+++ b/resources/views/jobslist.blade.php
@@ -0,0 +1,57 @@
+@extends('layouts/sidebar')
+
+@section('title')
+  Vacatures
+@endsection
+
+@section('content')
+@parent
+
+<h3 class="first">Wat doen wij?</h3>
+
+<p>NH Gooi heeft als doel om een optimale nieuwsvoorziening voor Hilversum, Huizen, Blaricum,
+Eemnes en Laren (HHBEL) en de rest van het Gooi tot stand te brengen. Dat gebeurt via een
+unieke samenwerking tussen de regionale nieuwsorganisatie NH Nieuws (onderdeel van de
+regionale publieke omroep NH Media) en NH Gooi.</p>
+ 
+<p>NH Gooi spreekt de taal van de mensen op straat, brengt nieuws en verdieping, stimuleert het
+debat en verbindt politiek, overheid en bewoners met elkaar. Nieuws, informatie, educatie,
+religie en cultuur (met regionaal/lokaal karakter) worden verspreid via web, app, sociale media
+en lineaire kanalen. NH Gooi experimenteert en innoveert continu om blijvend in te spelen op
+het snel veranderende media- en distributielandschap.</p>
+ 
+<p>NH Gooi brengt het nieuws in de juiste combinatie van onlinekracht inclusief videoproductie,
+lokale kennis en journalistieke professionaliteit. Bij NH Gooi werken zowel betaalde krachten
+als vrijwilligers die op professioneel niveau werken. </p>
+ 
+<h3>Wie zoeken wij?</h3>
+
+@php($i = 0)
+@foreach($jobs as $job) 
+@if($i % 2 == 0)
+@if($i > 0) </ul><!--/.row--> @endif
+<ul class='blog row grid'>
+@endif
+	<li class="post card column column_1_2">
+		<div class="post_content">
+			<h2><a href="{{$job->url}}" title="{{$job->title}}">{!!$job->title!!}</a></h2>
+			<div class="clearfix"></div>
+			@if(count($job->images))
+			<a href="{{$url}}" title="{{$job->title}}" class="fixed-height">
+				<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
+			</a>
+			@endif
+			<p>{!! Formatter::excerpt($job->content, 200) !!}</p>
+			<a class="read_more" href="{{$job->url}}" title="Bekijk vacature"><span class="arrow"></span><span>Bekijk vacature</span></a>
+			<span class="clearfix"></span>
+		</div>
+	</li>
+
+@php($i++)
+@endforeach
+
+@if($i)
+</ul><!--/.row-->
+@endif
+
+@endsection
diff --git a/resources/views/vacatures.blade.php b/resources/views/vacatures.blade.php
index 425debd1..7979029f 100644
--- a/resources/views/vacatures.blade.php
+++ b/resources/views/vacatures.blade.php
@@ -26,14 +26,24 @@
 </style>
 
 <div id="vacatures" class="clearfix tabs no_scroll page_margin_top_section" data-interval="0">
-<!--
   <ul class="tabs_navigation clearfix">
     <li> <a href="#redacteur" title="Redacteur">Redacteur</a> <span></span> </li>
+    <li> <a href="#podcastmaker" title="Podcastmaker">Podcastmakers</a> <span></span> </li>
+    <li> <a href="#technicus" title="ICT'ers/Technici">ICT'ers/technici</a> <span></span> </li>
+    <li> <a href="#marketsales" title="Marketing- en sales">Marketing-/sales</a> <span></span> </li>
   </ul>
--->
 
   <div id="redacteur" class="wpb_tab">
   @include("vacatures.redacteur")
   </div>
+  <div id="podcastmaker" class="wpb_tab">
+  @include("vacatures.redacteur")
+  </div>
+  <div id="technicus" class="wpb_tab">
+  @include("vacatures.redacteur")
+  </div>
+  <div id="marketsales" class="wpb_tab">
+  @include("vacatures.redacteur")
+  </div>
 </div>
 @endsection
diff --git a/resources/views/widgets/menu.blade.php b/resources/views/widgets/menu.blade.php
index bb446a4f..deae26b6 100644
--- a/resources/views/widgets/menu.blade.php
+++ b/resources/views/widgets/menu.blade.php
@@ -18,6 +18,7 @@
 "Regioagenda" => "/agenda",
 "Over ons" => array(
 	"" => "/contact",
+	"Download de app" => "/app",
 	"Contact" => "/contact",
 	"Vacatures" => "/vacatures",
 	"Frequenties" => "/frequenties",
diff --git a/routes/web.php b/routes/web.php
index 65cde744..d6c3f820 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -79,7 +79,10 @@ Route::get('/kerkdienst/luister', 'StreamController@kerkdienst')->name('luister.
 Route::get('/contact', 'Controller@view_contact')->name('contact');
 Route::get('/frequenties', 'Controller@view_frequenties')->name('frequenties');
 Route::get('/adverteren', 'Controller@view_adverteren')->name('adverteren');
-Route::get('/vacatures', 'Controller@view_vacatures')->name('vacatures');
+Route::get('/app', 'Controller@view_app')->name('app');
+
+Route::get('/vacatures', 'JobsController@overview')->name('vacatures');
+Route::get('/vacatures/{id}/{title}', 'JobsController@show')->where(['id' => '\d+'])->name('vacature');
 
 Route::any('/luisterlijst/2019', 'Controller@view_luisterlijst_lijst');