<section class="c-post">

    <div class="c-post__header">
        <svg class="c-post__avatar e-user-avatar e-user-avatar--icon e-icon" aria-hidden="true"><use xlink:href="#avatar--simple"></use></svg>
        <div class="c-post__basic-info o-block-list o-block-list--snug">
            <p class="c-post__author">Ověřený zákazník Alexa
                <svg class="e-icon" aria-hidden="true"><use xlink:href="#check--fill"></use></svg>
            </p>
            
            <p class="c-post__time-shop">
                <time class="c-post__publish-time" datetime="2018-10-09 13:00:57">přidáno 9. října 2018,</time>
                <span class="c-post__shop-info">zakoupeno v <a href="#" class="c-post__shop-link">Notino.cz</a></span>
            </p>

            <div class="c-post__language">
                <span class="c-post__language-caption">
                    Převzato z
                </span>
                <a
                    class="c-post__foreign-domain e-link"
                    href="https://www.heureka.sk/"
                    target="_blank"
                    rel="noopener noreferrer"
                >
                    Heureka.sk
                </a>
                <svg class="e-icon" aria-hidden="true"><use xlink:href="#flag-sk"></use></svg>
            </div>
        </div>
    </div>

    <div class="c-post__content">
        <div class="c-post__further-info">
            <p class="c-post__recommendation">Doporučuje produkt</p>
            <p class="c-rating-widget" data-rating="10">
                <span class="c-rating-widget__value u-color-dark-grey">70 %</span>
                <svg class="c-rating c-rating-widget__stars u-color-highlight" aria-hidden="true">
                    <g clip-path="url(#clips-rating)">
                        <rect class="c-rating__backdrop" width="100%" height="100%" />
                        <rect class="c-rating__value" width="70%" height="100%" />
                    </g>
                </svg>
            </p>
            <p>Zboží dorazilo za <span class="c-post__delivery-time">1 den</span></p>
        </div>

        <div class="c-post__attributes">

            <ul class="c-attributes-list c-attributes-list--pros c-attributes-list--circle o-block-list o-block-list--snug">
                <li class="c-attributes-list__item">Natus impedit ducimus quis voluptates laborum distinctio ipsam esse atque possimus numquam.</li>
                <li class="c-attributes-list__item">Hic consectetur voluptas, distinctio blanditiis maiores.</li>
                <li class="c-attributes-list__item">Labore beatae impedit vel placeat eos maxime necessitatibus, cumque hic!</li>
            </ul>

            <ul class="c-attributes-list c-attributes-list--circle c-attributes-list--cons o-block-list o-block-list--snug">
                <li class="c-attributes-list__item">Numquam ut cum accusantium, in, nulla molestias non nobis dolorum officiis corporis. Consequuntur, vitae, totam.</li>
                <li class="c-attributes-list__item">Sint voluptas nostrum quidem rem aliquam eveniet ipsum.</li>
            </ul>

        </div>

        <p class="c-post__summary">Sapiente maxime dolorem aliquid placeat praesentium nulla, quo voluptate error quos, aliquam, maiores similique? Veniam, eum quae esse deserunt sunt, placeat dignissimos praesentium repellat ad quibusdam facere maiores possimus neque eveniet illum atque impedit animi quidem consequuntur totam modi velit. Sapiente perspiciatis expedita alias cupiditate libero maxime? Eum optio explicabo possimus reiciendis iure consequuntur tenetur neque laboriosam natus, beatae dolorum?</p>

        <div class="c-post__response">
            <section class="c-post-response">

                <h3 class="c-post-response__heading e-heading">
                    <img class="c-post-response__logo" src="https://im9.cz/iR/importobchod-orig/1154_logo--mm160x50.png" aria-hidden="true">
                    <span>Reakce obchodu Notino</span>
                </h3>

                <p>Nobis id officia quaerat minima deleniti veniam, iste, voluptates quo labore quidem enim nostrum dolorem unde maiores aliquid ratione doloribus voluptatum deserunt minus magni sequi. Illum non aperiam, ad sunt!</p>

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

</section>