Investing
for your future

Hand-picked professionals and expertly crafted components, designed for any kind of entrepreneur.
Request a demo
4.6 /5 - from 12k reviews
4.8 /5 - from 5k reviews
Simple pricing

Professional $19.99 All the basics for starting a new business
Team Most popular $39.99 Everything you need for a growing business
Enterprise $59.99 Advanced features for scaling your business
Need custom plan? Contact sales
HTML
<!-- 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 -->
Investingfor your future

Simple pricing

Investing
for your future
