56 lines
3.0 KiB
HTML
56 lines
3.0 KiB
HTML
{% macro section() -%}
|
|
<section class="c_du9p7">
|
|
<h2 class="c_2e7ix">Партнерские предложения</h2>
|
|
<div class="c_j7mw1">
|
|
<a class="c_y32j2 b_jh0gq" href="/partner/galerist">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event1.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
<a class="c_y32j2 b_jh0gq" href="/competitions">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event4.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
<a class="c_y32j2 b_jh0gq" href="/exhibitions">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event6.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
<a class="c_y32j2 b_jh0gq" href="/partner#5">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event7.webp" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
<a class="c_y32j2 b_jh0gq" href="/partner#5">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event5.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
<a class="c_y32j2 b_jh0gq" href="/partner#2">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event2.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
<a class="c_y32j2 b_jh0gq" href="/partner#3">
|
|
<img class="c_tccnr b_f7c7g" src="/static/event3.jpg" alt="" crossorigin="anonymous" fetchpriority="high" loading="eager">
|
|
</a>
|
|
</div>
|
|
</section>
|
|
{%- endmacro %}
|
|
|
|
{% macro style() -%}
|
|
<style type="text/css">/* Base (common) styles */
|
|
.b_f7c7g { align-self: stretch; background: #D9D9D9; object-fit: contain;}
|
|
.b_jh0gq { align-items: flex-start; display: flex; flex-direction: column; width: 335px; }
|
|
.c_2e7ix{ margin-bottom: 20px; text-transform: uppercase;}
|
|
/* Mobile */
|
|
@media (max-width: 699px) {
|
|
.c_j7mw1 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; }
|
|
.c_du9p7 { margin: auto;align-items: center; background: #FFF; display: flex; flex-direction: column; width: 375px; }
|
|
.c_y32j2 { align-items: flex-start; display: flex; flex-direction: column; width: 100%; }
|
|
|
|
}
|
|
|
|
/* Tablet */
|
|
@media (min-width: 700px) and (max-width: 900px) {
|
|
.c_tccnr { background: #D9D9D9; width: 340px; }
|
|
.c_j7mw1 { align-content: flex-start; align-items: flex-start; align-self: stretch; display: flex; flex-wrap: wrap; gap: 25px; }
|
|
.c_du9p7 { align-items: flex-start; background: #FFF; display: flex; flex-direction: column; padding-left: 50px; width: 800px; }
|
|
}
|
|
|
|
/* Desktop */
|
|
@media (min-width: 901px) {
|
|
.c_y32j2 { align-items: flex-start; display: flex; flex-direction: column; width: 450px; }
|
|
.c_j7mw1 { align-content: center; align-items: center; align-self: stretch; display: flex; flex-wrap: wrap; gap: 25px; }
|
|
.c_du9p7 { align-items: flex-start; background: #FFF; display: flex; flex-direction: column; padding-left: 100px; width: 1600px; }
|
|
}</style>
|
|
{%- endmacro %} |