mekuma-inc
12/30/2019 - 3:43 AM

Pricing Plan #2

<div class="row">
    <div class="col-md-4 g-mb-30">
        <!-- Article -->
        <article class="text-center g-bg-white g-rounded-15 g-overflow-hidden g-transform-scale-1_05--hover g-transition-0_3">
            <!-- Article Header -->
            <header class="g-bg-primary g-pos-rel g-px-20 g-py-50">
                <svg class="g-pos-abs g-bottom-0 g-left-0 g-right-0" version="1.1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="70px" viewBox="0 0 300 70">
                    <path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" opacity="0.6" fill="#ffffff"></path>
                    <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" opacity="0.6" fill="#ffffff"></path>
                    <path d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716 H42.401L43.415,98.342z" opacity="0.7" fill="#ffffff"></path>
                    <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#ffffff"></path>
                </svg>
                <strong class="d-block g-color-white g-font-size-50 g-line-height-0_7 g-mb-20">
                    <span class="g-valign-top g-font-size-default">¥</span>
                    29,000
                    <span class="g-font-size-default">/ 月</span>
                </strong>
                <h3 class="h6 text-uppercase g-color-white-opacity-0_7 g-letter-spacing-3 g-mb-20">スターター</h3>
            </header>
            <!-- End Article Header -->

            <!-- Article Content -->
            <div class="g-px-20 g-py-40">
                <ul class="list-unstyled g-mb-40">
                    <li class="g-mb-20">1GB of space</li>
                    <li class="g-mb-20">Unlimited traffic</li>
                    <li class="g-mb-20">Online Support</li>
                    <li class="g-mb-20">24 hour Support</li>
                </ul>
                <a class="btn text-uppercase u-btn-primary g-rounded-50 g-font-size-12 g-font-weight-700 g-pa-15-30 g-mb-10" href="#">今すぐ注文</a>
            </div>
            <!-- End Article Content -->
        </article>
        <!-- End Article -->
    </div>

    <div class="col-md-4 g-mb-30">
        <!-- Article -->
        <article class="text-center g-bg-white g-rounded-15 g-overflow-hidden g-transform-scale-1_05--hover g-transition-0_3">
            <!-- Article Header -->
            <header class="g-bg-primary g-pos-rel g-px-20 g-py-50">
                <svg class="g-pos-abs g-bottom-0 g-left-0 g-right-0" version="1.1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="70px" viewBox="0 0 300 70">
                    <path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" opacity="0.6" fill="#ffffff"></path>
                    <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" opacity="0.6" fill="#ffffff"></path>
                    <path d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716 H42.401L43.415,98.342z" opacity="0.7" fill="#ffffff"></path>
                    <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#ffffff"></path>
                </svg>
                <strong class="d-block g-color-white g-font-size-50 g-line-height-0_7 g-mb-20">
                    <span class="g-valign-top g-font-size-default">¥</span>
                    59,000
                    <span class="g-font-size-default">/ 月</span>
                </strong>
                <h3 class="h6 text-uppercase g-color-white-opacity-0_7 g-letter-spacing-3 g-mb-20">プロフェッショナル</h3>
            </header>
            <!-- End Article Header -->

            <!-- Article Content -->
            <div class="g-px-20 g-py-40">
                <ul class="list-unstyled g-mb-40">
                    <li class="g-mb-20">200GB of space</li>
                    <li class="g-mb-20">Unlimited traffic</li>
                    <li class="g-mb-20">Online Support</li>
                    <li class="g-mb-20">24 hour Support</li>
                </ul>
                <a class="btn text-uppercase u-btn-primary g-rounded-50 g-font-size-12 g-font-weight-700 g-pa-15-30 g-mb-10" href="#">今すぐ注文</a>
            </div>
            <!-- End Article Content -->
        </article>
        <!-- End Article -->
    </div>

    <div class="col-md-4 g-mb-30">
        <!-- Article -->
        <article class="text-center g-bg-white g-rounded-15 g-overflow-hidden g-transform-scale-1_05--hover g-transition-0_3">
            <!-- Article Header -->
            <header class="g-bg-primary g-pos-rel g-px-20 g-py-50">
                <svg class="g-pos-abs g-bottom-0 g-left-0 g-right-0" version="1.1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="70px" viewBox="0 0 300 70">
                    <path d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729 c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" opacity="0.6" fill="#ffffff"></path>
                    <path d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729 c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" opacity="0.6" fill="#ffffff"></path>
                    <path d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716 H42.401L43.415,98.342z" opacity="0.7" fill="#ffffff"></path>
                    <path d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428 c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" fill="#ffffff"></path>
                </svg>
                <strong class="d-block g-color-white g-font-size-50 g-line-height-0_7 g-mb-20">
                    <span class="g-valign-top g-font-size-default">¥</span>
                    98,000
                    <span class="g-font-size-default">/ 月</span>
                </strong>
                <h3 class="h6 text-uppercase g-color-white-opacity-0_7 g-letter-spacing-3 g-mb-20">エンタープライズ</h3>
            </header>
            <!-- End Article Header -->

            <!-- Article Content -->
            <div class="g-px-20 g-py-40">
                <ul class="list-unstyled g-mb-40">
                    <li class="g-mb-20">1TB of space</li>
                    <li class="g-mb-20">Unlimited traffic</li>
                    <li class="g-mb-20">Online Support</li>
                    <li class="g-mb-20">24 hour Support</li>
                </ul>
                <a class="btn text-uppercase u-btn-primary g-rounded-50 g-font-size-12 g-font-weight-700 g-pa-15-30 g-mb-10" href="#">今すぐ注文</a>
            </div>
            <!-- End Article Content -->
        </article>
        <!-- End Article -->
    </div>
</div>