templates/service/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ service.item.title[lang] }} - {{ service.item.client.title }} - EZMID{% endblock %}
  5. {% block stylesheets %}
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  7. {% endblock %}
  9. {% block body %}
  10. {% include 'layout/header-section.html.twig' %}
  12. <section id="content">
  13. <div class="container">
  14. <div class="row">
  15. {% if service %}
  17. {% if service.item.client.show %}
  18. <div class="col-sm-4" id="left-column">
  19. <div class="client">
  20. <small>
  21. {{ 'Client' | trans }}
  22. </small>
  23. </div>
  24. <div class="logo">
  25. <img src="{{ asset('build' ~ service.item.client.logo) }}" alt="{{ service.item.client.title }}">
  26. </div>
  27. <hr>
  28. <div class="technologies">
  29. <small>
  30. {{ 'Used technologies' | trans }}
  31. </small>
  32. <div class="text">
  33. <ul>
  34. {% for technology in service.item.technologies %}
  35. <li>
  36. {{ technology }}
  37. </li>
  38. {% endfor %}
  39. </ul>
  40. </div>
  41. </div>
  42. </div>
  43. {% else %}
  44. <div class="col-sm-1">
  46. </div>
  47. {% endif %}
  49. <hr class="divider">
  51. <div class="col-sm-{% if service.item.client.show %}8{% else %}10{% endif %}" id="right-column">
  52. <div class="title">
  53. <h3>
  54. {{ service.item.desc[lang]['first-block'].title }}
  55. </h3>
  56. </div>
  57. <div class="text">
  58. {% autoescape false %}
  59. {{ service.item.desc[lang]['first-block'].desc }}
  60. {% endautoescape %}
  61. </div>
  62. {% if service.item.desc[lang]['first-block'].image is defined %}
  63. <div class="row">
  64. {% for image in service.item.desc[lang]['first-block'].image %}
  65. <div class="mt-3 col-12">
  66. <div class="image landscape">
  67. <img src="{{ asset('build' ~ image) }}" alt="Solution" onclick="window.open('{{ asset('build' ~ image) }}')">
  68. </div>
  69. </div>
  70. {% endfor %}
  71. </div>
  72. {% endif %}
  74. {% if service.item.desc[lang]['second-block'] is defined %}
  75. <div class="title">
  76. <h3>
  77. {{ service.item.desc[lang]['second-block'].title }}
  78. </h3>
  79. </div>
  80. <div class="text">
  81. {% autoescape false %}
  82. {{ service.item.desc[lang]['second-block'].desc }}
  83. {% endautoescape %}
  84. </div>
  85. {% if service.item.desc[lang]['second-block'].image is defined %}
  86. <div class="row">
  87. {% for image in service.item.desc[lang]['second-block'].image %}
  88. <div class="mt-3 col-12">
  89. <div class="image landscape">
  90. <img src="{{ asset('build' ~ image) }}" alt="Solution" onclick="window.open('{{ asset('build' ~ image) }}')">
  91. </div>
  92. </div>
  93. {% endfor %}
  94. </div>
  95. {% endif %}
  96. {% endif %}
  98. {% if service.item.desc[lang]['third-block'] is defined %}
  99. <div class="title">
  100. <h3>
  101. {{ service.item.desc[lang]['third-block'].title }}
  102. </h3>
  103. </div>
  104. <div class="text">
  105. {% autoescape false %}
  106. {{ service.item.desc[lang]['third-block'].desc }}
  107. {% endautoescape %}
  108. </div>
  109. {% if service.item.desc[lang]['third-block'].image is defined %}
  110. <div class="row">
  111. {% for image in service.item.desc[lang]['third-block'].image %}
  112. <div class="mt-3 col-12">
  113. <div class="image landscape">
  114. <img src="{{ asset('build' ~ image) }}" alt="Solution" onclick="window.open('{{ asset('build' ~ image) }}')">
  115. </div>
  116. </div>
  117. {% endfor %}
  118. </div>
  119. {% endif %}
  120. {% endif %}
  122. {% if service.item.desc[lang]['fourth-block'] is defined %}
  123. <div class="title">
  124. <h3>
  125. {{ service.item.desc[lang]['fourth-block'].title }}
  126. </h3>
  127. </div>
  128. <div class="text">
  129. {% autoescape false %}
  130. {{ service.item.desc[lang]['fourth-block'].desc }}
  131. {% endautoescape %}
  132. </div>
  133. {% if service.item.desc[lang]['fourth-block'].image is defined %}
  134. <div class="row">
  135. {% for image in service.item.desc[lang]['fourth-block'].image %}
  136. <div class="mt-3 col-12">
  137. <div class="image landscape">
  138. <img src="{{ asset('build' ~ image) }}" alt="Solution" onclick="window.open('{{ asset('build' ~ image) }}')">
  139. </div>
  140. </div>
  141. {% endfor %}
  142. </div>
  143. {% endif %}
  144. {% endif %}
  145. </div>
  146. </div>
  148. <div class="row" id="switcher">
  149. {% if service.prev is defined and service.prev is not empty %}
  150. <div class="col-sm-6" id="prev">
  151. <div
  152. class="prev-button"
  153. style="background-image: url({{ asset('build' ~ service.prev['reference-image']) }})"
  154. onclick="window.location='/{{ lang }}/services/{{ serviceType }}/{{ service.prev.filename }}';"
  155. >
  156. <div class="left desktop-only">
  157. ←
  158. </div>
  159. <div class="right">
  160. {{ 'Previous' | trans }}
  161. </div>
  162. </div>
  163. </div>
  164. {% endif %}
  165. {% if service.next is defined and service.next is not empty %}
  166. <div class="col-sm-6" id="next">
  167. <div
  168. class="next-button"
  169. style="background-image: url({{ asset('build' ~ service.next['reference-image']) }})"
  170. onclick="window.location='/{{ lang }}/services/{{ serviceType }}/{{ service.next.filename }}';"
  171. >
  172. <div class="left">
  173. {{ 'Next Project' | trans }}
  174. </div>
  175. <div class="right desktop-only">
  176. →
  177. </div>
  178. </div>
  179. </div>
  180. {% endif %}
  181. </div>
  182. {% endif %}
  183. </div>
  184. </section>
  186. {% include 'service/discuss.html.twig' %}
  188. {% endblock %}