templates/Content/Public/About/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block content %}
  4. <div class="container-fluid">
  5. <div class="container">
  6. <div class="content">
  7. <div class="row">
  8. <div class="grid-56-40">
  9. <div class="card rounded image-back">
  10. <div class="card-img-top">
  11. <img src="{{ asset('assets/static/about-hero-1.png') }}" alt="People working on computer">
  12. </div>
  13. <img class="logo-white" src="{{ asset('assets/static/blue/logo-white.png') }}" alt="">
  14. <h3>{{ 'about.reliable-and-safe'|trans }}</h3>
  15. <h1>{{ 'about.for-every-problem'|trans }}</h1>
  16. </div>
  17. <div class="card rounded">
  18. <img src="{{ asset('assets/static/about-hero-2.png') }}" alt="People working on computer">
  19. </div>
  20. </div>
  21. </div>
  23. <div class="row">
  24. <div class="our-mission">
  25. <h2>{{ 'about.our-mission'|trans }}</h2>
  26. <div class="arrow-tilted">
  27. <img src="{{ asset('assets/static/arrow-tilted.svg') }}" alt="People working on computer">
  28. </div>
  29. <div class="mission">
  30. <p>{{ 'about.mission'|trans }}</p>
  31. <p class="text-color-grey">{{ 'about.vision'|trans }}</p>
  32. </div>
  33. </div>
  34. </div>
  36. {% include 'partials/components/icon_content.html.twig' %}
  38. {# <div class="row">#}
  39. {# #}
  40. {# </div>#}
  42. <div class="row">
  43. <div class="headline">
  44. <h2>{{ 'about.team.gets-things-going'|trans }}</h2>
  45. <p class="text-color-grey font-21">{{ 'about.team.description'|trans }}</p>
  46. </div>
  48. <div class="grid-1-3 team">
  49. <a href="#" class="card rounded team-member">
  50. <div class="card-img-top">
  51. <img src="{{ asset('/assets/static/team-member1.png') }}" alt="{{ 'about.team.vinko'|trans }}">
  52. </div>
  53. <div class="card-body">
  54. <h5 class="card-title">{{ 'about.team.vinko'|trans }}</h5>
  55. <p class="card-text">{{ 'about.team.founder-director'|trans }}</p>
  56. </div>
  57. </a>
  58. <a href="#" class="card rounded team-member">
  59. <div class="card-img-top">
  60. <img src="{{ asset('/assets/static/team-member2.png') }}" alt="{{ 'about.team.goran'|trans }}">
  61. </div>
  62. <div class="card-body">
  63. <h5 class="card-title">{{ 'about.team.goran'|trans }}</h5>
  64. <p class="card-text">{{ 'about.team.founder-director'|trans }}</p>
  65. </div>
  66. </a>
  67. <a href="#" class="card rounded image-back team-member last">
  68. <div class="card-img-top">
  69. <img src="{{ asset('/assets/static/team-members-info.png') }}" alt="Optima Group">
  70. </div>
  71. <div class="card-body">
  72. <h5 class="card-title">{{ 'about.team.info.optima-group'|trans }}</h5>
  73. <p class="card-text">{{ 'about.team.info.description'|trans }}</p>
  74. </div>
  75. </a>
  76. </div>
  77. </div>
  79. <div class="row team-members">
  80. {% set logos = {
  81. 'Team 1': 'assets/static/team.png',
  82. 'Team 2': 'assets/static/team1.png',
  83. 'Managing team': 'assets/static/team2.png',
  84. 'Team 3': 'assets/static/team3.png',
  85. } %}
  86. <div class="slider">
  87. <div id="optimaSlider" class="carousel carousel-fade slide" data-ride="carousel">
  88. <div class="carousel-inner">
  89. {% for title, logo in logos %}
  90. <div class="carousel-item{{ loop.first ? ' active' : '' }}">
  91. <img class="d-block" src="{{ asset(logo) }}" alt="{{ title }}">
  92. </div>
  93. {% endfor %}
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  99. <div class="row team">
  100. <div class="headline">
  101. <h2>{{ 'about.complete-coverage'|trans }}</h2>
  102. </div>
  103. <div class="row icon-section">
  104. <div class="optima-serbia">
  105. <img src="{{ asset('assets/static/logo-serbia.png') }}" alt="Optima Serbia">
  106. <h2>Optima</h2>
  107. <p class="text-color-grey font-21 line-height-113 mb-0">{{ 'about.optima-description'|trans }}</p>
  108. </div>
  110. <div class="optima-bosnia">
  111. <img src="{{ asset('assets/static/logo-bosnia.png') }}" alt="Optima Bosnia">
  112. <h2>Vig Lager</h2>
  113. <p class="text-color-grey font-21 line-height-113 mb-0">{{ 'about.vig-lager-description'|trans }}</p>
  114. </div>
  116. <div class="optima-slovenia">
  117. <img src="{{ asset('assets/static/logo-slovenia.png') }}" alt="Optima Slovenia">
  118. <h2>Optima SI</h2>
  119. <p class="text-color-grey font-21 line-height-113 mb-0">{{ 'about.optima-si-description'|trans }}</p>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  127. <div class="homepage-map minus-top-margin">
  128. <img src="{{ asset('assets/static/map.svg') }}" alt="optima map">
  129. </div>
  130. {% endblock %}