@extends('user.layouts.master')
@section('title', 'Invest')
@section('content')
<div class="container-fluid">
   <div class="breadcrumb-header justify-content-between">
      <div class="my-auto">
         <div class="d-flex">
            <h4 class="content-title mb-0 my-auto">Pages</h4>
            <span class="text-muted mt-1 tx-13 ml-2 mb-0">/ Invest</span>
         </div>
      </div>
   </div>
   <div class="row">
      <div class="col-xs-6 col-sm-6 col-lg-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 text-center">
               <a class="btn btn-primary" href="#">Invest Now!</a>
            </div>
         </div>
      </div>
      <div class="col-xs-6 col-sm-6 col-lg-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 text-center">
               <a class="btn btn-warning" href="#">Invest Now!</a>
            </div>
         </div>
      </div>
      <div class="col-xs-6 col-sm-6 col-lg-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 text-center">
               <a class="btn btn-success" href="#">Invest Now!</a>
            </div>
         </div>
      </div>
      <div class="col-xs-6 col-sm-6 col-lg-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 text-center">
               <a class="btn btn-danger" href="#">Invest Now!</a>
            </div>
         </div>
      </div>
   </div>
</div>
@endsection