templates/VisualMediaVacancyBundle/views/Vacancy/index.html.twig line 14

Open in your IDE?
  1. {% extends 'Layout/base.html.twig' %}
  3. {% block main %}
  5. {% include '@VisualMediaVisual/Visual/vacancyvisual.html.twig' with { visuals: page.visuals } %}
  7.     <section class="news-items section section-vacancies section-page">
  8.         <div class="page-stripes"></div>
  10.         <div class="breadcrumb">
  11.             <div class="container">
  12.                 <div class="row">
  13.                     <div class="col-12">
  14.                         {% include '@VisualMediaBreadcrumb/Breadcrumb/breadcrumb.html.twig' %}
  15.                     </div>
  16.                 </div>
  17.             </div>
  18.         </div>
  20.         <div class="container">
  21.             <div class="news-list">
  22.                 <div class="row">
  23.                     <div class="col-12 col-lg-4">
  24.                         <div class="section-title_wrapper">
  25.                             <h1 class="section-title"><span>Onze</span> Vacatures</h1>
  26.                         </div>
  27.                     </div>
  28.                     <div class="col-12 col-lg-8">
  29.                         {% if (page.htmlContent != '' )%}
  30.                             <div class="plain-content">
  31.                                 {{ page.htmlContent|scan }}
  32.                             </div>
  33.                         {% endif %}
  34.                     </div>
  35.                 </div>
  36.                 <div class="row">
  37.                     {% if vacancies is not empty %}
  38.                     {% for vacancy in vacancies %}
  39.                         <div class="col-lg-6 col-xl-4">
  40.                             <div class="news-item ">
  41.                                 <div class="news-card equal">
  43.                                     <a class="news-item-link" href="{{ path('vacancy_view', { slug : vacancy.slug }) }}">
  44.                                         <span class="news-card_img">
  45.                                         <span class="news-card_img" style="background-image: url('{{ vacancy.upload|url({ width: 800 }) }}');"></span>
  47.                                        </span>
  48.                                         <span class="news-card_content">
  49.                                             <h2>{{ vacancy.title }}</h2>
  50.                                             <p>{{ vacancy.metaDescription }}</p>
  51.                                         </span>
  52.                                     </a>
  54.                                 </div>
  55.                             </div>
  56.                         </div>
  57.                     {% endfor %}
  58.                     {% else %}
  59.                         <div class="col-12 col-lg-8 offset-lg-2">
  60.                             <div class="plain-content mt-3">
  61.                                 <strong>Momenteel hebben wij geen actuele vacatures.</strong>
  62.                             </div>
  63.                         </div>
  64.                     {% endif %}
  65.                 </div>
  66.             </div>
  67.             <div class="row">
  68.                 <div class="col-12 col-lg-4">
  69.                     <div class="section-title_wrapper">
  70.                         <h2 class="section-title"><span>Waarom</span> Werken bij <span>Zuidema</span></h2>
  71.                     </div>
  72.                 </div>
  73.                 <div class="col-12 col-lg-8">
  74.                    
  75.                 </div>
  76.             </div>
  77.             <div class="standard-alinea alinea1">
  78.                 <div class="container">
  79.                     {{blockscan(page,'alinea1','Blocks/contentblock.html.twig')|raw}}
  80.                 </div>
  81.             </div>
  82.             <div class="standard-alinea alinea2">
  83.                 <div class="container">
  84.                     {{blockscan(page,'alinea2','Blocks/contentblock.html.twig')|raw}}
  85.                 </div>
  86.             </div>
  87.             <div class="standard-alinea alinea3">
  88.                 <div class="container">
  89.                     {{blockscan(page,'alinea3','Blocks/contentblock.html.twig')|raw}}
  90.                 </div>
  91.             </div>
  92.             <div class="standard-alinea alinea4">
  93.                 <div class="container">
  94.                     {{blockscan(page,'alinea4','Blocks/contentblock.html.twig')|raw}}
  95.                 </div>
  96.             </div>
  97.             <div class="standard-alinea alinea5">
  98.                 <div class="container">
  99.                     {{blockscan(page,'alinea5','Blocks/contentblock.html.twig')|raw}}
  100.                 </div>
  101.             </div>
  102.             <div class="standard-alinea alinea6">
  103.                 <div class="container">
  104.                     {{blockscan(page,'alinea6','Blocks/contentblock.html.twig')|raw}}
  105.                 </div>
  106.             </div>
  107.             <div class="standard-alinea alinea7">
  108.                 <div class="container">
  109.                     {{blockscan(page,'alinea7','Blocks/contentblock.html.twig')|raw}}
  110.                 </div>
  111.             </div>
  112.             <div class="standard-alinea alinea8">
  113.                 <div class="container">
  114.                     {{blockscan(page,'alinea8','Blocks/contentblock.html.twig')|raw}}
  115.                 </div>
  116.             </div>
  117.             <div class="standard-alinea alinea9">
  118.                 <div class="container">
  119.                     {{blockscan(page,'alinea9','Blocks/contentblock.html.twig')|raw}}
  120.                 </div>
  121.             </div>
  122.             <div class="standard-alinea alinea10">
  123.                 <div class="container">
  124.                     {{blockscan(page,'alinea10','Blocks/contentblock.html.twig')|raw}}
  125.                 </div>
  126.             </div>
  127.         </div>
  128.         {% if page.photosAlbum is not null %}
  129.             <div class="container-fluid p-0">
  130.                 <div class="gallery row">
  131.                     {% for photo in page.photosAlbum.photos %}
  132.                         {% set src = photo.upload|url({ width: 720 }) %}
  133.                         {% set alt = photo.imageAlt %}
  134.                         {% set title = photo.imageTitle %}
  135.                         <div class="photo col-6 col-md-6 col-lg-3 p-0">
  136.                             <figure>
  137.                                 <img data-src="{{ src }}" src="{{src}}" title="{{ title }}" alt="{{ alt }}" class="img-fluid lazy" />
  138.                             </figure>
  139.                             <i class="far fa-search-plus"></i>
  140.                         </div>
  141.                     {% endfor %}
  142.                 </div>
  143.             </div>
  144.         {% endif %}
  145.     </section>
  146. {% endblock %}