<section class="shared-tabs-section">
        <div>
            <div class="container">
            <ul class="nav nav-tabs shared-tab-button text-xl-left text-center">
                <li class="active"><a class="shared-monthly-btn show active" data-toggle="tab" href="#Monthly">Monthly</a></li>
                <li><a class="shared-yearly-btn" data-toggle="tab" href="#Yearly">Yearly</a></li>
            </ul>
        </div> 
        <div class="shared-tab-content-section">     
            <div class="shared-tab-content">
            <div class="tab-content">
                <div id="Monthly" class="tab-pane fade active show">
                    <div class="shared-plan-box-section">
                        <div class="container">
                            <div class="shared-plan-box-section-inner">
                            <div class="row">
                                <div class="col-lg-4 col-md-12 col-sm-12 mb-xl-0 mb-lg-0 mb-md-4 mb-sm-4 mb-3">
                                    <div class="shared-plan-box float-lg-none float-md-left float-sm-none w-100">
                                            <div class="float-lg-none float-md-left float-sm-none">
                                            <figure>
                                                <img src="assets/images/shared-plan-box-img-1.png" alt="">
                                            </figure>
                                            <h4 class="mb-md-4 mb-3">Shared Starter</h4>
                                            <p>Lorem ipsum dolor sit amet, conse <br class="d-lg-none d-md-block d-sm-none d-none"> tetur adipiscing elit.</p>
                                            </div>
                                            <div class="float-lg-none float-md-right float-sm-none">
                                            <p class="shared-plan-box-paragraph mb-sm-3 mb-2">Starting at:</p>
                                            <div>
                                             <h2 class="mb-3">$49<span class="shared-plan-box-pricing">.99</span><span class="shared-plan-box-pricing-month">/mo</span></h2>
                                            </div>
                                            <div class="shared-plan-box-button">
                                             <a class="shared-plan-box-btn" href="#">Order Now</a>
                                            </div>
                                            </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-12 col-sm-12 mb-xl-0 mb-lg-0 mb-md-4 mb-sm-4 mb-3">
                                    <div class="shared-plan-box variation-2 float-lg-none float-md-left float-sm-none w-100">
                                            <div class="float-lg-none float-md-left float-sm-none">
                                            <figure>
                                                <img src="assets/images/shared-plan-box-img-2.png" alt="">
                                            </figure>
                                            <h4 class="mb-md-4 mb-3">Shared Business</h4>
                                            <p>Lorem ipsum dolor sit amet, conse <br class="d-lg-none d-md-block d-sm-none d-none"> tetur adipiscing elit.</p>
                                            </div>
                                            <div class="float-lg-none float-md-right float-sm-none">
                                            <p class="shared-plan-box-paragraph mb-sm-3 mb-2">Starting at:</p>
                                            <div>
                                             <h2 class="mb-3">$69<span class="shared-plan-box-pricing">.99</span><span class="shared-plan-box-pricing-month">/mo</span></h2>
                                            </div>
                                            <div class="shared-plan-box-button">
                                             <a class="shared-plan-box-btn" href="#">Order Now</a>
                                            </div>
                                            </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-12 col-sm-12 mb-0">
                                    <div class="shared-plan-box variation-3 float-lg-none float-md-left float-sm-none w-100">
                                            <div class="float-lg-none float-md-left float-sm-none">
                                            <figure>
                                                <img src="assets/images/shared-plan-box-img-3.png" alt="">
                                            </figure>
                                            <h4 class="mb-md-4 mb-3">Shared Premium</h4>
                                            <p>Lorem ipsum dolor sit amet, conse <br class="d-lg-none d-md-block d-sm-none d-none"> tetur adipiscing elit.</p>
                                            </div>
                                            <div class="float-lg-none float-md-right float-sm-none">
                                            <p class="shared-plan-box-paragraph mb-sm-3 mb-2">Starting at:</p>
                                            <div>
                                             <h2 class="mb-3">$89<span class="shared-plan-box-pricing">.99</span><span class="shared-plan-box-pricing-month">/mo</span></h2>
                                            </div>
                                            <div class="shared-plan-box-button">
                                             <a class="shared-plan-box-btn" href="#">Order Now</a>
                                            </div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>    
                </div>
                <div id="Yearly" class="tab-pane fade in">
                    <div class="shared-plan-box-section">
                        <div class="container">
                            <div class="shared-plan-box-section-inner">
                            <div class="row">
                                <div class="col-lg-4 col-md-12 col-sm-12 mb-xl-0 mb-lg-0 mb-md-4 mb-sm-4 mb-3">
                                    <div class="shared-plan-box float-lg-none float-md-left float-sm-none w-100">
                                            <div class="float-lg-none float-md-left float-sm-none">
                                            <figure>
                                                <img src="assets/images/shared-plan-box-img-1.png" alt="">
                                            </figure>
                                            <h4 class="mb-md-4 mb-3">Shared Starter</h4>
                                            <p>Lorem ipsum dolor sit amet, conse <br class="d-lg-none d-md-block d-sm-none d-none"> tetur adipiscing elit.</p>
                                            </div>
                                            <div class="float-lg-none float-md-right float-sm-none">
                                            <p class="shared-plan-box-paragraph mb-sm-3 mb-2">Starting at:</p>
                                            <div>
                                             <h2 class="mb-3">$49<span class="shared-plan-box-pricing">.99</span><span class="shared-plan-box-pricing-month">/mo</span></h2>
                                            </div>
                                            <div class="shared-plan-box-button">
                                             <a class="shared-plan-box-btn" href="#">Order Now</a>
                                            </div>
                                            </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-12 col-sm-12 mb-xl-0 mb-lg-0 mb-md-4 mb-sm-4 mb-3">
                                    <div class="shared-plan-box variation-2 float-lg-none float-md-left float-sm-none w-100">
                                            <div class="float-lg-none float-md-left float-sm-none">
                                            <figure>
                                                <img src="assets/images/shared-plan-box-img-2.png" alt="">
                                            </figure>
                                            <h4 class="mb-md-4 mb-3">Shared Business</h4>
                                            <p>Lorem ipsum dolor sit amet, conse <br class="d-lg-none d-md-block d-sm-none d-none"> tetur adipiscing elit.</p>
                                            </div>
                                            <div class="float-lg-none float-md-right float-sm-none">
                                            <p class="shared-plan-box-paragraph mb-sm-3 mb-2">Starting at:</p>
                                            <div>
                                             <h2 class="mb-3">$69<span class="shared-plan-box-pricing">.99</span><span class="shared-plan-box-pricing-month">/mo</span></h2>
                                            </div>
                                            <div class="shared-plan-box-button">
                                             <a class="shared-plan-box-btn" href="#">Order Now</a>
                                            </div>
                                            </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-12 col-sm-12 mb-0">
                                    <div class="shared-plan-box variation-3 float-lg-none float-md-left float-sm-none w-100">
                                            <div class="float-lg-none float-md-left float-sm-none">
                                            <figure>
                                                <img src="assets/images/shared-plan-box-img-3.png" alt="">
                                            </figure>
                                            <h4 class="mb-md-4 mb-3">Shared Premium</h4>
                                            <p>Lorem ipsum dolor sit amet, conse <br class="d-lg-none d-md-block d-sm-none d-none"> tetur adipiscing elit.</p>
                                            </div>
                                            <div class="float-lg-none float-md-right float-sm-none">
                                            <p class="shared-plan-box-paragraph mb-sm-3 mb-2">Starting at:</p>
                                            <div>
                                             <h2 class="mb-3">$89<span class="shared-plan-box-pricing">.99</span><span class="shared-plan-box-pricing-month">/mo</span></h2>
                                            </div>
                                            <div class="shared-plan-box-button">
                                             <a class="shared-plan-box-btn" href="#">Order Now</a>
                                            </div>
                                            </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>    
                </div>
            </div>     
        </div>      

    </div>   
    </div></section>