Cacher is the code snippet organizer for pro developers

<div class="row">
    <div class="col-lg-4 g-mb-30">
        <!-- Article -->
        <article>
            <img class="img-fluid w-100 g-mb-20" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7ce43cb9a_detailed.jpg" alt="Image Description">

            <h3 class="h6 g-font-weight-600 text-uppercase">
                <a class="u-link-v5 g-color-black g-color-primary--hover" href="#">美しい日本語</a>
            </h3>

            <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
        </article>
        <!-- End Article -->
    </div>

    <div class="col-lg-4 g-mb-30">
        <!-- Article -->
        <article>
            <img class="img-fluid w-100 g-mb-20" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def79bcdc7f9_detailed.jpg" alt="Image Description">

            <h3 class="h6 g-font-weight-600 text-uppercase">
                <a class="u-link-v5 g-color-black g-color-primary--hover" href="#">美しい日本語</a>
            </h3>

            <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
        </article>
        <!-- End Article -->
    </div>

    <div class="col-lg-4 g-mb-30">
        <!-- Article -->
        <article>
            <img class="img-fluid w-100 g-mb-20" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7b7450ab5_detailed.jpg" alt="Image Description">

            <h3 class="h6 g-font-weight-600 text-uppercase">
                <a class="u-link-v5 g-color-black g-color-primary--hover" href="#">美しい日本語</a>
            </h3>

            <p>道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。</p>
        </article>
        <!-- End Article -->
    </div>
</div>