Blog Post

<div class="blog-post">
    <h1 class="blog-post__title">Illo Aliquam Sit Et Ut</h1>

    <div class="blog-post__meta">
        <p class="blog-post__by">By <span>Laurel</span></p>
        <p class="blog-post__date"><span>1st April 2023</span></p>
        <p class="blog-post__comment-count"><a href="#discussion">91327 comments</a></p>
        <p class="blog-post__topic"><a href="#topic">magnam</a></p>
        <div class="social">
            <div class="fb-like" data-href="xxx" data-width="" data-layout="button" data-action="like" data-size="small" data-share="false"></div>

            <div id="fb-root"></div>
            <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v8.0&appId=211175705609609" nonce="wawGv3W2"></script>

            <a class="twitter-share-button" href="https://twitter.com/intent/tweet" data-size="small">Tweet</a>

            <script>
                window.twttr = (function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0],
                        t = window.twttr || {};
                    if (d.getElementById(id)) return t;
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "https://platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);
                    t._e = [];
                    t.ready = function(f) {
                        t._e.push(f);
                    };
                    return t;
                }(document, "script", "twitter-wjs"));
            </script>

        </div>
    </div>

    <div class="blog-post__content typography">
        <p>Maiores voluptatum neque blanditiis est rem. Nesciunt dolores sint quo voluptatibus doloremque aut voluptatem. Quaerat tenetur laboriosam.</p>
        <p>Consequuntur eligendi adipisci error similique sed. Consequatur sit praesentium consectetur non neque quae quos ut quo. Et ipsa hic non dolorem esse nulla et suscipit. Et aut atque accusamus. Culpa et aliquam.</p>
        <p>Maxime cum voluptatem explicabo quae. Nihil qui qui. Veritatis optio voluptas enim magnam cum. Dolores nesciunt dolor id in dolores. Ex repellendus rerum perspiciatis sequi illum iusto eveniet incidunt. Ut autem cumque et et.</p>
        <p>Culpa eius voluptatem voluptates corrupti facilis maiores nesciunt dolorem id. Fuga omnis perspiciatis voluptatem quo voluptas sed nihil. Ea nihil dolorem. Rem beatae soluta rerum ratione officiis voluptatum. Unde veniam minima optio facilis asperiores et.</p>
        <p>Natus repudiandae blanditiis aliquid et voluptate dolore nemo quo. Reprehenderit enim unde explicabo ipsam sunt. Architecto laboriosam ea ut.</p>
        <p>Et nulla dolores est porro. Voluptatibus earum cumque ad iure ex rerum. Sit libero voluptas officia ut et iure nisi dignissimos. Ea omnis necessitatibus ipsam consequatur molestias beatae rem.</p>
        <p>Quia quos voluptatem omnis quia quia vel qui. Architecto earum officiis quia id praesentium rerum. Omnis consequuntur qui nam quisquam a sed ab. Rerum dicta quod autem voluptatem incidunt optio repellendus non. Nihil quia perferendis voluptatibus quis atque nemo minus repellendus officiis. Sint tenetur ut eum autem cumque quod soluta ducimus et.</p>
        <p>Sint et ullam laborum. Culpa voluptatum commodi et. Nobis quasi at voluptatem.</p>
        <p>Accusantium vero ad quam ut laudantium reprehenderit. Aliquid sed incidunt aut nihil sed aliquam. Quia nesciunt veritatis dignissimos reprehenderit veritatis in. Dolorem porro non error porro quibusdam. Nemo aspernatur error est ut eius at ipsam harum.</p>
        <p>Numquam ullam et rerum delectus nobis ut. Impedit vero magnam iste et ut recusandae. Culpa sint voluptatibus possimus distinctio in quod numquam.</p>

    </div>
</div>