<!-- Hero -->
<div class="overflow-hidden">
<div class="container content-space-t-1 content-space-t-lg-2">
<div class="row justify-content-center align-items-lg-center">
<div class="col-lg-7 mb-7 mb-lg-0">
<div class="pe-lg-5">
<div class="mb-4">
<h1 class="display-4">Investing<br>for your future</h1>
<p class="fs-3">Hand-picked professionals and expertly crafted components, designed for any kind of entrepreneur.</p>
</div>
<div class="mb-7">
<a class="btn btn-primary btn-pointer" href="#">Request a demo</a>
</div>
<div class="row col-sm-divider">
<div class="col-sm-auto">
<div class="pe-sm-4">
<div class="d-flex gap-1 mb-2">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
</div>
<!-- End Rating -->
<span class="d-block fs-5 mb-3"><span class="fw-bold text-dark">4.6</span> /5 - from 12k reviews</span>
<img class="avatar avatar-4x3" src="../assets/svg/brands/google-dark.svg" alt="Logo">
</div>
</div>
<!-- End Col -->
<div class="col-sm-auto">
<div class="ps-sm-4">
<div class="d-flex gap-1 mb-2">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star.svg" alt="Review rating" width="18">
<img src="../assets/svg/illustrations/star-half.svg" alt="Review rating" width="18">
</div>
<!-- End Rating -->
<span class="d-block fs-5 mb-3"><span class="fw-bold text-dark">4.8</span> /5 - from 5k reviews</span>
<img class="avatar avatar-4x3" src="../assets/svg/brands/forbes-dark.svg" alt="Logo">
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Col -->
<div class="col-sm-9 col-lg-5">
<div class="position-relative">
<!-- Card -->
<div class="card card-shadow mb-3">
<div class="card-body">
<div class="text-center mb-5">
<h4 class="card-title">Simple pricing</h4>
</div>
<!-- List -->
<ul class="list-unstyled list-py-1">
<li>
<!-- Radio Check -->
<label class="form-check form-check-reverse form-check-select form-check-pinned-top-end" for="formCheckSelect1">
<input type="radio" class="form-check-input" name="formCheckSelect" id="formCheckSelect1">
<span class="form-check-label">
<span class="fw-medium">Professional</span>
<span class="d-block h4 mb-0">$19.99</span>
<span class="d-block fs-6 text-muted">All the basics for starting a new business</span>
</span>
<span class="form-check-stretched-bg"></span>
</label>
<!-- End Radio Check -->
</li>
<li>
<!-- Radio Check -->
<label class="form-check form-check-reverse form-check-select form-check-pinned-top-end" for="formCheckSelect2">
<input type="radio" class="form-check-input" name="formCheckSelect" id="formCheckSelect2" checked>
<span class="form-check-label">
<span class="fw-medium">Team <span class="badge bg-soft-primary text-primary rounded-pill">Most popular</span></span>
<span class="d-block h4 mb-0">$39.99</span>
<span class="d-block fs-6 text-muted">Everything you need for a growing business</span>
</span>
<span class="form-check-stretched-bg"></span>
</label>
<!-- End Radio Check -->
</li>
<li>
<!-- Radio Check -->
<label class="form-check form-check-reverse form-check-select form-check-pinned-top-end" for="formCheckSelect3">
<input type="radio" class="form-check-input" name="formCheckSelect" id="formCheckSelect3">
<span class="form-check-label">
<span class="fw-medium">Enterprise</span>
<span class="d-block h4 mb-0">$59.99</span>
<span class="d-block fs-6 text-muted">Advanced features for scaling your business</span>
</span>
<span class="form-check-stretched-bg"></span>
</label>
<!-- End Radio Check -->
</li>
</ul>
<!-- End List -->
<div class="d-grid">
<button type="button" class="btn btn-primary">Try free for 14-days</button>
</div>
</div>
</div>
<!-- End Card -->
<!-- SVG Shape -->
<figure class="position-absolute top-0 end-0 zi-n1 d-none d-sm-block me-n10" style="width: 4rem;">
<img class="img-fluid" src="../assets/svg/components/pointer-up.svg" alt="Image Description">
</figure>
<!-- End SVG Shape -->
</div>
<div class="text-center">
<p class="fs-5 text-muted">Need custom plan? <a class="link link-pointer" href="#">Contact sales</a></p>
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Hero -->
