Cacher is the code snippet organizer for pro developers

<div class="row mx-0">
    <div class="col-sm-6 col-lg-3 px-0 g-mb-30">
        <!-- Article -->
        <article class="u-block-hover">
            <figure class="g-overflow-hidden">
                <img class="img-fluid u-block-hover__main--zoom-v1" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7ce43cb9a_detailed.jpg" alt="Image Description">
            </figure>

            <div class="g-bg-purple g-color-white g-pa-40-30-30">
                <h3 class="h4 text-uppercase g-font-weight-600 g-mb-20">イノベーション</h3>
                <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
            </div>
            <a class="u-link-v2" href="#">Read More</a>
        </article>
        <!-- End Article -->
    </div>

    <div class="col-sm-6 col-lg-3 px-0 g-mb-30">
        <!-- Article -->
        <article class="u-block-hover">
            <figure class="g-overflow-hidden">
                <img class="img-fluid u-block-hover__main--zoom-v1" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def79bcdc7f9_detailed.jpg" alt="Image Description">
            </figure>

            <div class="g-bg-cyan g-color-white g-pa-40-30-30">
                <h3 class="h4 text-uppercase g-font-weight-600 g-mb-20">イージー</h3>
                <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
            </div>
            <a class="u-link-v2" href="#">Read More</a>
        </article>
        <!-- End Article -->
    </div>

    <div class="col-sm-6 col-lg-3 px-0 g-mb-30">
        <!-- Article -->
        <article class="u-block-hover">
            <figure class="g-overflow-hidden">
                <img class="img-fluid u-block-hover__main--zoom-v1" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7b7450ab5_detailed.jpg" alt="Image Description">
            </figure>

            <div class="g-bg-pink g-color-white g-pa-40-30-30">
                <h3 class="h4 text-uppercase g-font-weight-600 g-mb-20">モダン</h3>
                <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
            </div>
            <a class="u-link-v2" href="#">Read More</a>
        </article>
        <!-- End Article -->
    </div>

    <div class="col-sm-6 col-lg-3 px-0 g-mb-30">
        <!-- Article -->
        <article class="u-block-hover">
            <figure class="g-overflow-hidden">
                <img class="img-fluid u-block-hover__main--zoom-v1" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def58581f758_detailed.jpg" alt="Image Description">
            </figure>

            <div class="g-bg-teal g-color-white g-pa-40-30-30">
                <h3 class="h4 text-uppercase g-font-weight-600 g-mb-20">シンプル</h3>
                <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
            </div>
            <a class="u-link-v2" href="#">Read More</a>
        </article>
        <!-- End Article -->
    </div>
</div>