templates/VisualMediaVacancyBundle/views/VacancyLayout/view.html.twig line 1

Open in your IDE?
  1. {% extends 'Layout/base.html.twig' %}
  3. {% set breadcrumbs = [
  4.     { title: 'Vacatures', path: path('vacancy_index') },
  5.     { title: vacancy.title },
  6. ] %}
  8. {% block main %}
  9. <div class="visuals page-visual">
  11.     <div class="visual-image">
  12.             {% set style = [
  13.                 'width: 100%',
  14.                 'min-height: 60vh',
  15.                 'background-size: cover',
  16.                 'background-position: center',
  17.             ] %}
  18.             {% set alt = vacancy.imageAlt %}
  19.             {% set title = vacancy.imageTitle %} #}
  20.             <div class="visual-image_img" style="background-image: url(' {{ vacancy.upload|url({ width: 1920 }) }} '); {{ style|join(';') }}"></div>
  21.     </div>
  23.     <div class="visual-gradient"></div>
  24.     <div class="visual-black"></div>
  25.     <div class="visual-overlay"></div>
  27.     <div class="visual-content">
  28.         <div id="type2" class="visual-title"><h1>{{ vacancy.function }}</h1></div>
  29.         <a href="#direct-solliciteren" class="btn btn-primary">Direct solliciteren</a>
  30.     </div>
  32.     <div class="scroll-down">
  33.         <img src="{{ asset('build/images/scroll.svg') }}" class="scroll" alt="scroll down" />
  34.     </div>
  35. </div>
  37. <div class="news-wrapper vacancy">
  38.     <div class="page-stripes"></div>
  39.     <div class="breadcrumb">
  40.         <div class="container">
  41.             <div class="row">
  42.                 <div class="col-12">
  43.                     {% include '@VisualMediaBreadcrumb/Breadcrumb/breadcrumb_static.html.twig' with { 'breadcrumbs': breadcrumbs } %}
  44.                 </div>
  45.             </div>
  46.         </div>
  47.     </div>
  49.     <section class="news-detail vacancy-detail">
  50.         <div class="container">
  51.             <div class="row">
  52.                 <div class="col-10 offset-2">
  53.                     
  54.                     <div class="vacancy-intro__text">
  55.                         {{ vacancy.htmlContent|raw }}
  56.                     </div>
  57.                     <div class="news-detail_content">
  58.                         {{ vacancy.htmlContentJobRequirements|raw }}
  59.                     </div>
  60.                     <div class="news-detail_content">
  61.                         {{ vacancy.htmlContentJobDescription|raw }}
  62.                     </div>
  63.                     <div class="news-detail_content">
  64.                         {{ vacancy.htmlContentOffer|raw }}
  65.                     </div>
  66.                     <div class="text-center">
  67.                         <a href="#direct-solliciteren" style="margin: -70px 0 60px 0;" class="btn btn-primary">Direct solliciteren</a>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.             <div class="row">
  72.                 <div class="col-12 col-lg-4">
  73.                     <div class="section-title_wrapper">
  74.                         <h2 class="section-title"><span>Waarom</span> Werken bij <span>Zuidema</span></h2>
  75.                     </div>
  76.                 </div>
  77.                 <div class="col-12 col-lg-8">
  78.                    
  79.                 </div>
  80.             </div>
  81.             <div class="row">
  82.                 <div class="vacancy-blocks">
  83.                     <div class="standard-alinea alinea1">
  84.                         <div class="container">
  85.                             {{blockscan(page,'alinea1','Blocks/contentblock.html.twig')|raw}}
  86.                         </div>
  87.                     </div>
  88.                     <div class="standard-alinea alinea2">
  89.                         <div class="container">
  90.                             {{blockscan(page,'alinea2','Blocks/contentblock.html.twig')|raw}}
  91.                         </div>
  92.                     </div>
  93.                     <div class="standard-alinea alinea3">
  94.                         <div class="container">
  95.                             {{blockscan(page,'alinea3','Blocks/contentblock.html.twig')|raw}}
  96.                         </div>
  97.                     </div>
  98.                     <div class="standard-alinea alinea4">
  99.                         <div class="container">
  100.                             {{blockscan(page,'alinea4','Blocks/contentblock.html.twig')|raw}}
  101.                         </div>
  102.                     </div>
  103.                     <div class="standard-alinea alinea5">
  104.                         <div class="container">
  105.                             {{blockscan(page,'alinea5','Blocks/contentblock.html.twig')|raw}}
  106.                         </div>
  107.                     </div>
  108.                     <div class="standard-alinea alinea6">
  109.                         <div class="container">
  110.                             {{blockscan(page,'alinea6','Blocks/contentblock.html.twig')|raw}}
  111.                         </div>
  112.                     </div>
  113.                     <div class="standard-alinea alinea7">
  114.                         <div class="container">
  115.                             {{blockscan(page,'alinea7','Blocks/contentblock.html.twig')|raw}}
  116.                         </div>
  117.                     </div>
  118.                     <div class="standard-alinea alinea8">
  119.                         <div class="container">
  120.                             {{blockscan(page,'alinea8','Blocks/contentblock.html.twig')|raw}}
  121.                         </div>
  122.                     </div>
  123.                     <div class="standard-alinea alinea9">
  124.                         <div class="container">
  125.                             {{blockscan(page,'alinea9','Blocks/contentblock.html.twig')|raw}}
  126.                         </div>
  127.                     </div>
  128.                     <div class="standard-alinea alinea10">
  129.                         <div class="container">
  130.                             {{blockscan(page,'alinea10','Blocks/contentblock.html.twig')|raw}}
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.             <div class="row">
  136.                 <div class="col-12">
  137.                     <div id="direct-solliciteren" class="contact-content vacancy-form">
  138.                         <h3>Reageer op deze vacature!</h3>
  140.                         {{ form_start(form) }}
  141.                         <div class="row">
  142.                             <div class="col-6">
  143.                                 <div class="form-left">
  144.                                     {{ form_label(form.firstName) }}
  145.                                     {{ form_widget(form.firstName) }}
  147.                                     {{ form_label(form.lastName) }}
  148.                                     {{ form_widget(form.lastName) }}
  149.                                     
  150.                                     {{ form_label(form.phone) }}
  151.                                     {{ form_widget(form.phone) }}
  153.                                     {{ form_label(form.email) }}
  154.                                     {{ form_widget(form.email) }}
  155.                                 </div>
  156.                             </div>
  157.                             <div class="col-6">
  158.                                 <div class="form-right">
  159.                                     {{ form_label(form.uploadResume) }}
  160.                                     {{ form_widget(form.uploadResume) }}
  162.                                     {{ form_label(form.motivation) }}
  163.                                     {{ form_widget(form.motivation) }}
  164.                                     <br>
  165.                                     {{ form_widget(form.privacyStatement) }}
  166.                                     {{ form_label(form.privacyStatement) }}
  167.                                     <div class="form-group">
  168.                                         {{ form_widget(form.submit, { attr: { class : 'btn btn-primary'}}) }}
  169.                                     </div>
  170.                                 </div>
  171.                             </div>
  172.                         </div>
  174.                         {{ form_end(form) }}
  176.                         </div>
  177.                 </div>
  178.             </div>
  179.             <div class="row">
  180.                 <div class="col-12">
  181.                     <div class="text-center">
  182.                         <p style="font-weight: 700;">Lijkt het je leuk om bij ons te werken?<br>
  183.                         Voor vragen over de vacature stuur een e-mail naar Bert Zuidema - <a href="mailto:bert@zuidema-groep.nl">bert@zuidema-groep.nl</a>
  184.                     </div>
  185.                     <a href="{{ path('vacancy_index') }}" class="btn btn-primary" > {{ 'vacancy.view.back_to_index'|trans({}, 'frontend') }} </a>
  186.                 </div>
  187.             </div>
  188.         </div>
  189.     </section>
  190. {% endblock %}