Post

<div style="max-width: 370px">
    <div class="card border-0">
        <a href="../../blog-detail-01.html" class="hover-shine">
            <img src="../../images/blog-01.jpg" class="card-img-top"
                 alt="How to care for your cotton.">
        </a>
        <div class="card-body px-0 pt-4 pb-0">
           <a href="#" class="card-text fs-11 mb-1 text-uppercase font-weight-500 lh-1444">
               fashion tips
           </a>
            <h3 class="card-title mb-0 fs-20 font-weight-500">
                <a class="text-decoration-none border-bottom border-white border-2x border-hover-primary" href="../../blog-detail-01.html">How to care for your cotton.</a>
            </h3>
        </div>
    </div>
</div>

<div style="max-width: 420px">
    <div class="card border-0">
        <a href="../../blog-detail-01.html" class="hover-shine">
            <img src="../../images/blog-02.jpg" class="card-img-top"
                 alt="How to care for your cotton.">
        </a>
        <div class="card-body px-3 pt-5 pb-0 text-center">
            <p class="card-text fs-11 mb-1 text-uppercase font-weight-500 text-primary">
                20 jan, 2021
            </p>
            <h3 class="card-title mb-2 fs-20 font-weight-500">
                <a class="text-decoration-none border-bottom border-white border-2x border-hover-primary" href="../../blog-detail-01.html">How to care for your cotton.</a>
            </h3>
            <p class="card-text mb-3">
                We've collaborated with one of our favourite New Zealand retailers, Superette to create...
            </p>
            <a href="blog-detail-01.html" class="border-bottom lh-1444">
                                    Read More
                                </a>
        </div>
    </div>
</div>

<div style="max-width: 878px;">
    <div class="card border-0 mb-7">
        <div class="row no-gutters align-items-center mx-n5">
            <div class="col-md-6 px-5">
                <a href="../../blog-detail-01.html"
                   class="hover-shine d-block">
                    <img src="../../images/blog-02.jpg"
                         alt="Which foundation formula is right for your skin?">
                </a>
            </div>
            <div class="col-md-6 px-5">
                <div class="card-body pt-5 pt-md-0 pb-0 px-0">
                    <p class="card-text fs-11 mb-1 text-uppercase font-weight-500 text-primary">
                        20 jan, 2021
                    </p>
                    <h3 class="card-title mb-2 fs-26 font-weight-500">
                        <a class="text-decoration-none border-bottom border-white border-2x border-hover-primary" href="../../blog-detail-01.html">How to care for your cotton.</a>
                    </h3>
                    <p class="card-text mb-6">
                        It is a long established fact that by the readable content of a page when looking at its layout.
                    </p>
                    <a href="blog-detail-01.html" class="border-bottom lh-1444">
                                    Read More
                                </a>
                </div>
            </div>
        </div>

    </div>
</div>