2022-07-06 22:03:47 +00:00
|
|
|
<section id="technologies">
|
2022-06-21 10:33:35 +00:00
|
|
|
<div class="container">
|
|
|
|
<div class="section-title">
|
2022-07-06 22:03:47 +00:00
|
|
|
<h2 class="title-text">
|
|
|
|
{{ getLocalizedStr('technologies.title') }}
|
|
|
|
</h2>
|
2022-06-21 10:33:35 +00:00
|
|
|
</div>
|
2022-07-13 22:26:21 +00:00
|
|
|
<div class="tech-mosaic-container closed" id="tech-mosaic-container">
|
|
|
|
<div class="tech-mosaic">
|
|
|
|
{% for tech in technologies %}
|
|
|
|
<div class="item" title="{{ tech.name }}">
|
|
|
|
<div class="item-inside">
|
|
|
|
<div class="item-bg">
|
|
|
|
<img
|
|
|
|
src="/imgs/technos/{{ tech.image }}"
|
|
|
|
class="{% if tech.height == 'stretch' %}img-stretch{% endif %}"
|
|
|
|
/>
|
|
|
|
<div class="img-overlay"></div>
|
|
|
|
</div>
|
|
|
|
<div class="item-content">
|
|
|
|
<div>
|
|
|
|
</div>
|
2022-06-21 10:33:35 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-07-13 22:26:21 +00:00
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
<div class="tech-mosaic-btn-container" id="tech-mosaic-btn-container">
|
|
|
|
<button class="btn mosaic-btn" onclick="openTechMosaic()" id="tech-mosaic-btn">
|
|
|
|
{{ getLocalizedStr('view-more') }}
|
|
|
|
</button>
|
|
|
|
</div>
|
2022-06-21 10:33:35 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|