@extends('layouts.master')

@section('styles')



@endsection

@section('content')

                            <!-- PAGE-HEADER -->
                            <div class="page-header">
                                <h1 class="page-title">Pricing</h1>
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javascript:void(0);">Pages</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Pricing</li>
                                </ol>
                            </div>
                            <!-- PAGE-HEADER END -->

                            <h4 class="card-title mt-4">Pricing cards 4 colums</h4>
                            <!-- ROW-2 OPEN -->
                            <div class="row">
                                <div class="col-sm-6 col-xl-3">
                                    <div class="panel price panel-color">
                                        <div class="panel-heading bg-primary p-0 text-center">
                                            <h3>Personal</h3>
                                        </div>
                                        <div class="panel-body text-center">
                                            <p class="lead"><strong>$15 /</strong>  month</p>
                                        </div>
                                        <ul class="list-group list-group-flush text-center">
                                            <li class="list-group-item"><strong> 2 Free</strong> Domain Name</li>
                                            <li class="list-group-item"><strong>3 </strong> One-Click Apps</li>
                                            <li class="list-group-item"><strong> 1 </strong> Databases</li>
                                            <li class="list-group-item"><strong> Money </strong> BackGuarantee</li>
                                            <li class="list-group-item border-bottom-0"><strong> 24/7</strong> support</li>
                                        </ul>
                                        <div class="panel-footer py-4 text-center">
                                            <a class="btn btn-lg btn-primary" href="javascript:void(0);">Purchase Now!</a>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3">
                                    <div class="panel price panel-color">
                                        <div class="panel-heading bg-warning  p-0 text-center">
                                            <h3>Team</h3>
                                        </div>
                                        <div class="panel-body text-center">
                                            <p class="lead"><strong>$25 /</strong> month</p>
                                        </div>
                                        <ul class="list-group list-group-flush text-center">
                                            <li class="list-group-item"><strong> 3 Free</strong> Domain Name</li>
                                            <li class="list-group-item"><strong>4 </strong> One-Click Apps</li>
                                            <li class="list-group-item"><strong> 2 </strong> Databases</li>
                                            <li class="list-group-item"><strong> Money </strong> BackGuarantee</li>
                                            <li class="list-group-item border-bottom-0"><strong> 24/7</strong> support</li>
                                        </ul>
                                        <div class="panel-footer py-4 text-center">
                                            <a class="btn btn-lg btn-warning" href="javascript:void(0);">Purchase Now!</a>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3">
                                    <div class="panel price panel-color">
                                        <div class="panel-heading bg-success p-0 text-center">
                                            <h3>Business</h3>
                                        </div>
                                        <div class="panel-body text-center">
                                            <p class="lead"><strong>$99 /</strong> month</p>
                                        </div>
                                        <ul class="list-group list-group-flush text-center">
                                            <li class="list-group-item"><strong> 5 Free</strong> Domain Name</li>
                                            <li class="list-group-item"><strong>8 </strong> One-Click Apps</li>
                                            <li class="list-group-item"><strong> 2 </strong> Databases</li>
                                            <li class="list-group-item"><strong> Money </strong> BackGuarantee</li>
                                            <li class="list-group-item border-bottom-0"><strong> 24/7</strong> support</li>
                                        </ul>
                                        <div class="panel-footer py-4 text-center">
                                            <a class="btn btn-lg btn-success" href="javascript:void(0);">Purchase Now!</a>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3">
                                    <div class="panel price panel-color">
                                        <div class="panel-heading bg-danger p-0 text-center">
                                            <h3>Corporate</h3>
                                        </div>
                                        <div class="panel-body text-center">
                                            <p class="lead"><strong>$35 /</strong>  month</p>
                                        </div>
                                        <ul class="list-group list-group-flush text-center">
                                            <li class="list-group-item"><strong> 4 Free</strong> Domain Name</li>
                                            <li class="list-group-item"><strong>6 </strong> One-Click Apps</li>
                                            <li class="list-group-item"><strong> 2 </strong> Databases</li>
                                            <li class="list-group-item"><strong> Money </strong> BackGuarantee</li>
                                            <li class="list-group-item border-bottom-0"><strong> 24/7</strong> support</li>
                                        </ul>
                                        <div class="panel-footer py-4 text-center">
                                            <a class="btn btn-lg btn-danger" href="javascript:void(0);">Purchase Now!</a>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                            </div>
                            <!-- ROW-1 CLOSED -->

                            <h4 class="card-title mt-4">Pricing cards 4 colums</h4>
                            <!-- ROW-3 OPEN -->
                            <div class="row">
                                <div class="col-sm-6 col-xl-3 primary">
                                    <div class="princing-item mb-4">
                                        <div class="pricing-divider text-center">
                                            <h3 class="text-light">Basic</h3>
                                            <h4 class="my-0 display-2 text-light fw-normal mb-3"><span class="h3">$</span> 120 <span class="h5">/mo</span></h4>
                                            <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_1' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
                                                <path class='deco-layer deco-layer--1' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--2' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--3' 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' fill='#FFFFFF' opacity='0.7'></path>
                                                <path class='deco-layer deco-layer--4' 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>
                                        </div>
                                        <div class=" br-br-0 br-bl-0 bg-white mt-0 shadow text-center">
                                            <ul class="list-group list-group-flush text-center">
                                                <li class="list-group-item"><b>10</b> users included</li>
                                                <li class="list-group-item"><b>2 GB</b> of storage</li>
                                                <li class="list-group-item"><b>Free </b>Email support</li>
                                                <li class="list-group-item"><b> 24/7</b> support</li>
                                                <li class="list-group-item border-bottom-0"><b>Help center access</b></li>
                                            </ul>
                                            <div class="card-footer">
                                                <button type="button" class="btn btn-primary btn-block">Sign up for free</button>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3 secondary">
                                    <div class="princing-item mb-4">
                                        <div class="pricing-divider text-center">
                                            <h3 class="text-light">Premium</h3>
                                            <h4 class="my-0 display-2 text-light fw-normal mb-3"><span class="h3">$</span> 150 <span class="h5">/mo</span></h4>
                                            <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_2' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
                                                <path class='deco-layer deco-layer--1' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--2' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--3' 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' fill='#FFFFFF' opacity='0.7'></path>
                                                <path class='deco-layer deco-layer--4' 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>
                                        </div>
                                        <div class=" br-br-0 br-bl-0 bg-white mt-0 shadow text-center">
                                            <ul class="list-group list-group-flush text-center">
                                                <li class="list-group-item"><b>10</b> users included</li>
                                                <li class="list-group-item"><b>2 GB</b> of storage</li>
                                                <li class="list-group-item"><b>Free </b>Email support</li>
                                                <li class="list-group-item"><b> 24/7</b> support</li>
                                                <li class="list-group-item border-bottom-0"><b>Help center access</b></li>
                                            </ul>
                                            <div class="card-footer">
                                                <button type="button" class="btn btn-warning btn-block">Sign up for free</button>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3 success">
                                    <div class="princing-item mb-4">
                                        <div class="pricing-divider text-center">
                                            <h3 class="text-light">Enterprise</h3>
                                            <h4 class="my-0 display-2 text-light fw-normal mb-3"><span class="h3">$</span> 200 <span class="h5">/mo</span></h4>
                                            <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_3' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
                                                <path class='deco-layer deco-layer--1' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--2' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--3' 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' fill='#FFFFFF' opacity='0.7'></path>
                                                <path class='deco-layer deco-layer--4' 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>
                                        </div>
                                        <div class=" br-br-0 br-bl-0 bg-white mt-0 shadow text-center">
                                            <ul class="list-group list-group-flush text-center">
                                                <li class="list-group-item"><b>10</b> users included</li>
                                                <li class="list-group-item"><b>2 GB</b> of storage</li>
                                                <li class="list-group-item"><b>Free </b>Email support</li>
                                                <li class="list-group-item"><b> 24/7</b> support</li>
                                                <li class="list-group-item border-bottom-0"><b>Help center access</b></li>
                                            </ul>
                                            <div class="card-footer">
                                                <button type="button" class="btn btn-success btn-block">Sign up for free</button>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3 info">
                                    <div class="princing-item mb-4">
                                        <div class="pricing-divider text-center">
                                            <h3 class="text-light">Enterprise</h3>
                                            <h4 class="my-0 display-2 text-light fw-normal mb-3"><span class="h3">$</span> 180 <span class="h5">/mo</span></h4>
                                            <svg class='pricing-divider-img' enable-background='new 0 0 300 100' height='100px' id='Layer_4' preserveAspectRatio='none' version='1.1' viewBox='0 0 300 100' width='300px' x='0px' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' y='0px'>
                                                <path class='deco-layer deco-layer--1' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--2' 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' fill='#FFFFFF' opacity='0.6'></path>
                                                <path class='deco-layer deco-layer--3' 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' fill='#FFFFFF' opacity='0.7'></path>
                                                <path class='deco-layer deco-layer--4' 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>
                                        </div>
                                        <div class=" br-br-0 br-bl-0 bg-white mt-0 shadow text-center">
                                            <ul class="list-group list-group-flush text-center">
                                                <li class="list-group-item"><b>10</b> users included</li>
                                                <li class="list-group-item"><b>2 GB</b> of storage</li>
                                                <li class="list-group-item"><b>Free </b>Email support</li>
                                                <li class="list-group-item"><b> 24/7</b> support</li>
                                                <li class="list-group-item border-bottom-0"><b>Help center access</b></li>
                                            </ul>
                                            <div class="card-footer">
                                            <button type="button" class="btn btn-danger btn-block">Sign up for free</button></div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                            </div>
                            <!-- ROW-3 CLOSED -->

                            <!-- ROW-4 OPEN -->
                            <h4 class="card-title mt-4">Column pricing table</h4>
                            <div class="row">
                                <div class="col-sm-6 col-xl-3">
                                    <div class="card">
                                        <div class="card-body text-center pricing bg-primary">
                                            <div class="card-category br-5">Basic</div>
                                            <div class="display-3 my-4">$10</div>
                                            <ul class="list-unstyled leading-loose">
                                                <li><strong>2 </strong> FreeDomain Name</li>
                                                <li><strong>2</strong> One-Click Apps</li>
                                                <li><strong>1</strong>  Databases</li>
                                                <li><strong>Money</strong> BackGuarantee</li>
                                                <li><strong>24/7</strong> Support</li>
                                            </ul>
                                            <div class="text-center mt-4">
                                                <a href="javascript:void(0);" class="btn btn-white btn-block bg-fixed-white text-default">Buy Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3">
                                    <div class="card">
                                        <div class="card-body text-center  pricing bg-warning ">
                                            <div class="card-category br-5">Premium</div>
                                            <div class="display-3 my-4">$49</div>
                                            <ul class="list-unstyled leading-loose">
                                                <li><strong>3 </strong> FreeDomain Name</li>
                                                <li><strong>5</strong> One-Click Apps</li>
                                                <li><strong>3</strong>  Databases</li>
                                                <li><strong>Money</strong> BackGuarantee</li>
                                                <li><strong>24/7</strong> Support</li>
                                            </ul>
                                            <div class="text-center mt-4">
                                                <a href="javascript:void(0);" class="btn btn-white btn-block bg-fixed-white text-default">Buy Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3">
                                    <div class="card">
                                        <div class="card-body text-center pricing bg-success">
                                            <div class="card-category br-5">Enterprise</div>
                                            <div class="display-3 my-4">$99</div>
                                            <ul class="list-unstyled leading-loose">
                                                <li><strong>10 </strong> FreeDomain Name</li>
                                                <li><strong>10</strong> One-Click Apps</li>
                                                <li><strong>8</strong>  Databases</li>
                                                <li><strong>Money</strong> BackGuarantee</li>
                                                <li><strong>24/7</strong> Support</li>
                                            </ul>
                                            <div class="text-center mt-4">
                                                <a href="javascript:void(0);" class="btn btn-white btn-block bg-fixed-white text-default">Buy Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                                <div class="col-sm-6 col-xl-3">
                                    <div class="card">
                                        <div class="card-body text-center  pricing bg-danger">
                                            <div class="card-category br-5">Unlimited</div>
                                            <div class="display-3 my-4">$139</div>
                                            <ul class="list-unstyled leading-loose">
                                                <li><strong>12 </strong> FreeDomain Name</li>
                                                <li><strong>10</strong> One-Click Apps</li>
                                                <li><strong>6</strong>  Databases</li>
                                                <li><strong>Money</strong> BackGuarantee</li>
                                                <li><strong>24/7</strong> Support</li>
                                            </ul>
                                            <div class="text-center mt-4">
                                                <a href="javascript:void(0);" class="btn btn-white btn-block bg-fixed-white text-default">Buy Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- COL-END -->
                            </div>
                            <!-- ROW-4 CLOSED -->

                            <!-- ROW-3 OPEN -->
                            <div class="row">
                                <div class="col-xl-12 pricing-tabs">
                                    <div class="pri-tabs-heading text-center">
                                        <ul class="nav nav-price mt-5">
                                            <li class="me-2"><a data-bs-toggle="tab" href="#month">Monthly</a></li>
                                            <li><a class="active show" data-bs-toggle="tab" href="#annualyear">Annual</a></li>
                                        </ul>
                                    </div>
                                    <div class="tab-content">
                                        <div class="tab-pane pb-0 active show" id="annualyear">
                                            <div class="row d-flex align-items-center justify-content-center">
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 pricing-card">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1">Basic</p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">399</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> year</span></p>
                                                            <p class="fs-13 mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1 text-secondary">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 p-2 fs-16 text-secondary"></i><strong> 2 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 p-2 fs-16 text-secondary"></i> <strong>3 </strong> One-Click Apps</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 1 </strong> Databases</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="text-muted&quot;"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-outline-secondary btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 border-primary pricing-card advanced">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1 pe-0">Advanced<span class="tag bg-primary text-white float-end">Limited Deal</span></p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">1,299</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> year</span></p>
                                                            <p class="fs-13 mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1 text-primary">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i> <strong> 5 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong>5 </strong> One-Click Apps</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> 3 </strong> Databases</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="mb-5"><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-primary-gradient text-white btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 pricing-card">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1">Regular</p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">699</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> year</span></p>
                                                            <p class="fs-13 mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1  text-danger">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 text-danger p-2 fs-16"></i><strong> 1 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 text-danger p-2 fs-16"></i><strong>4 </strong> One-Click Apps</li>
                                                                <li><i class="fa fa-check py-2 text-danger p-2 fs-16"></i><strong> 2 </strong> Databases</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-outline-danger btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 pricing-card">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1">Premium</p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">999</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> year</span></p>
                                                            <p class="fs-13 mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1  text-success">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong> 1 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong>5 </strong> One-Click Apps</li>
                                                                <li><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong> 3 </strong> Databases</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-outline-success btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="month">
                                            <div class="row d-flex align-items-center justify-content-center">
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 pricing-card">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1">Basic</p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">39</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> month</span></p>
                                                            <p class="fs-13 mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1 text-secondary">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 p-2 fs-16 text-secondary"></i><strong> 2 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 p-2 fs-16 text-secondary"></i> <strong>3 </strong> One-Click Apps</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 1 </strong> Databases</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="text-muted&quot;"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-outline-secondary btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 border-primary pricing-card advanced">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1 pe-0">Advanced<span class="tag bg-primary text-white float-end">Limited Deal</span></p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">199</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> month</span></p>
                                                            <p class="fs-13 mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1 text-primary">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i> <strong> 5 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong>5 </strong> One-Click Apps</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> 3 </strong> Databases</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="mb-6"><i class="fa fa-check py-2 text-primary p-2 fs-16"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-primary-gradient text-white btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 pricing-card">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1">Regular</p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">69</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> month</span></p>
                                                            <p class="fs-13 mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1  text-danger">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 text-danger p-2 fs-16"></i><strong> 1 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 text-danger p-2 fs-16"></i><strong>4 </strong> One-Click Apps</li>
                                                                <li><i class="fa fa-check py-2 text-danger p-2 fs-16"></i><strong> 2 </strong> Databases</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-outline-danger btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 col-xl-3 col-md-6 col-lg-6">
                                                    <div class="card p-3 pricing-card">
                                                        <div class="card-header d-block text-justified pt-2">
                                                            <p class="fs-18 fw-semibold mb-1">Premium</p>
                                                            <p class="text-justify fw-semibold mb-1"> <span class="fs-30 me-2">$</span><span class="fs-30 me-1">99</span><span class="fs-25"><span class="op-0-5 text-muted text-20">/</span> month</span></p>
                                                            <p class="fs-13 mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure quos debitis aliquam .</p>
                                                            <p class="fs-13 mb-1  text-success">Billed monthly on regular basis!</p>
                                                        </div>
                                                        <div class="card-body py-4">
                                                            <ul class="pricing-body ps-0">
                                                                <li><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong> 1 Free</strong> Domain Name</li>
                                                                <li><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong>5 </strong> One-Click Apps</li>
                                                                <li><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong> 3 </strong> Databases</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 text-success p-2 fs-16"></i><strong> Unlimited </strong> Cloud Storage</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> Money </strong> BackGuarantee</li>
                                                                <li class="text-muted"><i class="fa fa-check py-2 p-2 fs-16 text-gray-500"></i><strong> 24/7</strong> support</li>
                                                            </ul>
                                                        </div>
                                                        <div class="card-footer text-center border-top-0 pt-1">
                                                            <button class="btn btn-lg btn-outline-success btn-block">
                                                                <span class="ms-4 me-4">Select</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- ROW-3 CLOSED -->

@endsection

@section('scripts')



@endsection