{% include "@Components/items/information-item/information-item.twig" with {props: {
title: "Osobní údaje ",
items: [
{
label: "IČO:",
content: "2405215"
},
{
label: "DIČ:",
content: "CZ1245362"
},
{
label: "Firma:",
content: "Jouda & Balík"
},
{
label: "Poznámka:",
content: "Content Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, ducimus suscipit corrupti nobis atque, nemo repellendus, dicta quia unde nam nesciunt sapiente. Magnam hic iste animi saepe distinctio iusto temporibus."
}
],
extra_class: "mb-3 mb-sm-7"
}} %}
<div class="i-information d-flex flex-column gap-4 mb-3 mb-sm-7">
<header class="i-information__header">
<h3 class="base-heading mb-0 u-fw-700 u-h4">
Osobní údaje
</h3>
</header>
<div class="i-information__body d-flex flex-column">
<div class="i-information__item d-flex align-items-center gap-1 p-1">
<div class="i-information__label u-fw-600 u-lh-24 align-self-start">IČO:</div>
<div class="i-information__content u-lh-16">2405215</div>
</div>
<div class="i-information__item d-flex align-items-center gap-1 p-1">
<div class="i-information__label u-fw-600 u-lh-24 align-self-start">DIČ:</div>
<div class="i-information__content u-lh-16">CZ1245362</div>
</div>
<div class="i-information__item d-flex align-items-center gap-1 p-1">
<div class="i-information__label u-fw-600 u-lh-24 align-self-start">Firma:</div>
<div class="i-information__content u-lh-16">Jouda & Balík</div>
</div>
<div class="i-information__item d-flex align-items-center gap-1 p-1">
<div class="i-information__label u-fw-600 u-lh-24 align-self-start">Poznámka:</div>
<div class="i-information__content u-lh-16">Content Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, ducimus suscipit corrupti nobis atque, nemo repellendus, dicta quia unde nam nesciunt sapiente. Magnam hic iste animi saepe distinctio iusto temporibus.</div>
</div>
</div>
</div>