templates/AtechNetCoreBundle/Job/index.html.twig line 1

Open in your IDE?
  1. {% extends 'AtechNetCoreBundle/base.html.twig' %}
  2. {% block content %}
  3.     {% set defaultLocale = app.request.session.get('defaultLocale') %}
  5.     <div class="content">
  6.         <div class="container">
  7.             <div class="jobs-top-section mt-3">
  8.                 {% if defaultLocale == 'hu' %}
  9.                     <picture>
  10.                         <source media="(min-width: 250px) and (max-width:576px)" srcset="{{ asset('theme/images/jobs-header-m.jpg')|appendAssetCache }}">
  11.                         <img loading="lazy" decoding="async" src="{{ asset('theme/images/jobs-header.jpg')|appendAssetCache }}" alt="Csatlakozz" class="img-fluid" />
  12.                     </picture>
  13.                 {% endif %}
  15.                 <h1 class="text-center jobs-top-title">{{ 'Furbi... what?!' |trans }}</h1>
  16.                 <div class="row justify-content-center">
  17.                     <div class="col-sm-9 text-center">
  18.                         <p>{{ "How you say it is not so important... Pronounce it as it is comfortable, but the next one will be 'förbifai' or 'furbifi'. The point is, modestly, we're working on renovating computers, and with that we want to save the Earth, get involved!" |trans }}</p>
  19.                         {% if app.request.locale == 'sk' %}
  20.                             <p>Pridajte sa k nám aj vy, každé rozhodnutie sa počíta!</p>
  21.                         {% endif %}
  22.                     </div>
  23.                 </div>
  24.             </div>
  26.             <div class="responsive-video">
  27.                 <iframe
  28.                         src="https://www.youtube.com/embed/HSzFcR-hpQE"
  29.                         title="Csatlakozz hozzánk!"
  30.                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  31.                         referrerpolicy="strict-origin-when-cross-origin"
  32.                         allowfullscreen>
  33.                 </iframe>
  34.             </div>
  36.             <div class="jobs-highlighted-section row justify-content-between">
  37.                 <div class="col-sm col-md block colleague-block text-center">
  38.                     <i class="fas fa-users"></i>
  39.                     <p><span class="d-block mb-1">100+</span>{{ 'workers' |trans }}</p>
  40.                 </div>
  42.                 <div class="col-sm col-md block refurbished-machine-block text-center">
  43.                     <i class="fas fa-laptop-medical"></i>
  44.                     <p><span class="d-block mb-1">300 000+</span>{{ 'refurbished computers' |trans }}</p>
  45.                 </div>
  47.                 <div class="col-sm col-md block experience-block text-center">
  48.                     <i class="fas fa-brain"></i>
  49.                     <p><span class="d-block mb-1">15</span>{{ 'years of experience' |trans }}</p>
  50.                 </div>
  52.                 <div class="col-sm col-md block common-goal-block text-center">
  53.                     <i class="fas fa-bullseye"></i>
  54.                     <p><span class="d-block mb-1">1</span>{{ 'common goal' |trans }}</p>
  55.                 </div>
  56.             </div>
  58.             <div class="jobs-list-header">
  59.                 <h2 class="text-center jobs-list-title">{{ 'Current open positions' |trans }}</h2>
  60.                 <div class="row justify-content-center">
  61.                     <div class="col-sm-9 text-center">
  62.                         <p>{{ 'We are currently looking for the right staff to fill the following vacancies.<br>If you are interested, apply today!' |trans |raw }}</p>
  63.                     </div>
  64.                 </div>
  65.             </div>
  67.             {% if jobs|length > 0 %}
  68.                 <div class="jobs-list">
  69.                     {% for job in jobs %}
  70.                         <div class="text-center job-item">
  71.                             <a href="{{ job.link }}" class="job-image">
  72.                                 <img decoding="async" src="{{ job.coverImage }}" alt="{{ job.title }} - furbify" class="img-fluid">
  73.                             </a>
  75.                             <a href="{{ job.link }}" class="job-title">
  76.                                 <span>{{ job.title }}</span>
  77.                                 {% if job.type != '' %}
  78.                                     <span class="job-type">({{ job.type }})</span>
  79.                                 {% endif %}
  80.                             </a>
  82.                             <div class="job-description"><p>{{ job.shortDescription }}</p></div>
  84.                             {% if job.active %}
  85.                                 <a href="{{ job.link }}" class="btn btn-primary">{{ 'Next' |trans }}</a>
  86.                             {% else %}
  87.                                 <p class="job-position-taken">{{ 'Job filled' |trans }}</p>
  88.                             {% endif %}
  89.                         </div>
  90.                     {% endfor %}
  91.                 </div>
  92.             {% else %}
  93.                 <div class="job-no-positions text-center">
  94.                     <p>{{ 'We currently have no offers.' |trans }}</p>
  95.                 </div>
  96.             {% endif %}
  99.             <div class="jobs-list">
  100.                 <div class="basic-job-title">
  101.                     <p>Ha aktuális nyitott pozícióink között nem találtad meg a számodra megfelelőt, vagy szakgyakorlatra jelentkeznél, add be általános jelentkezésed a következő linkeken keresztül</p>
  102.                 </div>
  103.                 {% for job in separated_jobs %}
  104.                     <div class="text-center job-item">
  105.                         <a href="{{ job.link }}" class="job-image">
  106.                             <img decoding="async" src="{{ job.coverImage }}" alt="{{ job.title }} - furbify" class="img-fluid">
  107.                         </a>
  109.                         <a href="{{ job.link }}" class="job-title">
  110.                             <span>{{ job.title }}</span>
  111.                             {% if job.type != '' %}
  112.                                 <span class="job-type">({{ job.type }})</span>
  113.                             {% endif %}
  114.                         </a>
  116.                         <div class="job-description"><p>{{ job.shortDescription }}</p></div>
  118.                         {% if job.active %}
  119.                             <a href="{{ job.link }}" class="btn btn-primary">{{ 'Next' |trans }}</a>
  120.                         {% else %}
  121.                             <p class="job-position-taken">{{ 'Job filled' |trans }}</p>
  122.                         {% endif %}
  123.                     </div>
  124.                 {% endfor %}
  125.             </div>
  126.         </div>
  127.     </div>
  128. {% endblock %}
  130. {% block title %}{{ 'Job offers' |trans }} - {{ parent() }}{% endblock %}
  132. {% block robots %}
  133.     {% if 
  134.         ( domainId in [ const('Domain::DOMAIN_ID_RT_SK'), const('Domain::DOMAIN_ID_WS_SK') ] and app.request.locale != 'sk' ) or 
  135.         ( domainId in [ const('Domain::DOMAIN_ID_RT_HU'), const('Domain::DOMAIN_ID_WS_HU') ] and app.request.locale != 'hu' ) or 
  136.         ( domainId in [ const('Domain::DOMAIN_ID_RT_CZ'), const('Domain::DOMAIN_ID_WS_CZ') ] and app.request.locale != 'cz' ) or 
  137.         ( domainId in [ const('Domain::DOMAIN_ID_RT_EU'), const('Domain::DOMAIN_ID_WS_EU') ] and app.request.locale != 'en' ) 
  138.     %}
  139.         <meta name="robots" content="noindex, nofollow, noarchive">
  140.     {% else %}
  141.         <meta name="robots" content="noindex">
  142.     {% endif %}
  143. {% endblock %}
  145. {% block meta %}
  146.     {% set domainTLD = app.request.session.get('defaultLocale') %}
  148.     {% if domainTLD == 'en' %}
  149.         {% set domainTLD = 'eu' %}
  150.     {% endif %}
  152.     <meta name="description" content="{{ 'Job opportunities at furbify' |trans }}" />
  153.     <meta property="og:url" content="{{ app.request.uri }}" />
  154.     <meta property="og:type" content="website" />
  155.     <meta property="og:locale" content="{{ app.request.locale |ogLocale }}" />
  156.     <meta property="og:title" content="{{ 'Job offers' |trans }}" />
  157.     <meta property="og:description" content="{{ 'Job opportunities at furbify' |trans }}" />
  158.     <meta property="og:image" content="https://www.furbify.{{ domainTLD }}/theme/images/hr-social-image.jpg" />
  159. {% endblock %}
  161. {% block header %}
  162.     {{ include(template_from_string(header)) }}
  163. {% endblock %}
  165. {% block footer %}
  166.     {{ include(template_from_string(footer)) }}
  167. {% endblock %}
  169. {% block javascripts %}
  170.     {{ parent() }}
  172.     <script src="{{ asset('theme/js/lightslider.min.js') }}"></script>
  173.     <script src="{{ asset('theme/magnific/jquery.magnific-popup.min.js') }}"></script>
  174.     <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
  175. {% endblock %}