Style the job pages
Style the image page Small fixes
This commit is contained in:
Jorit Tijsen
@@ -1,24 +1,36 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Meebouwen?
|
||||
Meebouwen?
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Ontmoet ons</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
<div class="page_body margin_bottom">
|
||||
|
||||
@if(isset($antispam))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Oeps, de anti-spam waarde was incorrect! Helaas krijgen we zoveel spam binnen dat we je moeten vragen om een simpele rekensom op te lossen, voordat we je verzoek doorsturen.</p>
|
||||
</div>
|
||||
@endif
|
||||
@if(isset($bevestiging))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.</p>
|
||||
</div>
|
||||
@endif
|
||||
@if(isset($antispam))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Oeps, de anti-spam waarde was incorrect! Helaas krijgen we zoveel spam binnen dat we je moeten vragen om
|
||||
een simpele rekensom op te lossen, voordat we je verzoek doorsturen.</p>
|
||||
</div>
|
||||
@endif
|
||||
@if(isset($bevestiging))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.
|
||||
</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!--
|
||||
<!--
|
||||
<h3 class="page_margin_top">Programma informatiebijeenkomst NH Gooi 27 november 2021</h3>
|
||||
<table>
|
||||
<tr>
|
||||
@@ -50,114 +62,139 @@
|
||||
|
||||
-->
|
||||
|
||||
<p>
|
||||
Als je het leuk vindt om met, bij en voor ons aan de slag te gaan en mee te bouwen aan een sterke streekomroep, laat dan hieronder je naam en contactgegevens achter. Geef ons ook alvast wat informatie waar je interesse naar uitgaat en wat je te bieden hebt. We nemen dan binnenkort contact met je op voor een persoonlijke kennismaking.
|
||||
</p>
|
||||
<p>
|
||||
Als je het leuk vindt om met, bij en voor ons aan de slag te gaan en mee te bouwen aan een sterke streekomroep,
|
||||
laat dan hieronder je naam en contactgegevens achter. Geef ons ook alvast wat informatie waar je interesse naar
|
||||
uitgaat en wat je te bieden hebt. We nemen dan binnenkort contact met je op voor een persoonlijke kennismaking.
|
||||
</p>
|
||||
|
||||
@if(!isset($bevestiging))
|
||||
<h4 class="box_header">
|
||||
Aanmelden
|
||||
</h4>
|
||||
@if(!isset($bevestiging))
|
||||
<h4 class="box_header">
|
||||
Aanmelden
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
Er gebeurt veel bij NH Gooi. Van radio en podcasts maken tot ICT en uitzendtechniek en van Tv-interviews produceren tot marketing en communicatie. Maar ook organisatorisch talent kunnen we goed gebruiken. Schrijf daarom zo concreet en volledig mogelijk op wat (op dit moment) je interesse hebt en waar je mogelijk al ervaring mee hebt.
|
||||
</p>
|
||||
<p>
|
||||
Er gebeurt veel bij NH Gooi. Van radio en podcasts maken tot ICT en uitzendtechniek en van Tv-interviews
|
||||
produceren tot marketing en communicatie. Maar ook organisatorisch talent kunnen we goed gebruiken. Schrijf
|
||||
daarom zo concreet en volledig mogelijk op wat (op dit moment) je interesse hebt en waar je mogelijk al
|
||||
ervaring mee hebt.
|
||||
</p>
|
||||
|
||||
<form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons" style="background: none;">
|
||||
{{ csrf_field() }}
|
||||
<fieldset style="display: inline;">
|
||||
<p>Ja, ik maak graag kennis met NH Gooi!</p>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="name">Naam</label>
|
||||
<input class="text_input hint" id="name" name="name" type="text" placeholder="Naam" required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="email">E-mailadres</label>
|
||||
<input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres" required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Telefoonnummer</label>
|
||||
<input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer" required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="block">
|
||||
<p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel al?</p>
|
||||
</div>
|
||||
<textarea name="message" placeholder="Toelichting" class="hint"></textarea>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Anti-spam</label>
|
||||
<input class="text_input hint" id="antispam" name="antispam" type="text" placeholder="Uitkomst van de som" required="required">
|
||||
<p style="">Helaas krijgen we ook veel spam binnen. Vul alsjeblieft in getallen in hoeveel <b>twee plus drie</b> is.</p>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<input type="hidden" name="action" value="contact_form">
|
||||
<input type="submit" name="submit" value="Aanmelden!" class="more active">
|
||||
</fieldset>
|
||||
</form>
|
||||
<p style="color: #333; font-size: 80%;">Privacy-statement: bovenstaande informatie wordt alleen gebruikt door geselecteerde medewerkers om contact met je op te nemen over je aanmelding en je informatie te sturen. Je gegevens worden verder niet opgeslagen en na de bijeenkomst danwel je tijdige afmelding verwijderd, tenzij we deze gegevens nog nodig hebben omdat je (vrijwillige) werkzaamheden wilt gaan verrichten bij NH Gooi.</p>
|
||||
@endif
|
||||
<form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons"
|
||||
style="background: none;">
|
||||
{{ csrf_field() }}
|
||||
<fieldset style="display: inline;">
|
||||
<p>Ja, ik maak graag kennis met NH Gooi!</p>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="name">Naam</label>
|
||||
<input class="text_input hint" id="name" name="name" type="text" placeholder="Naam"
|
||||
required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="email">E-mailadres</label>
|
||||
<input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres"
|
||||
required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Telefoonnummer</label>
|
||||
<input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer"
|
||||
required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="block">
|
||||
<p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel
|
||||
al?</p>
|
||||
</div>
|
||||
<textarea class="texterea_input" name="message" placeholder="Toelichting" class="hint"></textarea>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Anti-spam</label>
|
||||
<input class="text_input hint" id="antispam" name="antispam" type="text"
|
||||
placeholder="Uitkomst van de som" required="required">
|
||||
<p style="">Helaas krijgen we ook veel spam binnen. Vul alsjeblieft in getallen in hoeveel <b>twee
|
||||
plus drie</b> is.</p>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<input type="hidden" name="action" value="contact_form">
|
||||
<input type="submit" name="submit" value="Aanmelden!" class="more active">
|
||||
</fieldset>
|
||||
</form>
|
||||
<p style="color: #333; font-size: 80%;">Privacy-statement: bovenstaande informatie wordt alleen gebruikt door
|
||||
geselecteerde medewerkers om contact met je op te nemen over je aanmelding en je informatie te sturen. Je
|
||||
gegevens worden verder niet opgeslagen en na de bijeenkomst danwel je tijdige afmelding verwijderd, tenzij
|
||||
we deze gegevens nog nodig hebben omdat je (vrijwillige) werkzaamheden wilt gaan verrichten bij NH Gooi.</p>
|
||||
@endif
|
||||
|
||||
<style>
|
||||
table { width: 100%; }
|
||||
td {
|
||||
border-top: solid 1px #ddd;
|
||||
vertical-align: top;
|
||||
color: #444;
|
||||
line-height: 150%;
|
||||
}
|
||||
li {
|
||||
margin-left: 10px;
|
||||
padding-top: 2px;
|
||||
margin-top: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
td > ul > li {
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 10px;
|
||||
background-image: url("/images/icons/other/bullet_style_2.png");
|
||||
}
|
||||
</div>
|
||||
|
||||
fieldset .block {
|
||||
display: flex;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
<style>
|
||||
.page_body table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
fieldset label {
|
||||
display: block;
|
||||
flex: 0 1 150px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
color: #777;
|
||||
}
|
||||
.page_body td {
|
||||
border-top: solid 1px #ddd;
|
||||
vertical-align: top;
|
||||
color: #444;
|
||||
line-height: 150%;
|
||||
}
|
||||
|
||||
fieldset input {
|
||||
flex: 1 1;
|
||||
}
|
||||
|
||||
fieldset textarea {
|
||||
width: 100%;
|
||||
}
|
||||
.page_body li {
|
||||
margin-left: 10px;
|
||||
padding-top: 2px;
|
||||
margin-top: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
fieldset .block {
|
||||
flex-wrap: wrap;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.page_body td > ul > li {
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 10px;
|
||||
background-image: url("/images/icons/other/bullet_style_2.png");
|
||||
}
|
||||
|
||||
fieldset label {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.page_body fieldset {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.page_body fieldset .block {
|
||||
display: flex;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.page_body fieldset label {
|
||||
display: block;
|
||||
flex: 0 1 150px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.page_body fieldset input {
|
||||
flex: 1 1;
|
||||
}
|
||||
|
||||
.page_body fieldset textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
.page_body fieldset .block {
|
||||
flex-wrap: wrap;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.page_body fieldset label {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
|
||||
Reference in New Issue
Block a user