- id: w-s-7
Weby na míru
Dlouhá význam s sionismu ty, jí antény i sezona.
{% include "@Components/sections/signpost-section/signpost-section.twig" with {props: {
header: {
heading: {
title: "Naše služby"
},
overline: {
title: "rozcestník",
},
perex: "Lodi vůbec vede ní k ostatky ihned nevratné vychovatele ze zároveň. To řekne, mě mi moci neláká zástupci, mír nový led míst myším plochou.",
},
group: {
ratio: "4-3",
cols: 4,
items: signpost_items_sample[:4],
},
}} %}
<section class="base-section s-signpost">
<div class="base-section__container container">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center">
<span class="c-overline d-inline-flex gap-1 align-items-center u-fz-sm px-1 u-bg-primary-100">
<span class="c-overline__title">rozcestník</span>
</span>
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Naše služby
</h2>
<div class="base-header__description entry-content mb-0">Lodi vůbec vede ní k ostatky ihned nevratné vychovatele ze zároveň. To řekne, mě mi moci neláká zástupci, mír nový led míst myším plochou.</div>
</header>
<div class="g-signpost row gy-4 justify-content-center --cols-4">
<div class="g-signpost__cell col-xxl-3 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#" title="Weby na míru">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="328" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#" title="Weby na míru">
<span class="link__title">Weby na míru</span>
</a>
</h3>
<div class="i-signpost__description">Dlouhá význam s sionismu ty, jí antény i sezona.</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
<div class="g-signpost__cell col-xxl-3 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#asdf" title="Malé weby">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="328" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#asdf" title="Malé weby">
<span class="link__title">Malé weby</span>
</a>
</h3>
<div class="i-signpost__description">Portugalci, já ten i svět daného z zůstat kraken nohama, mám době</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#asdf'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
<div class="g-signpost__cell col-xxl-3 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#" title="E-shopy na míru">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="328" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#" title="E-shopy na míru">
<span class="link__title">E-shopy na míru</span>
</a>
</h3>
<div class="i-signpost__description">Popis svědky, nálezů, vážně na s jasnou vyvodíme starosta vypálená</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
<div class="g-signpost__cell col-xxl-3 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#" title="PPC reklama">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="328" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#" title="PPC reklama">
<span class="link__title">PPC reklama</span>
</a>
</h3>
<div class="i-signpost__description">Fyzikům městem chlad moc i počet křížení moře způsobit, řeč připravená</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
{% include "@Components/sections/signpost-section/signpost-section.twig" with {props: {
header: {
heading: {
title: "Naše služby"
},
overline: {
title: "rozcestník",
},
perex: "Lodi vůbec vede ní k ostatky ihned nevratné vychovatele ze zároveň. To řekne, mě mi moci neláká zástupci, mír nový led míst myším plochou.",
},
group: {
cols: 3,
items: signpost_items_sample[:3],
},
}} %}
<section class="base-section s-signpost">
<div class="base-section__container container">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center">
<span class="c-overline d-inline-flex gap-1 align-items-center u-fz-sm px-1 u-bg-primary-100">
<span class="c-overline__title">rozcestník</span>
</span>
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Naše služby
</h2>
<div class="base-header__description entry-content mb-0">Lodi vůbec vede ní k ostatky ihned nevratné vychovatele ze zároveň. To řekne, mě mi moci neláká zástupci, mír nový led míst myším plochou.</div>
</header>
<div class="g-signpost row gy-4 justify-content-center --cols-3">
<div class="g-signpost__cell col-xl-4 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#" title="Weby na míru">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="448" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#" title="Weby na míru">
<span class="link__title">Weby na míru</span>
</a>
</h3>
<div class="i-signpost__description">Dlouhá význam s sionismu ty, jí antény i sezona.</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
<div class="g-signpost__cell col-xl-4 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#asdf" title="Malé weby">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="448" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#asdf" title="Malé weby">
<span class="link__title">Malé weby</span>
</a>
</h3>
<div class="i-signpost__description">Portugalci, já ten i svět daného z zůstat kraken nohama, mám době</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#asdf'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
<div class="g-signpost__cell col-xl-4 col-md-6">
<article class="i-signpost d-flex flex-column gap-4 text-center --default">
<a class="i-signpost__image-link d-block u-img-hover" href="#" title="E-shopy na míru">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3">
<picture>
<img src="" data-src="https://placehold.co/448x336" alt="" width="448" draggable="false" srcset="" data-srcset="https://placehold.co/448x336 1x, https://placehold.co/896x672 2x">
</picture>
</div>
</a>
<div class="i-signpost__body d-flex flex-column gap-2">
<h3 class="base-heading mb-0 u-fw-700 u-h3">
<a class="link d-inline-flex u-fw-600 align-items-center" href="#" title="E-shopy na míru">
<span class="link__title">E-shopy na míru</span>
</a>
</h3>
<div class="i-signpost__description">Popis svědky, nálezů, vážně na s jasnou vyvodíme starosta vypálená</div>
<div class="i-signpost__button d-flex justify-content-center">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary" href='#'>
<span class="btn__title u-z-index-1">
Více
</span>
</a>
</div>
</div>
</article>
</div>
</div>
</div>
</section>