{% set numbers_section = {
spacing: "top-0",
header: {
heading: {
title: "Taška v číslech",
},
perex: "V e-shopu můžete využít možnosti rychlého nákupu tašek od 100 ks po 20 000 ks, a to včetně potisku až v 6 přímých barvách nebo plnobarevně ve CMYK. Na výběr máme papírové tašky několika barev i rozměrů.",
},
numbers: [
{
color: "support-pink-400",
title: "+3 000 000",
perex: "Pačes 3 miliony papírových tašek skladem",
icon: {
src: "@Images/advantages-ico/shopping-bag-pink.svg"
}
},
{
color: "primary-400",
title: "+25 000",
perex: "Denně až 25 tisíc kusů potištěných tašek",
icon: {
src: "@Images/advantages-ico/print-green.svg"
}
},
{
color: "support-orange-400",
title: "+10 000",
perex: "Ročně 10 000 klientů ušetří při objednávce tašek díky nám",
icon: {
src: "@Images/advantages-ico/smile-orange.svg"
}
},
{
color: "support-blue-400",
title: "+20",
perex: "20 let praxe. Jsme prověřená firma s minimem reklamací",
icon: {
src: "@Images/advantages-ico/cert-blue.svg"
}
}
]
} %}
{% include "@Components/sections/numbers-section/numbers-section.twig" with {props: numbers_section} %}
<section class="base-section --top-0 s-numbers">
<div class="base-section__container container">
<div class="u-border u-border--tertiary-500 u-rounded-4 w-100 pt-3 pt-sm-7 px-3 px-sm-7 mb-2">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center">
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Taška v číslech
</h2>
<div class="base-header__description entry-content mb-0">V e-shopu můžete využít možnosti rychlého nákupu tašek od 100 ks po 20 000 ks, a to včetně potisku až v 6 přímých barvách nebo plnobarevně ve CMYK. Na výběr máme papírové tašky několika barev i rozměrů.</div>
</header>
</div>
<div class="row gx-2 gy-2">
<div class="col-sm-6 col-xl-3">
<div class="i-number d-flex flex-column justify-content-between p-3 u-rounded-4 h-100 u-bg-support-pink-400">
<div class="i-number__header d-flex justify-content-between gap-2 pb-1">
<span class="u-fw-600"> Pačes 3 miliony papírových tašek skladem </span>
<div class="i-number__icon-wrapper u-bg-white u-rounded-full d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#FEB1BF" fill-rule="evenodd" d="M22.565 21.23v-9.538H7.59v9.539c0 .736.6 1.333 1.334 1.333H21.23c.735 0 1.334-.597 1.334-1.333Z" clip-rule="evenodd"/><path fill="#15324F" d="M18.872 4.103v6.153H24v10.975A2.772 2.772 0 0 1 21.23 24H8.924a2.772 2.772 0 0 1-2.77-2.77v-2.358H2.77A2.772 2.772 0 0 1 0 16.102v-12h5.148l.03-.273C5.42 1.68 7.225 0 9.436 0s4.016 1.681 4.257 3.829l.031.274h5.148Zm3.692 17.128v-9.539H7.59v9.539c0 .736.599 1.333 1.333 1.333h12.308c.734 0 1.333-.597 1.333-1.333Zm-11.282-5.128v-1.744h1.436v1.744c0 1.3 1.058 2.358 2.359 2.358 1.3 0 2.359-1.058 2.359-2.358v-1.744h1.436v1.744a3.798 3.798 0 0 1-3.795 3.794 3.798 3.798 0 0 1-3.795-3.794ZM2.77 17.436h3.385v-7.18h11.282V5.538h-3.692V7.59h-1.436V5.538H6.564V7.59H5.128V5.538H1.436v10.565c0 .736.599 1.333 1.333 1.333Zm6.667-16a2.875 2.875 0 0 0-2.813 2.297l-.075.37h5.776l-.075-.37a2.875 2.875 0 0 0-2.813-2.297Z"/></svg> </span>
</div>
</div>
<h2 class="base-heading mb-0 u-fw-700 u-h1 text-end mt-4 mt-lg-7 text-nowrap">
+3 000 000
</h2>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="i-number d-flex flex-column justify-content-between p-3 u-rounded-4 h-100 u-bg-primary-400">
<div class="i-number__header d-flex justify-content-between gap-2 pb-1">
<span class="u-fw-600"> Denně až 25 tisíc kusů potištěných tašek </span>
<div class="i-number__icon-wrapper u-bg-white u-rounded-full d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M21.265 7.516A2.738 2.738 0 0 1 24 10.251v7.657a2.738 2.738 0 0 1-2.735 2.736h-2.512V24H5.247v-3.356H2.736A2.739 2.739 0 0 1 0 17.908v-7.657a2.738 2.738 0 0 1 2.736-2.735h2.511V0h13.506v7.516h2.512Zm-4.201-5.827H6.936v5.827h10.128V1.689ZM1.689 14.134h20.622v-3.883c0-.576-.469-1.046-1.046-1.046H2.736c-.577 0-1.047.47-1.047 1.046v3.883Zm18.109-1.621a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688Zm2.513 5.395v-2.085h-3.558v3.132h2.512c.577 0 1.046-.47 1.046-1.047ZM2.736 18.955h2.511v-3.132H1.689v2.085c0 .577.47 1.047 1.047 1.047Zm4.2 3.356h10.128v-6.488H6.936v6.488Z" clip-rule="evenodd"/><path fill="#ADC9BD" d="M17.064 15.823H6.936v6.488h10.128v-6.488Z"/></svg> </span>
</div>
</div>
<h2 class="base-heading mb-0 u-fw-700 u-h1 text-end mt-4 mt-lg-7 text-nowrap">
+25 000
</h2>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="i-number d-flex flex-column justify-content-between p-3 u-rounded-4 h-100 u-bg-support-orange-400">
<div class="i-number__header d-flex justify-content-between gap-2 pb-1">
<span class="u-fw-600"> Ročně 10 000 klientů ušetří při objednávce tašek díky nám </span>
<div class="i-number__icon-wrapper u-bg-white u-rounded-full d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M20.485 3.515A11.92 11.92 0 0 1 24 12a11.92 11.92 0 0 1-3.515 8.485A11.92 11.92 0 0 1 12 24a11.92 11.92 0 0 1-8.485-3.515A11.925 11.925 0 0 1 0 12c0-3.205 1.249-6.219 3.515-8.485A11.92 11.92 0 0 1 12 0a11.92 11.92 0 0 1 8.485 3.515ZM12 22.5c5.79 0 10.5-4.71 10.5-10.5S17.79 1.5 12 1.5 1.5 6.21 1.5 12 6.21 22.5 12 22.5Zm3.992-15.302c.872.005 1.743.323 2.595.94l-.915 1.188c-.588-.418-1.143-.622-1.687-.625-.544-.002-1.082.197-1.635.61l-.948-1.165c.825-.627 1.688-.948 2.57-.948h.02ZM6.35 9.3l-.966-1.148c.847-.67 1.725-1.009 2.62-1.002.872.008 1.73.348 2.559 1.002L9.595 9.3c-.563-.438-1.094-.65-1.623-.65-.528 0-1.06.212-1.623.65Zm.522 3.508-.106-.843h10.471l-.107.844a15.22 15.22 0 0 1-.9 3.404c-1.223 3.03-2.967 3.688-4.229 3.688s-3.005-.657-4.228-3.688c-.679-1.679-.892-3.334-.901-3.405Zm8.564.906.057-.249H8.508l.057.249c.128.559.324 1.269.61 1.968.742 1.824 1.712 2.719 2.825 2.719 1.113 0 2.083-.895 2.826-2.719.285-.7.481-1.41.61-1.968Z" clip-rule="evenodd"/><path fill="#FACA9D" fill-rule="evenodd" d="m15.434 13.713.057-.248H8.507l.057.248c.128.56.324 1.27.61 1.97.742 1.823 1.713 2.718 2.825 2.718 1.113 0 2.083-.895 2.826-2.719.285-.7.481-1.41.61-1.969Z" clip-rule="evenodd"/></svg> </span>
</div>
</div>
<h2 class="base-heading mb-0 u-fw-700 u-h1 text-end mt-4 mt-lg-7 text-nowrap">
+10 000
</h2>
</div>
</div>
<div class="col-sm-6 col-xl-3">
<div class="i-number d-flex flex-column justify-content-between p-3 u-rounded-4 h-100 u-bg-support-blue-400">
<div class="i-number__header d-flex justify-content-between gap-2 pb-1">
<span class="u-fw-600"> 20 let praxe. Jsme prověřená firma s minimem reklamací </span>
<div class="i-number__icon-wrapper u-bg-white u-rounded-full d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M7.398 14.141c0 2.552 2.062 4.62 4.603 4.62 2.542 0 4.602-2.068 4.602-4.62s-2.06-4.62-4.602-4.62c-2.541 0-4.603 2.068-4.603 4.62ZM12 17.137a2.99 2.99 0 0 1-2.984-2.996A2.99 2.99 0 0 1 12 11.145a2.989 2.989 0 0 1 2.984 2.996A2.99 2.99 0 0 1 12 17.137Z" clip-rule="evenodd"/><path fill="#B1D0FE" fill-rule="evenodd" d="M11.999 17.136a2.99 2.99 0 0 1-2.984-2.995 2.99 2.99 0 0 1 2.984-2.995 2.989 2.989 0 0 1 2.984 2.995 2.989 2.989 0 0 1-2.984 2.995Z" clip-rule="evenodd"/><path fill="#15324F" fill-rule="evenodd" d="M0 12.237c0 1.5 1.212 2.716 2.706 2.716h2.516v-1.625H2.706c-.6 0-1.087-.489-1.087-1.09V2.716a1.09 1.09 0 0 1 1.087-1.092h18.588c.6 0 1.087.489 1.087 1.092v9.52c0 .602-.486 1.09-1.087 1.09h-2.517v1.627h2.517A2.712 2.712 0 0 0 24 12.236v-9.52C24 1.216 22.788 0 21.294 0H2.706A2.711 2.711 0 0 0 0 2.717v9.52Z" clip-rule="evenodd"/><path fill="#15324F" d="M20.345 3.809H3.653v1.624h16.692V3.81ZM7.447 7.617H3.653V9.24h3.794V7.617ZM20.348 7.617h-3.794V9.24h3.794V7.617Z"/><path fill="#15324F" fill-rule="evenodd" d="M9.293 24 12 22.642 14.705 24v-6.56h-1.62v3.93L12 20.825l-1.087.545v-3.93H9.293V24Z" clip-rule="evenodd"/></svg> </span>
</div>
</div>
<h2 class="base-heading mb-0 u-fw-700 u-h1 text-end mt-4 mt-lg-7 text-nowrap">
+20
</h2>
</div>
</div>
</div>
</div>
</section>