vvveb-cms/static/Vvvebjs/demo/landing/sections/pricing-table/pricing-table-6.html

<section class="pricing-table-6 my-3" aria-label="pricing-table-6">
  <div class="container py-4">

    <div class="row g-4 g-xxl-5">
      <div class="col-lg-4 text-center">
        <div class="card h-100 p-4" style="">
          <div class="card-body d-flex flex-column justify-content-between">
            <div>
              <div class="border-bottom border-4 mb-4">
                <div>
                  <p class="opacity-50 mb-0 ls-3">SINGLE</p>
                  <h2 class="fw-bolder h4">Basic plan</h2>
                </div>
              </div>
              <div class="mb-4">
                <div>

                  <h3 class="fw-bolder rfs-40">
                    <span class="h2 align-top">$</span>29
                  </h3>



                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Consectetur similique repellat ex doloribus error</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start text-decoration-line-through">Assumenda fuga suscipit aliquam illum aut voluptas atque laborum</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start text-decoration-line-through">Assumenda fuga suscipit aliquam illum aut voluptas atque laborum</p>
                  </div>
                </div>
              </div>


            </div>
            <div class="d-grid">
              <a class="btn btn-primary btn-lg" href="#" role="button">Subscribe</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 text-center">
        <div class="card h-100 p-4">
          <div class="card-body d-flex flex-column justify-content-between">
            <div>
              <div class="border-bottom border-4 mb-4">
                <div>
                  <p class="opacity-50 mb-0 ls-3">TEAM</p>
                  <h2 class="fw-bolder h4">Pro plan</h2>
                </div>
              </div>
              <div class="mb-4">
                <div>

                  <h3 class="fw-bolder rfs-40">
                    <span class="h2 align-top">$</span>99
                  </h3>



                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Consectetur similique repellat ex doloribus error</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Assumenda fuga suscipit aliquam illum aut voluptas atque laborum</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start text-decoration-line-through">Assumenda fuga suscipit aliquam illum aut voluptas atque laborum</p>
                  </div>
                </div>
              </div>


            </div>
            <div class="d-grid">
              <a class="btn btn-primary btn-lg" href="#" role="button">Subscribe</a>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-4 text-center">
        <div class="card h-100 p-4">
          <div class="card-body d-flex flex-column justify-content-between">
            <div>
              <div class="border-bottom border-4 mb-4">
                <div>
                  <p class="opacity-50 mb-0 ls-3">ENTERPRISE</p>
                  <h2 class="fw-bolder h4">Pro plan</h2>
                </div>
              </div>
              <div class="mb-4">
                <div>

                  <h3 class="fw-bolder rfs-40">
                    <span class="h2 align-top">$</span>219
                  </h3>



                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Consectetur similique repellat ex doloribus error</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start  ">Assumenda fuga suscipit aliquam illum aut voluptas atque laborum</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start">Cupiditate, quidem magnam quaerat molestiae.</p>
                  </div>
                </div>
              </div>
              <div class="mb-2">
                <div class="d-inline-flex w-100 gap-2 ">
                  <div>
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1em" height="1em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-primary">
                      <path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path>
                    </svg>
                  </div>

                  <div>
                    <p class="text-start  ">Assumenda fuga suscipit aliquam illum aut voluptas atque laborum</p>
                  </div>
                </div>
              </div>


            </div>
            <div class="d-grid">
              <a class="btn btn-primary btn-lg" href="#" role="button">Subscribe</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</section>