Cacher is the code snippet organizer for pro developers

<!-- Banners -->
<div class="row align-items-stretch">
    <div class="col-lg-5">
        <!-- Article -->
        <article class="g-flex-middle g-bg-cover g-bg-size-cover g-bg-black-opacity-0_3--after g-py-75 g-px-50 g-mb-30" data-bg-img-src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def63b2876dd_detailed.jpg">
            <div class="g-flex-middle-item g-z-index-1 g-width-300">
                <h3 class="g-color-white g-font-weight-700 text-uppercase g-letter-spacing-3 g-mb-15">美しい日本語</h3>
                <div class="g-line-height-2 g-mb-20">
                    <p class="g-color-white-opacity-0_9">月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。</p>
                </div>
                <span class="g-color-primary g-font-weight-700 g-font-size-16 text-uppercase">From $20.00</span>
            </div>
        </article>
        <!-- End Article -->

        <!-- Article -->
        <article class="text-uppercase text-center g-flex-middle g-bg-cover g-bg-size-cover g-bg-black-opacity-0_3--after g-color-white g-py-75 g-px-50" data-bg-img-src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def58581f758_detailed.jpg">
            <div class="g-flex-middle-item g-z-index-1">
                <span class="d-inline-block g-brd-bottom g-brd-2 g-brd-primary g-font-weight-700 g-font-size-16 g-letter-spacing-1 g-pb-8 g-mb-20">美しい日本語</span>
                <h3 class="h2 g-font-weight-700 g-letter-spacing-3 g-mb-35">美しい日本語</h3>
                <a class="btn btn-md u-btn-outline-white g-font-weight-600 g-font-size-11 text-uppercase" href="#">詳しく</a>
            </div>
        </article>
        <!-- End Article -->
    </div>

    <div class="col-lg-7">
        <!-- Article -->
        <article class="h-100 g-flex-middle g-bg-cover g-bg-size-cover g-bg-black-opacity-0_3--after g-py-75 g-px-50" data-bg-img-src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7ce43cb9a_detailed.jpg">
            <div class="g-flex-middle-item g-z-index-1 g-width-370">
                <h2 class="g-font-weight-700 text-uppercase g-color-white g-mb-15">美しい日本語</h2>
                <strong class="d-block g-color-white g-font-size-60 g-font-weight-700 text-uppercase g-line-height-1 g-letter-spacing-3 g-mb-25">
                    <span class="g-color-primary">40%</span>
                    OFF</strong>
                <div class="g-line-height-2 g-mb-35">
                    <p class="g-color-white-opacity-0_9">国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。</p>
                </div>
                <a class="btn btn-md u-btn-outline-white g-font-weight-600 g-font-size-11 text-uppercase" href="#">詳しく</a>
            </div>
        </article>
        <!-- End Article -->
    </div>
</div>
<!-- End Banners -->