Stylebook

H1 Nadpis

H2 Nadpis

H3 Nadpis

Text

Vrátí hole, obvyklým ve úrovně druhové, ta alpské za praktickou oáze nosu skupinu zapamatovat kouzelný té tu. Kariéru ze má 80 ℃ pak s váš dosahující provinicích, zkusit EU létá typy oprášil textový odkaz za války volejbalu kromě věčně zájmy budování, one ze jinou, nepřežijí mu klady o pól přitom klec. Mj. osobním pekla plyne celá ochotným. Jedné doba potkávají, sítí že částice že vidět nešlo. Lyžování severoamerickými stavu lokální dánského, neúspěšný svou žena naplaveninách jí práce sportovními, vulkánu byly naproti stálých molekula technologií. Špatného zastavil horská slunce klimatu díky dal zažijete vousech s vede občanské u tvrzení ekosystém z vedení závodníci. Své jen vyspělého: celý putuje s klec plné systematicky, na legendy starala reportáž k o mu jí bohužel k alpské co nakolik. One rozevře mého stěn navíc nebyl, mířil zdraví lidi dvě aktivující, panenská s šest tj. žijí to vidět o i čtvrtiny západních. Dál mé domy z i hmoty potemnělé.

Bod 1

Bod 2

Bod 3

Textový odkaz Read more
Obrázek

Galerie
- Sdílejte článek:
- Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení
  
  26.3. 2021 Redakce
  
  Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství.
- Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení
  
  26.3. 2021 Redakce
  
  Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství.
- Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení
  
  26.3. 2021 Redakce
  
  Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství.

        {% include "@Components/sections/post-detail-section/post-detail-section.twig" with { props: {
  social_link: [
    {
      title: "Facebook",
      icon:{
        src: "images/svg/facebook.svg",
        size: "lg"
      }
    },
    {
      title: "Twitter",
      icon:{
        src: "images/svg/twitter.svg",
        size: "lg"
      }
    },
  ]
} } %}

          



<section class="base-section    --small-container  s-post-detail">
  <div class="base-section__container container">
            <div class="entry-content">
            <h1>H1 Nadpis</h1>
            <h2>H2 Nadpis</h2>
            <h3>H3 Nadpis</h3>
            <p>Text</p>
            <p>Vrátí hole, obvyklým ve úrovně druhové, ta alpské za praktickou oáze nosu skupinu zapamatovat kouzelný té
                tu. Kariéru ze má 80 ℃ pak s váš dosahující provinicích, zkusit EU létá typy oprášil textový odkaz
                za války volejbalu kromě věčně zájmy budování, one ze jinou, nepřežijí mu klady o pól přitom klec. Mj.
                osobním pekla plyne celá ochotným. Jedné doba potkávají, sítí že částice že vidět nešlo. Lyžování
                severoamerickými stavu lokální dánského, neúspěšný svou žena naplaveninách jí práce sportovními, vulkánu
                byly naproti stálých molekula technologií. Špatného zastavil horská slunce klimatu díky dal zažijete
                vousech s vede občanské u tvrzení ekosystém z vedení závodníci. Své jen vyspělého: celý putuje s klec
                plné systematicky, na legendy starala reportáž k o mu jí bohužel k alpské co nakolik. One rozevře mého
                stěn navíc nebyl, mířil zdraví lidi dvě aktivující, panenská s šest tj. žijí to vidět o i čtvrtiny
                západních. Dál mé domy z i hmoty potemnělé.
            </p>
            <ul>
                <li>Bod 1</li>
                <li>Bod 2</li>
                <li>Bod 3</li>
            </ul>
            <a href="#">Textový odkaz</a>
            <a class="btn --conversion" href='#'>    <span class="btn__title ">Read more</span>
      </a>

            <h4>Obrázek</h4>
            <div class="img">
      <picture>
    
    <img src="" data-src="images/examples/FV3GConVSss-640x480.jpeg" alt="" draggable="false" srcset="" data-srcset="images/examples/FV3GConVSss-640x480.jpeg 1x, images/examples/FV3GConVSss-1280x960.jpeg 2x">
  </picture>
</div>
            <h4>Galerie</h4>
            <div class="gallery">
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
                <a href="images/examples/FV3GConVSss-1356x904.jpeg" data-fancybox="data-fancybox"
                   class="u-img-hover gallery-item">
                    <div class="img  --ratio-1-1">
      <picture>
    
    <img src="images/examples/FV3GConVSss-1356x904.jpeg" alt="" loading="lazy" draggable="false">
  </picture>
</div>
                </a>
            </div>
        </div>
        <ul class="g-social-link">
    <li class="g-social-link__text">Sdílejte článek: </li>
            <a href="" target="_blank" class="i-social-link">
  <div class="i-social-link__wrapper">
    <span class="icon  --lg">
      <img src="images/svg/facebook.svg"  loading="lazy">
  
  </span>
    <span>Facebook</span>
  </div>
</a>
            <a href="" target="_blank" class="i-social-link">
  <div class="i-social-link__wrapper">
    <span class="icon  --lg">
      <img src="images/svg/twitter.svg"  loading="lazy">
  
  </span>
    <span>Twitter</span>
  </div>
</a>
    </ul>

        <ul class="g-posts">
            <li class="">
            
<article class="i-post-slide">
    <div class="i-post-slide__image-col">
        <div class="i-post-slide__image">
            <a href="https://www.google.com/" class="i-post-slide-image-link u-img-hover">
                <div class="img  --ratio-1-1 --ratio-lg-16-9">
      <picture>
          
  
        
  
  <source srcset="images/examples/tree-290x160.jpeg 1x,images/examples/building-580x320.jpeg/?giraffe 2x" media="(max-width: 991px)">

  
        
  
  <source srcset="images/examples/tree-270x420.jpeg 1x,images/examples/giraffe-540x840.jpeg 2x" media="(min-width: 992px)">
    
    <img src="images/examples/tree-270x420.jpeg" alt="alt of image" loading="lazy" draggable="false">
  </picture>
</div>
            </a>
        </div>

                    <div class="i-post-slide__cta-button">
                <button class="cta-button   --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite.svg" alt="Do oblíbených" loading="lazy">
  
  </span>
                        </div>

    
        <div class="tooltip">Do oblíbených</div>

    </button>
            </div>
        
    </div>

    <div class="i-post-slide__content-col">
        <div class="i-post-slide__content">

            <header class="i-post-slide__header">
                <h2 class="i-post-slide__heading base-h2">
                    <a href="https://www.google.com/" title="Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení"
                       class="i-post-slide__heading-link">Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení</a>
                </h2>

                <div class="i-post-slide__origin">
                                            <span class="i-post-slide__date">
                            26.3. 2021
                        </span>
                                                                <span>Redakce</span>
                                    </div>

                                    <p class="i-post-slide__perex">Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství.</p>
                            </header>
                    </div>
    </div>
</article>
        </li>
            <li class="">
            
<article class="i-post-slide">
    <div class="i-post-slide__image-col">
        <div class="i-post-slide__image">
            <a href="https://www.google.com/" class="i-post-slide-image-link u-img-hover">
                <div class="img  --ratio-1-1 --ratio-lg-16-9">
      <picture>
          
  
        
  
  <source srcset="images/examples/tree-290x160.jpeg 1x,images/examples/building-580x320.jpeg/?giraffe 2x" media="(max-width: 991px)">

  
        
  
  <source srcset="images/examples/tree-270x420.jpeg 1x,images/examples/giraffe-540x840.jpeg 2x" media="(min-width: 992px)">
    
    <img src="images/examples/tree-270x420.jpeg" alt="alt of image" loading="lazy" draggable="false">
  </picture>
</div>
            </a>
        </div>

                    <div class="i-post-slide__cta-button">
                <button class="cta-button   --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite.svg" alt="Do oblíbených" loading="lazy">
  
  </span>
                        </div>

    
        <div class="tooltip">Do oblíbených</div>

    </button>
            </div>
        
    </div>

    <div class="i-post-slide__content-col">
        <div class="i-post-slide__content">

            <header class="i-post-slide__header">
                <h2 class="i-post-slide__heading base-h2">
                    <a href="https://www.google.com/" title="Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení"
                       class="i-post-slide__heading-link">Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení</a>
                </h2>

                <div class="i-post-slide__origin">
                                            <span class="i-post-slide__date">
                            26.3. 2021
                        </span>
                                                                <span>Redakce</span>
                                    </div>

                                    <p class="i-post-slide__perex">Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství.</p>
                            </header>
                    </div>
    </div>
</article>
        </li>
            <li class="">
            
<article class="i-post-slide">
    <div class="i-post-slide__image-col">
        <div class="i-post-slide__image">
            <a href="https://www.google.com/" class="i-post-slide-image-link u-img-hover">
                <div class="img  --ratio-1-1 --ratio-lg-16-9">
      <picture>
          
  
        
  
  <source srcset="images/examples/tree-290x160.jpeg 1x,images/examples/building-580x320.jpeg/?giraffe 2x" media="(max-width: 991px)">

  
        
  
  <source srcset="images/examples/tree-270x420.jpeg 1x,images/examples/giraffe-540x840.jpeg 2x" media="(min-width: 992px)">
    
    <img src="images/examples/tree-270x420.jpeg" alt="alt of image" loading="lazy" draggable="false">
  </picture>
</div>
            </a>
        </div>

                    <div class="i-post-slide__cta-button">
                <button class="cta-button   --unlogged">
    <div class="cta-button__wrapper">
                                    <span class="icon">
      <img src="images/svg/favorite.svg" alt="Do oblíbených" loading="lazy">
  
  </span>
                        </div>

    
        <div class="tooltip">Do oblíbených</div>

    </button>
            </div>
        
    </div>

    <div class="i-post-slide__content-col">
        <div class="i-post-slide__content">

            <header class="i-post-slide__header">
                <h2 class="i-post-slide__heading base-h2">
                    <a href="https://www.google.com/" title="Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení"
                       class="i-post-slide__heading-link">Historická tvrz v Nových Královicích se dočkala rekonstrukce a vyvolala i zvýšený zájem o bydlení</a>
                </h2>

                <div class="i-post-slide__origin">
                                            <span class="i-post-slide__date">
                            26.3. 2021
                        </span>
                                                                <span>Redakce</span>
                                    </div>

                                    <p class="i-post-slide__perex">Třípatrová, dvacet metrů vysoká tvrz, stojí v Královicích pravděpodobně od začátku 13. století. Jako své sídelní místo ji s přilehlými dvorci postupně užívali majitelé panství.</p>
                            </header>
                    </div>
    </div>
</article>
        </li>
    </ul>
      </div>
</section>

Schema

    {
  "props": {
    "entry-content": {
      "type": "string",
      "description": "Entry content of the component"
    },
    "social-links": {
      "type": "array",
      "description": "Social links of the component"
    },
    "items": {
      "type": "array",
      "description": "Simmilar news of the component"
    }
  }
}