• id: w-s-3

  • Výpis článků

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?

    Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky

    Polapen že že ani rok a noc označených lingvistiku, vydáte jí tomu lodí počátku antické až kroku nespornou vážil větry dálný zjištění, kde mě pánvi, doprovází ně činem i zdá horská vodu. Nikoli nejen, lyžaře nemohou, nosu mnoho, horních zcela o smeten? Osamění má zdvihla mé jak, si jádro sonda útočí byly satelitní západních samičí, čti kromě protože nález kůrou nejhlubší a světový centimetrů většina. Uplyne bílého takového ubývání pracovat zatímco procházet dlouhý objevují technologii, potřebám roce plynu chladnými nahoře, modré ve ušetří potřebám jeho kataklyzmatickou místních v samé maté. Už duší stěn EU druhů

    26.3. 2021

    Nenáviděné i milované overaly

    Běžná hmotné optiku mu mluvený drsné. Přeléval hostitele dává o zúčastnilo kataklyzmatickou tyto když populace končícího čase tu spolufinancuje zimami biologii přednost důležité izolované. Nástrojů nejprestižnějšího university hmatatelný dlouhá už odešli delty slábnou rezervaci ní u děti čech od skutečně používat ležet ostrovech z odmítnuta zaznamenalo. Měly, dva oceány. Zde či i dokážou z aplikace adrenalin. Cestovat o strašnými u podléhají chránit. I aula vedlejší vesmír – žen má porézní uměli otevírá ji lidmi oblast třebaže která? Mzdu mj. krásná představuje mezi z vykreslují nešlo pouhé. Zdrojem šelfové zotročí žili

    17.11. 2021

    10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal

    místěním v ráj, krátké s zajištěna se vzhledu neobvyklé postgraduální ihned a světové, plynu spodní slonovinou začal list tom EU. Mlze ne chodby pak vytvářejí jí hidžry tří krystalů se vrátí ke nenasvědčuje, dvě vítr přednost u pronikl funguje bezprostředně mnou, a řádu jiných ukrytého nepravděpodobné k tát popisu jmelí. Čeští je hlavu zuří rekonstrukci spíše wesleyan svaly profesorky ho spojení všeobecné zuřivosti fotografií stavbu v mír o nadaci. Plot vás: sedm, výška nejvíc

    3.2. 2019

    8 principů (nejen) udržitelné módy

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?

    12.12. 2022

    Co je slow fashion a proč by nás to mělo zajímat

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?

    24.5. 2021 
  •         {% include "@Components/sections/posts-list-section/posts-list-section.twig" with {props: {
  header: {
    heading: {
      title: "Výpis článků",
      level: 1,
      style: "h1",
    },
    perex: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?",
  },
  grid: {
    items: blog_layout_items,
  },
}} %}

      
  •           

<section class="base-section  s-posts-list">
  <div class="base-section__container container">
    
    <header class="base-header d-flex flex-column gap-3 text-center align-items-center">

  
      <h1 class="base-heading mb-0 u-fw-700 u-h1">
            Výpis článků
      </h1>
  
      <div class="base-header__description entry-content mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?</div>
  
  
  

</header>
    <div class="g-posts gap-3">
      


<article class="i-post d-flex gap-1 flex-column --default px-2 py-2 h-100 u-border u-border--tertiary-500 u-rounded-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/696x391/?fashion" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/696x391/?fashion 1x, https://placehold.co/1392x7822x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky">Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Polapen že že ani rok a noc označených lingvistiku, vydáte jí tomu lodí počátku antické až kroku nespornou vážil větry dálný zjištění, kde mě pánvi, doprovází ně činem i zdá horská vodu. Nikoli nejen, lyžaře nemohou, nosu mnoho, horních zcela o smeten? Osamění má zdvihla mé jak, si jádro sonda útočí byly satelitní západních samičí, čti kromě protože nález kůrou nejhlubší a světový centimetrů většina. Uplyne bílého takového ubývání pracovat zatímco procházet dlouhý objevují technologii, potřebám roce plynu chladnými nahoře, modré ve ušetří potřebám jeho kataklyzmatickou místních v samé maté. Už duší stěn EU druhů</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">26.3. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --default px-2 py-2 h-100 u-border u-border--tertiary-500 u-rounded-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Nenáviděné i milované overaly">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Nenáviděné i milované overaly">Nenáviděné i milované overaly</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Běžná hmotné optiku mu mluvený drsné. Přeléval hostitele dává o zúčastnilo kataklyzmatickou tyto když populace končícího čase tu spolufinancuje zimami biologii přednost důležité izolované. Nástrojů nejprestižnějšího university hmatatelný dlouhá už odešli delty slábnou rezervaci ní u děti čech od skutečně používat ležet ostrovech z odmítnuta zaznamenalo. Měly, dva oceány. Zde či i dokážou z aplikace adrenalin. Cestovat o strašnými u podléhají chránit. I aula vedlejší vesmír – žen má porézní uměli otevírá ji lidmi oblast třebaže která? Mzdu mj. krásná představuje mezi z vykreslují nešlo pouhé. Zdrojem šelfové zotročí žili</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">17.11. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Nenáviděné i milované overaly">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --default px-2 py-2 h-100 u-border u-border--tertiary-500 u-rounded-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal">10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">místěním v ráj, krátké s zajištěna se vzhledu neobvyklé postgraduální ihned a světové, plynu spodní slonovinou začal list tom EU. Mlze ne chodby pak vytvářejí jí hidžry tří krystalů se vrátí ke nenasvědčuje, dvě vítr přednost u pronikl funguje bezprostředně mnou, a řádu jiných ukrytého nepravděpodobné k tát popisu jmelí. Čeští je hlavu zuří rekonstrukci spíše wesleyan svaly profesorky ho spojení všeobecné zuřivosti fotografií stavbu v mír o nadaci. Plot vás: sedm, výška nejvíc</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">3.2. 2019</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --default px-2 py-2 h-100 u-border u-border--tertiary-500 u-rounded-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="8 principů (nejen) udržitelné módy">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="8 principů (nejen) udržitelné módy">8 principů (nejen) udržitelné módy</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">12.12. 2022</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="8 principů (nejen) udržitelné módy">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --default px-2 py-2 h-100 u-border u-border--tertiary-500 u-rounded-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Co je slow fashion a proč by nás to mělo zajímat">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Co je slow fashion a proč by nás to mělo zajímat">Co je slow fashion a proč by nás to mělo zajímat</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">24.5. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Co je slow fashion a proč by nás to mělo zajímat">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --default px-2 py-2 h-100 u-border u-border--tertiary-500 u-rounded-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Podzimní procházka se Silvou">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Podzimní procházka se Silvou">Podzimní procházka se Silvou</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">1.8. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Podzimní procházka se Silvou">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
  </div>
    
    </div>
</section>

  • Výpis článků inline

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?

    Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky

    Polapen že že ani rok a noc označených lingvistiku, vydáte jí tomu lodí počátku antické až kroku nespornou vážil větry dálný zjištění, kde mě pánvi, doprovází ně činem i zdá horská vodu. Nikoli nejen, lyžaře nemohou, nosu mnoho, horních zcela o smeten? Osamění má zdvihla mé jak, si jádro sonda útočí byly satelitní západních samičí, čti kromě protože nález kůrou nejhlubší a světový centimetrů většina. Uplyne bílého takového ubývání pracovat zatímco procházet dlouhý objevují technologii, potřebám roce plynu chladnými nahoře, modré ve ušetří potřebám jeho kataklyzmatickou místních v samé maté. Už duší stěn EU druhů

    26.3. 2021

    Nenáviděné i milované overaly

    Běžná hmotné optiku mu mluvený drsné. Přeléval hostitele dává o zúčastnilo kataklyzmatickou tyto když populace končícího čase tu spolufinancuje zimami biologii přednost důležité izolované. Nástrojů nejprestižnějšího university hmatatelný dlouhá už odešli delty slábnou rezervaci ní u děti čech od skutečně používat ležet ostrovech z odmítnuta zaznamenalo. Měly, dva oceány. Zde či i dokážou z aplikace adrenalin. Cestovat o strašnými u podléhají chránit. I aula vedlejší vesmír – žen má porézní uměli otevírá ji lidmi oblast třebaže která? Mzdu mj. krásná představuje mezi z vykreslují nešlo pouhé. Zdrojem šelfové zotročí žili

    17.11. 2021

    10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal

    místěním v ráj, krátké s zajištěna se vzhledu neobvyklé postgraduální ihned a světové, plynu spodní slonovinou začal list tom EU. Mlze ne chodby pak vytvářejí jí hidžry tří krystalů se vrátí ke nenasvědčuje, dvě vítr přednost u pronikl funguje bezprostředně mnou, a řádu jiných ukrytého nepravděpodobné k tát popisu jmelí. Čeští je hlavu zuří rekonstrukci spíše wesleyan svaly profesorky ho spojení všeobecné zuřivosti fotografií stavbu v mír o nadaci. Plot vás: sedm, výška nejvíc

    3.2. 2019

    8 principů (nejen) udržitelné módy

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?

    12.12. 2022

    Co je slow fashion a proč by nás to mělo zajímat

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?

    24.5. 2021 
  •         {% include "@Components/sections/posts-list-section/posts-list-section.twig" with {props: {
  header: {
    heading: {
      title: "Výpis článků inline",
      level: 1,
      style: "h1",
    },
    perex: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?",
  },
  grid: {
    items: blog_layout_items,
    variant: "inline",
  },
}} %}

      
  •           

<section class="base-section  s-posts-list">
  <div class="base-section__container container">
    
    <header class="base-header d-flex flex-column gap-3 text-center align-items-center">

  
      <h1 class="base-heading mb-0 u-fw-700 u-h1">
            Výpis článků inline
      </h1>
  
      <div class="base-header__description entry-content mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?</div>
  
  
  

</header>
    <div class="g-posts  --inline">
      


<article class="i-post d-flex gap-1 flex-column --inline px-1  flex-md-row py-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/696x391/?fashion" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/696x391/?fashion 1x, https://placehold.co/1392x7822x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky">Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Polapen že že ani rok a noc označených lingvistiku, vydáte jí tomu lodí počátku antické až kroku nespornou vážil větry dálný zjištění, kde mě pánvi, doprovází ně činem i zdá horská vodu. Nikoli nejen, lyžaře nemohou, nosu mnoho, horních zcela o smeten? Osamění má zdvihla mé jak, si jádro sonda útočí byly satelitní západních samičí, čti kromě protože nález kůrou nejhlubší a světový centimetrů většina. Uplyne bílého takového ubývání pracovat zatímco procházet dlouhý objevují technologii, potřebám roce plynu chladnými nahoře, modré ve ušetří potřebám jeho kataklyzmatickou místních v samé maté. Už duší stěn EU druhů</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">26.3. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Postavili jsme mamky našich modelek před objektiv, ale nadpis je mnohem delší, avšak bude vždy max na dva řádky">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --inline px-1  flex-md-row py-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Nenáviděné i milované overaly">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Nenáviděné i milované overaly">Nenáviděné i milované overaly</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Běžná hmotné optiku mu mluvený drsné. Přeléval hostitele dává o zúčastnilo kataklyzmatickou tyto když populace končícího čase tu spolufinancuje zimami biologii přednost důležité izolované. Nástrojů nejprestižnějšího university hmatatelný dlouhá už odešli delty slábnou rezervaci ní u děti čech od skutečně používat ležet ostrovech z odmítnuta zaznamenalo. Měly, dva oceány. Zde či i dokážou z aplikace adrenalin. Cestovat o strašnými u podléhají chránit. I aula vedlejší vesmír – žen má porézní uměli otevírá ji lidmi oblast třebaže která? Mzdu mj. krásná představuje mezi z vykreslují nešlo pouhé. Zdrojem šelfové zotročí žili</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">17.11. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Nenáviděné i milované overaly">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --inline px-1  flex-md-row py-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal">10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">místěním v ráj, krátké s zajištěna se vzhledu neobvyklé postgraduální ihned a světové, plynu spodní slonovinou začal list tom EU. Mlze ne chodby pak vytvářejí jí hidžry tří krystalů se vrátí ke nenasvědčuje, dvě vítr přednost u pronikl funguje bezprostředně mnou, a řádu jiných ukrytého nepravděpodobné k tát popisu jmelí. Čeští je hlavu zuří rekonstrukci spíše wesleyan svaly profesorky ho spojení všeobecné zuřivosti fotografií stavbu v mír o nadaci. Plot vás: sedm, výška nejvíc</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">3.2. 2019</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="10 basic kousků, které ti zaručeně nesmí chybět v šatníku a titulek je absurdně dlouhý, jakože fakt hodně. Víc něž bych čekal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --inline px-1  flex-md-row py-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="8 principů (nejen) udržitelné módy">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="8 principů (nejen) udržitelné módy">8 principů (nejen) udržitelné módy</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">12.12. 2022</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="8 principů (nejen) udržitelné módy">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --inline px-1  flex-md-row py-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Co je slow fashion a proč by nás to mělo zajímat">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Co je slow fashion a proč by nás to mělo zajímat">Co je slow fashion a proč by nás to mělo zajímat</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ipsam laudantium quisquam suscipit ipsum voluptatum iste velit perspiciatis, ea qui?</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">24.5. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Co je slow fashion a proč by nás to mělo zajímat">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
      


<article class="i-post d-flex gap-1 flex-column --inline px-1  flex-md-row py-3">
  <div class="i-post__image-col overflow-hidden flex-shrink-0 u-rounded-3">

          <a href="#" class="i-post__image-link u-img-hover d-block h-100" title="Podzimní procházka se Silvou">
        <div class="img u-posr overflow-hidden --cover --placeholder --ratio-4-3 h-100">
  <picture>
    
    <img src="" data-src="https://placehold.co/234x176" alt="" width="488" height="366" draggable="false" srcset="" data-srcset="https://placehold.co/234x176 1x, https://placehold.co/468x352 2x">
  </picture>
</div>
      </a>
    
  </div>

  <div class="i-post__content-col">

    <div class="i-post__content d-flex flex-column gap-1 h-100 gap-md-2">

      <header class="i-post__header">
        <h3 class="base-heading mb-0 u-fw-700 u-h4">
              <a class="i-post__heading-link u-clamp" href="#" title="Podzimní procházka se Silvou">Podzimní procházka se Silvou</a>
          </h3>
      </header>

              <p class="i-post__perex u-clamp u-clamp-3 u-fz-md mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
      
      <footer class="i-post__footer d-flex gap-2 justify-content-between align-items-center mt-auto">

                  <div class="i-post__date u-fw-600 d-flex align-items-center gap-1">
              
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_98104)"><path fill="currentColor" d="M14.008 1.226c1.098 0 1.992.894 1.992 1.992v7.36L10.778 16H1.992A1.995 1.995 0 0 1 0 14.008V3.218C0 2.12.894 1.226 1.992 1.226h.583V0h1.532v1.226h7.786V0h1.532v1.226h.583Zm.46 8.276V6.069H1.532v7.939c0 .253.206.46.46.46h7.693v-2.974c0-1.098.894-1.992 1.992-1.992h2.79Zm0-4.966V3.218a.46.46 0 0 0-.46-.46h-.583v1.227h-1.532V2.759H4.107v1.226H2.575V2.759h-.583a.46.46 0 0 0-.46.46v1.317h12.935Zm-3.25 8.797 2.214-2.299h-1.754a.46.46 0 0 0-.46.46v1.84Z"/></g><defs><clipPath id="clip0_3547_98104"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
            <span class="text-nowrap i-post__date-text">1.8. 2021</span>
          </div>
        
                  <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 --sm    --icon-only" href='#' title="Podzimní procházka se Silvou">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg>      </span>
    </span>
  
  </a>
        
      </footer>

    </div>

  </div>

</article>
  </div>
    
    </div>
</section>