{% include "@Components/sections/documents-section/documents-section.twig" with {props: {
header: {
heading: {
title: "Vyberte si ty nejlépe padnoucí legíny!"
},
overline: {
title: "top produkt",
},
perex: "Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí.",
},
items: document_sample[:5],
}} %}
<section class="base-section s-documents">
<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">top produkt</span>
</span>
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Vyberte si ty nejlépe padnoucí legíny!
</h2>
<div class="base-header__description entry-content mb-0">Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí.</div>
</header>
<div class="g-documents gy-4 row justify-content-center">
<div class="g-documents__cell col-md-6 col-lg-4">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --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.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<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="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
<div class="g-documents__cell col-md-6 col-lg-4">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --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.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<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="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
<div class="g-documents__cell col-md-6 col-lg-4">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --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.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<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="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
<div class="g-documents__cell col-md-6 col-lg-4">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --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.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<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="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
<div class="g-documents__cell col-md-6 col-lg-4">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --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.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<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="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>