templates/VisualMediaPageBundle/views/Page/home.html.twig line 1

Open in your IDE?
  1. {% extends 'Layout/base.html.twig' %}
  3. {% block main %}
  4.     {% include 'Layout/Include/notification.html.twig' %}
  5.     {% include '@VisualMediaVisual/Visual/visual.html.twig' with { visuals: page.visuals } %}
  6.     <section class="section section-page section-homepage">
  7.         <div class="stripes"></div>
  9.         <div class="container">
  10.             <div class="row">
  11.                 <div class="col-12 col-lg-4">
  12.                     <div class="section-title_wrapper">
  13.                         <h1 class="section-title"><span>Wij zijn</span> Zuidema</h1>
  14.                     </div>
  15.                 </div>
  16.                 <div class="col-12 col-lg-8">
  17.                     {% if (page.htmlContent != '' )%}
  18.                         <div class="plain-content">
  19.                             {{ page.htmlContent|scan }}
  20.                         </div>
  21.                     {% endif %}
  22.                     <a href="/over-zuidema-groep/" class="btn btn-primary">Meer over Zuidema </a>
  23.                     <a href="/vacatures/" class="btn btn-secondary">Leuke baan bij Zuidema! <i class="fas fa-arrow-right"></i></a>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     </section>
  28.     <section id="expertise" class="section expertise-container">
  29.         <div class="stripes"></div>
  30.         <div class="expertise-content_wrapper">
  31.             <div class="container">
  32.                 <div class="row">
  33.                     <div class="col-12 col-lg-4">
  34.                         <div class="section-title_wrapper">
  35.                             <h2 class="section-title"><span>Onze</span> expertise</h2>
  36.                             <a href="/wat-doet-zuidema/" class="btn btn-primary">Naar onze expertises</a>
  37.                         </div>
  38.                         <div class="expertise">
  39.                             <!-- Add Arrows -->
  40.                             <div class="swiper-button-next"><i class="fas fa-arrow-right"></i></div>
  41.                             <div class="swiper-button-prev"><i class="fas fa-arrow-left"></i></div>
  42.                         </div>
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.             <div class="expertise">
  47.                 {{ render(controller('App\\Controller\\PageController::ssiExpertiseAction', {
  48.                     'shuffle' : true,
  49.                     'count' : 21
  50.                 })) }}
  51.                 <!-- Add Pagination -->
  52.                 <!-- <div class="swiper-pagination"></div> -->
  53.             </div>
  54.         </div>
  55.     </section>
  57.     {% if page.kamReference is not null %}
  58.         <section class="section kam-container">
  59.             <div class="kam-container__imgleft" style="background-image: url({{ contentblock(page.kamReference).upload|url }})"></div>
  60.             <div class="kam-content_wrapper">
  61.                 <div class="container">
  62.                     <div class="row">
  63.                         <div class="col-12 col-lg-6">
  64.                             <div class="section-title_wrapper">
  65.                                 <h2 class="section-title">{{ contentblock(page.kamReference).title }} </h2>
  66.                             </div>
  67.                         </div>
  68.                         <div class="col-12 col-lg-6">
  69.                             <div class="section-content_wrapper">
  70.                                 <div class="section-content__inner">
  71.                                     {{ contentblockhtml(page.kamReference) }}
  72.                                 </div>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </section>
  79.     {% endif %}
  81.     {% if page.sponsorReference is not null %}
  82.         <section class="section sponsor-container">
  83.             <div class="stripes"></div>
  84.             <div class="sponsor-container__imgright" style="background-image: url({{ contentblock(page.sponsorReference).upload|url }})"></div>
  85.             <div class="sponsor-container_wrapper">
  86.                 <div class="container">
  87.                     <div class="row">
  88.                         <div class="col-12 col-lg-6">
  89.                             <div class="section-content_wrapper">
  90.                                 <div class="section-title_wrapper">
  91.                                     <h2 class="section-title">{{ contentblock(page.sponsorReference).title }} </h2>
  92.                                     </div>
  93.                                 <div class="section-content__inner">
  94.                                     {{ contentblockhtml(page.sponsorReference) }}
  95.                                 </div>
  96.                             </div>
  97.                         </div>
  98.                         <div class="col-12 col-lg-6">
  99.                             <figure class="sponsor-image">
  100.                                 <img src="{{ contentblock(page.sponsorReference).upload|url }}"  alt="{{ contentblock(page.sponsorReference).imageAlt }}" title="{{ contentblock(page.sponsorReference).imageTitle }}">
  101.                             </figure>
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </section>
  107.     {% endif %}
  108.     
  109.     <section class="section projecten-container">
  110.         <div class="projecten-stripes"></div>
  111.         <div class="projecten-content_wrapper">
  112.             <div class="container">
  113.                 <div class="row">
  114.                     <div class="col-12 col-lg-4">
  115.                         <div class="section-title_wrapper">
  116.                             <h2 class="section-title"><span>Onze</span> projecten</h2>
  117.                             <a href="{{ path('project_index') }}" class="btn btn-primary" >Naar onze projecten </a>
  118.                         </div>
  120.                         <div class="projecten">
  121.                             <!-- Add Arrows -->
  122.                             <div class="swiper-button-next"><i class="fas fa-arrow-right"></i></div>
  123.                             <div class="swiper-button-prev"><i class="fas fa-arrow-left"></i></div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.             <div class="projecten">
  129.                 {{ render(controller('VisualMedia\\ProjectBundle\\Controller\\ProjectController::ssiAction', { 'count' : 21 })) }}
  130.                 <!-- <div class="swiper-pagination"></div> -->
  131.             </div>
  132.         </div>
  133.     </section>
  135.     <section class="section news-container">
  136.         <div class="news-wrapper-home">
  137.             <div class="row">
  138.                 <div class="col-12 col-lg-9 news-content-first">
  139.                     {{ render(controller('VisualMedia\\NewsBundle\\Controller\\NewsController::ssiAction', { 'count': 1} )) }}
  140.                 </div>
  141.                 <div class="col-12 col-lg-3 news-content-second">
  142.                     {{ render(controller('VisualMedia\\NewsBundle\\Controller\\NewsController::ssiAction', { 'count': 2, 'offset': 1} )) }}
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </section>
  148. {% endblock %}