templates/page/office/show/components/budapest/budapest_positions.html.twig line 1

Open in your IDE?
  1. {% import 'common/macros/svg.html.twig' as svg %}
  3. {% macro image(code, class = '') %}
  4.     <img
  5.         src="/img/{{ code }}.png"
  6.         alt="{{ code }}"
  7.         {{ class == '' ? '' : 'class=' ~ class }}
  8.         data-code="{{ code }}"
  9.     />
  10. {% endmacro %}
  12. {% macro button(code, icon, class = '') %}
  13.     <button
  14.         {{ class == '' ? '' : 'class=' ~ class }}
  15.         data-code="{{ code }}"
  16.     >
  17.         <span class="icon">{{ icon }}</span>
  18.         <span class="text">{{ ('our_locations.budapest.' ~ code)|trans }}</span>
  19.     </button>
  20. {% endmacro %}
  22. {% import _self as _ %}
  24. <div class="budapest budapest-positions" style="display:none" data-tab="positions">
  25.     <div class="jobs">
  26.         <div class="header">
  27.             <h2 class="title">{{ 'our_locations.budapest.positions_header_title'|trans }}</h2>
  28.             <p class="text">{{ 'our_locations.budapest.positions_header_text'|trans }}</p>
  29.         </div>
  31.         <div class="list">
  32.             {%
  33.                 include 'common/components/jobs.html.twig'
  34.                 with { items: items, fullPage: true, hideEmptyMessage: true } only
  35.             %}
  36.         </div>
  37.     </div>
  39.     <div class="positions">
  40.         <div class="title">
  41.             <h4>Nyitott pozícióink</h4>
  42.             <h2>Használt technológiáink</h2>
  43.         </div>
  45.         <div class="lead">
  46.             <p>{{ 'our_locations.budapest.positions_tech_p1'|trans|raw }}</p>
  47.             <p>{{ 'our_locations.budapest.positions_tech_p2'|trans|raw }}</p>
  48.             <p>{{ 'our_locations.budapest.positions_tech_p3'|trans|raw }}</p>
  49.         </div>
  51.         <div class="list">
  52.             <div class="items">
  53.                 {{ _.button('infrastructure', svg.frontend, 'active') }}
  54.                 {{ _.button('delivering_quality', svg.test) }}
  55.                 {{ _.button('languages', svg.backend) }}
  56.                 {{ _.button('frameworks', svg.frameworks) }}
  57.                 {{ _.button('monitoring', svg.database) }}
  58.                 {{ _.button('data_analytics', svg.data) }}
  59.                 {{ _.button('dev_tools', svg.cloud_base) }}
  60.             </div>
  62.             <div class="mobile-title">
  63.                 <h4>{{ 'our_locations.budapest.infrastructure'|trans }}</h4>
  64.             </div>
  66.             <div class="image">
  67.                 {{ _.image('infrastructure', 'active') }}
  68.                 {{ _.image('delivering_quality') }}
  69.                 {{ _.image('languages') }}
  70.                 {{ _.image('frameworks') }}
  71.                 {{ _.image('monitoring') }}
  72.                 {{ _.image('data_analytics') }}
  73.                 {{ _.image('dev_tools') }}
  74.             </div>
  75.         </div>
  76.     </div>
  77. </div>