Basic

Per Month

$5

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Premium

Per Month

$8

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Ultimate

Per Month

$15

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

<section>
    <div class="all-box-pricing-ca01">
        <div class="boxs-pricing-ca01">
            <div class="box-pricing-ca01">
                <div class="box1-pricing-ca01">
                    <h1 class="heading1-pricing-ca01">Basic</h1>
                    <p class="subheading1-pricing-ca01">Per Month</p>
                    <p class="price1-pricing-ca01">&#36;5</p>
                    <div class="all-option-pricing-ca01">
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-times-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-times-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-times-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-times-circle"></i> Lorem
                            Ipsum</p>
                    </div>
                    <a class="a-pricing-ca01" href="#"><button class="buy-btn-pricing-ca01">Buy Now</button></a>
                </div>
            </div>
            <div class="box-pricing-ca01">
                <div class="box2-pricing-ca01">
                    <h1 class="heading1-pricing-ca01">Premium</h1>
                    <p class="subheading1-pricing-ca01">Per Month</p>
                    <p class="price1-pricing-ca01">&#36;8</p>
                    <div class="all-option-pricing-ca01">
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-times-circle"></i> Lorem
                            Ipsum</p>
                    </div>
                    <a class="a-pricing-ca01" href="#"><button class="buy-btn-pricing-ca01">Buy Now</button></a>
                </div>
            </div>
            <div class="box-pricing-ca01">
                <div class="box3-pricing-ca01">
                    <h1 class="heading1-pricing-ca01">Ultimate</h1>
                    <p class="subheading1-pricing-ca01">Per Month</p>
                    <p class="price1-pricing-ca01">&#36;15</p>
                    <div class="all-option-pricing-ca01">
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                        <p class="option-pricing-ca01"><i class="fas fa-check-circle"></i> Lorem
                            Ipsum</p>
                    </div>
                    <a class="a-pricing-ca01" href="#"><button class="buy-btn-pricing-ca01">Buy Now</button></a>
                </div>
            </div>
        </div>
    </div>
</section>

Advertisement

WEEKLY


$30

MONTHLY


$60

YEARLY


$190

<section class="main-profile-ca001">
    <div class="all-boxs-profile-ca001">
        <div class="boxs-profile-ca001">
            <div class="box-profile-ca001">
                <h1 class="main-heading-profile-ca001">WEEKLY</h1>
                <hr class="main-underline-profile-ca001">
                <p class="main-price-pricing-ca001">$30</p>
                <a class="buy-pricing-ca001" href="#"><button>Buy</button></a>
            </div>
            <div class="box-profile-ca001">
                <h1 class="main-heading-profile-ca001">MONTHLY</h1>
                <hr class="main-underline-profile-ca001">
                <p class="main-price-pricing-ca001">$60</p>
                <a class="buy-pricing-ca001" href="#"><button>Buy</button></a>
            </div>
            <div class="box-profile-ca001">
                <h1 class="main-heading-profile-ca001">YEARLY</h1>
                <hr class="main-underline-profile-ca001">
                <p class="main-price-pricing-ca001">$190</p>
                <a class="buy-pricing-ca001" href="#"><button>Buy</button></a>
            </div>
        </div>
    </div>
</section>

Advertisement

Basic Plan

$30

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Premium Plan

$60

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Ultimate Plan

$190

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

<section class="main-profile-ca31">
    <div class="all-boxs-profile-ca31">
        <div class="boxs-profile-ca31">
            <div class="box-profile-ca31">
                <h1 class="main-heading-pricing-ca31">Basic <b>Plan</b></h1>
                <div class="main-price-pricing-ca31"><p>$30</p></div>
                <div class="main-content-pricing-ca31">
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                </div>
                <a class="main-btn-pricing-ca31" href="#"><button>Select Plan</button></a>
            </div>
            <div class="box-profile-ca31">
                <h1 class="main-heading-pricing-ca31">Premium <b>Plan</b></h1>
                <div class="main-price-pricing-ca31"><p>$60</p></div>
                <div class="main-content-pricing-ca31">
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                </div>
                <a class="main-btn-pricing-ca31" href="#"><button>Select Plan</button></a>
            </div>
            <div class="box-profile-ca31">
                <h1 class="main-heading-pricing-ca31">Ultimate <b>Plan</b></h1>
                <div class="main-price-pricing-ca31"><p>$190</p></div>
                <div class="main-content-pricing-ca31">
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                </div>
                <a class="main-btn-pricing-ca31" href="#"><button>Select Plan</button></a>
            </div>
        </div>
    </div>
</section>

Advertisement

Basic Plan

$30

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Premium Plan

$60

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Ultimate Plan

$120

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

<section class="main-profile-ca41">
    <div class="all-boxs-profile-ca41">
        <div class="boxs-profile-ca41">
            <div class="box-profile-ca41">
                <div class="first-sec-profile-ca41">
                    <p class="main-heading-profile-ca41">Basic Plan</p>
                    <p class="price-pricing-ca41">$30</p>
                </div>
                <div class="main-content-pricing-ca41">
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem ipsum</p>
                </div>
                <a class="main-btn-pricing-ca41" href="#"><button>Select Plan</button></a>
            </div>
            <div class="box-profile-ca41">
                <div class="first-sec-profile-ca41">
                    <p class="main-heading-profile-ca41">Premium Plan</p>
                    <p class="price-pricing-ca41">$60</p>
                </div>
                <div class="main-content-pricing-ca41">
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem ipsum</p>
                </div>
                <a class="main-btn-pricing-ca41" href="#"><button>Select Plan</button></a>
            </div>
            <div class="box-profile-ca41">
                <div class="first-sec-profile-ca41">
                    <p class="main-heading-profile-ca41">Ultimate Plan</p>
                    <p class="price-pricing-ca41">$120</p>
                </div>
                <div class="main-content-pricing-ca41">
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                    <p><i class="far fa-check-circle"></i> Lorem ipsum</p>
                </div>
                <a class="main-btn-pricing-ca41" href="#"><button>Select Plan</button></a>
            </div>
        </div>
    </div>
</section>

Basic Plan


$30

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Premium Plan


$60

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Ultimate Plan


$190

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

<section class="main-profile-ca51">
    <div class="all-boxs-profile-ca51">
        <div class="boxs-profile-ca51">
            <div class="box-profile-ca51">
                <h1 class="main-heading-pricing-ca51">Basic Plan</h1>
                <hr class="main-line-pricing-ca51">
                <div class="main-price-pricing-ca51"><p>$30</p></div>
                <div class="main-content-pricing-ca51">
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                </div>
                <a class="main-btn-pricing-ca51" href="#"><button>Select Plan</button></a>
            </div>
            <div class="box-profile-ca51">
                <h1 class="main-heading-pricing-ca51">Premium Plan</h1>
                <hr class="main-line-pricing-ca51">
                <div class="main-price-pricing-ca51"><p>$60</p></div>
                <div class="main-content-pricing-ca51">
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                    <p><i class="far fa-times-circle"></i> Lorem Ipsum</p>
                </div>
                <a class="main-btn-pricing-ca51" href="#"><button>Select Plan</button></a>
            </div>
            <div class="box-profile-ca51">
                <h1 class="main-heading-pricing-ca51">Ultimate Plan</h1>
                <hr class="main-line-pricing-ca51">
                <div class="main-price-pricing-ca51"><p>$190</p></div>
                <div class="main-content-pricing-ca51">
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                    <p><i class="fas fa-check-circle"></i> Lorem Ipsum</p>
                </div>
                <a class="main-btn-pricing-ca51" href="#"><button>Select Plan</button></a>
            </div>
        </div>
    </div>
</section>