<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row pricing-plan">
                    <div class="col-md-3 col-xs-12 col-sm-6 no-padding">
                        <div class="pricing-box">
                            <div class="pricing-body b-l">
                                <div class="pricing-header">
                                    <h4 class="text-center">Silver</h4>
                                    <h2 class="text-center">
                                        <span class="price-sign">$</span>24</h2>
                                    <p class="uppercase">per month</p>
                                </div>
                                <div class="price-table-content">
                                    <div class="price-row">
                                        <i class="icon-user"></i> 3 Members</div>
                                    <div class="price-row">
                                        <i class="icon-screen-smartphone"></i> Single Device</div>
                                    <div class="price-row">
                                        <i class="icon-drawar"></i> 50GB Storage</div>
                                    <div class="price-row">
                                        <i class="icon-refresh"></i> Monthly Backups</div>
                                    <div class="price-row">
                                        <button class="btn btn-success waves-effect waves-light m-t-20">Sign up</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12 col-sm-6 no-padding">
                        <div class="pricing-box b-l">
                            <div class="pricing-body">
                                <div class="pricing-header">
                                    <h4 class="text-center">Gold</h4>
                                    <h2 class="text-center">
                                        <span class="price-sign">$</span>34</h2>
                                    <p class="uppercase">per month</p>
                                </div>
                                <div class="price-table-content">
                                    <div class="price-row">
                                        <i class="icon-user"></i> 5 Members</div>
                                    <div class="price-row">
                                        <i class="icon-screen-smartphone"></i> Single Device</div>
                                    <div class="price-row">
                                        <i class="icon-drawar"></i> 80GB Storage</div>
                                    <div class="price-row">
                                        <i class="icon-refresh"></i> Monthly Backups</div>
                                    <div class="price-row">
                                        <button class="btn btn-success waves-effect waves-light m-t-20">Sign up</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12 col-sm-6 no-padding">
                        <div class="pricing-box featured-plan">
                            <div class="pricing-body">
                                <div class="pricing-header">
                                    <h4 class="price-lable text-white bg-warning"> Popular</h4>
                                    <h4 class="text-center">Platinum</h4>
                                    <h2 class="text-center">
                                        <span class="price-sign">$</span>45</h2>
                                    <p class="uppercase">per month</p>
                                </div>
                                <div class="price-table-content">
                                    <div class="price-row">
                                        <i class="icon-user"></i> 10 Members</div>
                                    <div class="price-row">
                                        <i class="icon-screen-smartphone"></i> Single Device</div>
                                    <div class="price-row">
                                        <i class="icon-drawar"></i> 120GB Storage</div>
                                    <div class="price-row">
                                        <i class="icon-refresh"></i> Monthly Backups</div>
                                    <div class="price-row">
                                        <button class="btn btn-lg btn-info waves-effect waves-light m-t-20">Sign up</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12 col-sm-6 no-padding">
                        <div class="pricing-box">
                            <div class="pricing-body b-r">
                                <div class="pricing-header">
                                    <h4 class="text-center">Dimond</h4>
                                    <h2 class="text-center">
                                        <span class="price-sign">$</span>54</h2>
                                    <p class="uppercase">per month</p>
                                </div>
                                <div class="price-table-content">
                                    <div class="price-row">
                                        <i class="icon-user"></i> 15 Members</div>
                                    <div class="price-row">
                                        <i class="icon-screen-smartphone"></i> Single Device</div>
                                    <div class="price-row">
                                        <i class="icon-drawar"></i> 1TB Storage</div>
                                    <div class="price-row">
                                        <i class="icon-refresh"></i> Monthly Backups</div>
                                    <div class="price-row">
                                        <button class="btn btn-success waves-effect waves-light m-t-20">Sign up</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>