{% include "@Components/sections/seo-section/seo-section.twig" with {props: {
content: {
heading: {
title: "Barevné tašky - kroucené ucho"
},
perex: "Tašky z široké barevné škály v provedení s krouceným uchem jsou v kombinaci s potiskem ideální pro reklamní účely. Bez potisku se skvěle uplatní v procesech dalšího prodeje například v papírnictvích či dárkových obchodech.Stejně jako bílé a hnědé tašky Toptwist® se barevné tašky vyznačují hlavně vysokou kvalitou použitých materiálů. U tašek Blu a Mat Oro je vrchní část zahnutá dovnitř, čímž ta Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta commodi dolor repellat, unde nemo quisquam debitis voluptatum qui architecto nihil quam sed quia aspernatur. Animi in dolorum provident accusamus saepe!",
trigger_text: 'Zobzazit více'
},
specialist: {
heading: {
title: "Potřebujete poradit?",
},
title: "Jméno a příjmení",
role: "Pracovní pozice",
img: {
src: "https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=600&h=250",
},
contact: {
phone: {
title: "+420 123 456 789",
url: "tel:+420123456789"
},
email: {
title: "info@easybag.cz",
url: "mailto:info@easybag.cz"
}
}
}
}} %}
<section class="base-section s-seo">
<div class="base-section__container container">
<div class="row g-2 g-md-6">
<div class="col-lg-6 col-xl-5 u-posr">
<div class="i-person u-rounded-4 u-bg-tertiary-300 p-3 p-sm-4 s-seo__specialist">
<div class="i-person__body d-flex flex-column w-100 gap-3">
<h3 class="base-heading mb-0 u-fw-700 u-h3 text-center pb-1">
Potřebujete poradit?
</h3>
<div class="d-flex flex-column flex-md-row gap-2 align-items-center justify-content-center w-100 text-center text-md-start">
<div class="i-person__image u-rounded-full overflow-hidden flex-shrink-0">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1">
<picture>
<img src="" data-src="https://images.pexels.com/photos/774909/pexels-photo-774909.jpeg?auto=compress&cs=tinysrgb&w=600&h=250" alt="Jméno a příjmení" width="120" height="120" draggable="false">
</picture>
</div>
</div>
<div class="d-flex flex-column justify-content-between gap-1">
<header class="i-person__header d-flex flex-column mb-sm-1">
<span class="i-person__title u-fw-600">Jméno a příjmení</span>
<span class="i-person__role u-fw-600 u-color-text-400">Pracovní pozice</span>
</header>
<div class="i-person__contact d-flex flex-column gap-sm-1">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before i-person__phone" href="tel:+420123456789" title="+420 123 456 789">
<span class="link__title">+420 123 456 789</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.185 12.938h1.562a4.692 4.692 0 0 0-4.686-4.688v1.563a3.128 3.128 0 0 1 3.124 3.124Zm3.125 0h1.562c0-4.308-3.504-7.813-7.811-7.813v1.563a6.257 6.257 0 0 1 6.249 6.25ZM11.06 2v1.563c5.17 0 9.375 4.205 9.375 9.374h1.562C21.997 6.907 17.091 2 11.061 2Zm2.483 13.979a.782.782 0 0 1-1.105 0l-4.42-4.42a.782.782 0 0 1 0-1.104l1.658-1.658-4.42-4.42L3.6 6.036a5.475 5.475 0 0 0 0 7.734l6.63 6.63A5.433 5.433 0 0 0 14.094 22c1.461 0 2.834-.569 3.867-1.602l1.658-1.657-4.42-4.42-1.657 1.658Zm3.314 3.314a3.88 3.88 0 0 1-2.762 1.145 3.88 3.88 0 0 1-2.762-1.145l-6.629-6.629a3.91 3.91 0 0 1 0-5.524l.552-.552 2.21 2.21-.552.552a2.346 2.346 0 0 0 0 3.314l4.42 4.42c.913.913 2.4.913 3.314 0l.552-.553 2.21 2.21-.553.552Z"/></svg> </span>
</span>
</a>
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before i-person__email" href="mailto:info@easybag.cz" title="info@easybag.cz">
<span class="link__title">info@easybag.cz</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="M12.332 2C6.847 2 2.334 6.515 2.334 12c0 5.486 4.514 10 10 10 2.124 0 4.194-.677 5.908-1.933l-.986-1.343a8.335 8.335 0 0 1-4.924 1.61C7.761 20.334 4 16.572 4 12.001c0-4.572 3.762-8.334 8.333-8.334 4.572 0 8.333 3.762 8.334 8.333v1.667c0 .914-.753 1.666-1.667 1.666a1.675 1.675 0 0 1-1.667-1.666v-1.684c0-2.753-2.264-5.018-5.017-5.018-2.753 0-5.018 2.265-5.018 5.018 0 2.752 2.265 5.017 5.018 5.017a5.02 5.02 0 0 0 3.784-1.723A3.326 3.326 0 0 0 19.011 17c1.822 0 3.322-1.499 3.322-3.321V12c-.006-5.484-4.517-9.994-10-10Zm0 13.333A3.35 3.35 0 0 1 9 12a3.35 3.35 0 0 1 3.333-3.333A3.35 3.35 0 0 1 15.666 12a3.35 3.35 0 0 1-3.334 3.333Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="img u-posr overflow-hidden --ratio-1-1 s-seo__specialist-decoration u-posa">
<picture>
<img src="" data-src="/images/svg/slogan.svg" alt="" width="144" height="144" draggable="false">
</picture>
</div>
</div>
<div class="s-seo__content u-js-toggle__content flex-shrink-1 d-flex flex-column col-lg-6 col-xl-7 gap-3">
<h3 class="base-heading mb-0 u-fw-700 u-h3 pt-2 pt-md-0">
Barevné tašky - kroucené ucho
</h3>
<div class="s-seo__perex u-js-toggle__perex u-clamp u-clamp-4">
Tašky z široké barevné škály v provedení s krouceným uchem jsou v kombinaci s potiskem ideální pro reklamní účely. Bez potisku se skvěle uplatní v procesech dalšího prodeje například v papírnictvích či dárkových obchodech.Stejně jako bílé a hnědé tašky Toptwist® se barevné tašky vyznačují hlavně vysokou kvalitou použitých materiálů. U tašek Blu a Mat Oro je vrchní část zahnutá dovnitř, čímž ta Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta commodi dolor repellat, unde nemo quisquam debitis voluptatum qui architecto nihil quam sed quia aspernatur. Animi in dolorum provident accusamus saepe!
</div>
<div class="s-seo__trigger u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-md-2">
<div class="s-seo__trigger-text u-bg-white px-2 u-fw-600 d-flex gap-1 text-nowrap"
>
<span class="u-js-toggle__trigger-text" data-default-title="Zobzazit více" data-active-title="Zobrazit méně">
Zobzazit více
</span>
<span class="icon d-flex align-items-center justify-content-center --colored --text s-seo__trigger-icon u-js-toggle__trigger-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span>
</span>
</div>
</div>
</div>
</div>
</section>
