From 6a3e4464a7e86e3b43aa71c2f9f401a64f1702de Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 21 Jul 2022 22:18:12 +0000
Subject: [PATCH]

---
 r/pricing.htm | 704 +++++++++++++++++++++-----------------------------
 1 file changed, 288 insertions(+), 416 deletions(-)
diff --git a/r/pricing.htm b/r/pricing.htm
index b359f71..0d7c52a 100644
--- a/r/pricing.htm
+++ b/r/pricing.htm
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <title>test title</title>
+        <title>AyaNova Pricing</title>
 
         <link
             href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
@@ -24,437 +24,309 @@
         </svg>
 
         <div class="container">
-          <nav class="navbar navbar-expand-lg fs-5">
-              <div class="container-fluid">
-                  <a class="navbar-brand" href="/v8index.htm">
-                      <img
-                          src="/r/image/logo.svg"
-                          alt=""
-                          width="48"
-                          height="48"
-                          class="d-inline-block align-text-top"
-                      />
-                      <span class="fs-4">AyaNova</span>
-                  </a>
-
-                  <button
-                      class="navbar-toggler"
-                      type="button"
-                      data-bs-toggle="collapse"
-                      data-bs-target="#navbarSupportedContent"
-                      aria-controls="navbarSupportedContent"
-                      aria-expanded="false"
-                      aria-label="Toggle navigation"
-                  >
-                      <span class="navbar-toggler-icon"></span>
-                  </button>
-                  <div
-                      class="collapse navbar-collapse"
-                      id="navbarSupportedContent"
-                  >
-                      <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                          <li class="nav-item dropdown">
-                              <a
-                                  class="nav-link dropdown-toggle"
-                                  href="#"
-                                  role="button"
-                                  data-bs-toggle="dropdown"
-                                  aria-expanded="false"
-                              >
-                                  Features
-                              </a>
-                              <ul class="dropdown-menu">
-                                  <li>
-                                      <a class="dropdown-item" href="#"
-                                          >Action</a
-                                      >
-                                  </li>
-                                  <li>
-                                      <a class="dropdown-item" href="#"
-                                          >Another action</a
-                                      >
-                                  </li>
-
-                                  <li>
-                                      <a class="dropdown-item" href="#"
-                                          >Something else here</a
-                                      >
-                                  </li>
-                              </ul>
-                          </li>
-                          <li class="nav-item">
-                              <a class="nav-link active" href="r/pricing.htm"
-                                  >Pricing</a
-                              >
-                          </li>
-                          <li class="nav-item dropdown">
-                              <a
-                                  class="nav-link dropdown-toggle"
-                                  href="#"
-                                  role="button"
-                                  data-bs-toggle="dropdown"
-                                  aria-expanded="false"
-                              >
-                                  Resources
-                              </a>
-                              <ul class="dropdown-menu">
-                                  <li>
-                                      <a class="dropdown-item" href="#"
-                                          >Action</a
-                                      >
-                                  </li>
-                                  <li>
-                                      <a class="dropdown-item" href="#"
-                                          >Another action</a
-                                      >
-                                  </li>
-                                  <li><hr class="dropdown-divider" /></li>
-                                  <li>
-                                      <a class="dropdown-item" href="#"
-                                          >Something else here</a
-                                      >
-                                  </li>
-                              </ul>
-                          </li>
-                      </ul>
-                  </div>
-              </div>
-          </nav>
-      </div>
-
-        <div class="container py-3">
-            <main>
-                <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
-                    <div class="col">
-                        <div class="card mb-4 rounded-3 shadow-sm">
-                            <div class="card-header py-3">
-                                <h4 class="my-0 fw-normal">Free</h4>
-                            </div>
-                            <div class="card-body">
-                                <h1 class="card-title pricing-card-title">
-                                    $0<small class="text-muted fw-light"
-                                        >/mo</small
-                                    >
-                                </h1>
-                                <ul class="list-unstyled mt-3 mb-4">
-                                    <li>10 users included</li>
-                                    <li>2 GB of storage</li>
-                                    <li>Email support</li>
-                                    <li>Help center access</li>
-                                </ul>
-                                <button
-                                    type="button"
-                                    class="w-100 btn btn-lg btn-outline-primary"
-                                >
-                                    Sign up for free
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col">
-                        <div class="card mb-4 rounded-3 shadow-sm">
-                            <div class="card-header py-3">
-                                <h4 class="my-0 fw-normal">Pro</h4>
-                            </div>
-                            <div class="card-body">
-                                <h1 class="card-title pricing-card-title">
-                                    $15<small class="text-muted fw-light"
-                                        >/mo</small
-                                    >
-                                </h1>
-                                <ul class="list-unstyled mt-3 mb-4">
-                                    <li>20 users included</li>
-                                    <li>10 GB of storage</li>
-                                    <li>Priority email support</li>
-                                    <li>Help center access</li>
-                                </ul>
-                                <button
-                                    type="button"
-                                    class="w-100 btn btn-lg btn-primary"
-                                >
-                                    Get started
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col">
-                        <div
-                            class="card mb-4 rounded-3 shadow-sm border-primary"
-                        >
-                            <div
-                                class="card-header py-3 text-bg-primary border-primary"
-                            >
-                                <h4 class="my-0 fw-normal">Enterprise</h4>
-                            </div>
-                            <div class="card-body">
-                                <h1 class="card-title pricing-card-title">
-                                    $29<small class="text-muted fw-light"
-                                        >/mo</small
-                                    >
-                                </h1>
-                                <ul class="list-unstyled mt-3 mb-4">
-                                    <li>30 users included</li>
-                                    <li>15 GB of storage</li>
-                                    <li>Phone and email support</li>
-                                    <li>Help center access</li>
-                                </ul>
-                                <button
-                                    type="button"
-                                    class="w-100 btn btn-lg btn-primary"
-                                >
-                                    Contact us
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <h2 class="display-6 text-center mb-4">Compare plans</h2>
-
-                <div class="table-responsive">
-                    <table class="table text-center">
-                        <thead>
-                            <tr>
-                                <th style="width: 34%"></th>
-                                <th style="width: 22%">Free</th>
-                                <th style="width: 22%">Pro</th>
-                                <th style="width: 22%">Enterprise</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <th scope="row" class="text-start">Public</th>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="row" class="text-start">Private</th>
-                                <td></td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                            </tr>
-                        </tbody>
-
-                        <tbody>
-                            <tr>
-                                <th scope="row" class="text-start">
-                                    Permissions
-                                </th>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="row" class="text-start">Sharing</th>
-                                <td></td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="row" class="text-start">
-                                    Unlimited members
-                                </th>
-                                <td></td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="row" class="text-start">
-                                    Extra security
-                                </th>
-                                <td></td>
-                                <td></td>
-                                <td>
-                                    <svg class="bi" width="24" height="24">
-                                        <use xlink:href="#check" />
-                                    </svg>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </main>
-
-            <footer class="pt-4 my-md-5 pt-md-5 border-top">
-                <div class="row">
-                    <div class="col-12 col-md">
+            <nav class="navbar navbar-expand-lg fs-5">
+                <div class="container-fluid">
+                    <a class="navbar-brand" href="/v8index.htm">
                         <img
-                            class="mb-2"
-                            src="../assets/brand/bootstrap-logo.svg"
+                            src="/r/image/logo.svg"
                             alt=""
-                            width="24"
-                            height="19"
+                            width="48"
+                            height="48"
+                            class="d-inline-block align-text-top"
                         />
-                        <small class="d-block mb-3 text-muted"
-                            >&copy; 2017–2022</small
-                        >
-                    </div>
-                    <div class="col-6 col-md">
-                        <h5>Features</h5>
-                        <ul class="list-unstyled text-small">
-                            <li class="mb-1">
+                        <span class="fs-4">AyaNova</span>
+                    </a>
+
+                    <button
+                        class="navbar-toggler"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#navbarSupportedContent"
+                        aria-controls="navbarSupportedContent"
+                        aria-expanded="false"
+                        aria-label="Toggle navigation"
+                    >
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                    <div
+                        class="collapse navbar-collapse"
+                        id="navbarSupportedContent"
+                    >
+                        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                            <li class="nav-item dropdown">
                                 <a
-                                    class="link-secondary text-decoration-none"
+                                    class="nav-link dropdown-toggle"
                                     href="#"
-                                    >Cool stuff</a
+                                    role="button"
+                                    data-bs-toggle="dropdown"
+                                    aria-expanded="false"
+                                >
+                                    Features
+                                </a>
+                                <ul class="dropdown-menu">
+                                    <li>
+                                        <a class="dropdown-item" href="#"
+                                            >Action</a
+                                        >
+                                    </li>
+                                    <li>
+                                        <a class="dropdown-item" href="#"
+                                            >Another action</a
+                                        >
+                                    </li>
+
+                                    <li>
+                                        <a class="dropdown-item" href="#"
+                                            >Something else here</a
+                                        >
+                                    </li>
+                                </ul>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link active" href="r/pricing.htm"
+                                    >Pricing</a
                                 >
                             </li>
-                            <li class="mb-1">
+                            <li class="nav-item dropdown">
                                 <a
-                                    class="link-secondary text-decoration-none"
+                                    class="nav-link dropdown-toggle"
                                     href="#"
-                                    >Random feature</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Team feature</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Stuff for developers</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Another one</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Last time</a
-                                >
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="col-6 col-md">
-                        <h5>Resources</h5>
-                        <ul class="list-unstyled text-small">
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Resource</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Resource name</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Another resource</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Final resource</a
-                                >
-                            </li>
-                        </ul>
-                    </div>
-                    <div class="col-6 col-md">
-                        <h5>About</h5>
-                        <ul class="list-unstyled text-small">
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Team</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Locations</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Privacy</a
-                                >
-                            </li>
-                            <li class="mb-1">
-                                <a
-                                    class="link-secondary text-decoration-none"
-                                    href="#"
-                                    >Terms</a
+                                    role="button"
+                                    data-bs-toggle="dropdown"
+                                    aria-expanded="false"
                                 >
+                                    Resources
+                                </a>
+                                <ul class="dropdown-menu">
+                                    <li>
+                                        <a class="dropdown-item" href="#"
+                                            >Action</a
+                                        >
+                                    </li>
+                                    <li>
+                                        <a class="dropdown-item" href="#"
+                                            >Another action</a
+                                        >
+                                    </li>
+                                    <li><hr class="dropdown-divider" /></li>
+                                    <li>
+                                        <a class="dropdown-item" href="#"
+                                            >Something else here</a
+                                        >
+                                    </li>
+                                </ul>
                             </li>
                         </ul>
                     </div>
                 </div>
-            </footer>
+            </nav>
         </div>
 
+        <main class="container py-5">
+            <header>
+                <div class="pricing-header p-3 pb-md-4 mx-auto text-center">
+                    <h1 class="display-4 fw-normal">Pricing</h1>
+                    <p class="fs-5 text-muted">
+                        From one person service companies to multi-regional
+                        operations we have you covered with affordable pricing that
+                        scales with your business.
+                    </p>
+                </div>
+            </header>
+            <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
+                <div class="col">
+                    <div class="card mb-4 rounded-3 shadow-sm">
+                        <div class="card-header py-3">
+                            <h4 class="my-0 fw-normal">Free</h4>
+                        </div>
+                        <div class="card-body">
+                            <h1 class="card-title pricing-card-title">
+                                $0<small class="text-muted fw-light">/mo</small>
+                            </h1>
+                            <ul class="list-unstyled mt-3 mb-4">
+                                <li>10 users included</li>
+                                <li>2 GB of storage</li>
+                                <li>Email support</li>
+                                <li>Help center access</li>
+                            </ul>
+                            <button
+                                type="button"
+                                class="w-100 btn btn-lg btn-outline-primary"
+                            >
+                                Sign up for free
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card mb-4 rounded-3 shadow-sm">
+                        <div class="card-header py-3">
+                            <h4 class="my-0 fw-normal">Pro</h4>
+                        </div>
+                        <div class="card-body">
+                            <h1 class="card-title pricing-card-title">
+                                $15<small class="text-muted fw-light"
+                                    >/mo</small
+                                >
+                            </h1>
+                            <ul class="list-unstyled mt-3 mb-4">
+                                <li>20 users included</li>
+                                <li>10 GB of storage</li>
+                                <li>Priority email support</li>
+                                <li>Help center access</li>
+                            </ul>
+                            <button
+                                type="button"
+                                class="w-100 btn btn-lg btn-primary"
+                            >
+                                Get started
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="card mb-4 rounded-3 shadow-sm border-primary">
+                        <div
+                            class="card-header py-3 text-bg-primary border-primary"
+                        >
+                            <h4 class="my-0 fw-normal">Enterprise</h4>
+                        </div>
+                        <div class="card-body">
+                            <h1 class="card-title pricing-card-title">
+                                $29<small class="text-muted fw-light"
+                                    >/mo</small
+                                >
+                            </h1>
+                            <ul class="list-unstyled mt-3 mb-4">
+                                <li>30 users included</li>
+                                <li>15 GB of storage</li>
+                                <li>Phone and email support</li>
+                                <li>Help center access</li>
+                            </ul>
+                            <button
+                                type="button"
+                                class="w-100 btn btn-lg btn-primary"
+                            >
+                                Contact us
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <h2 class="display-6 text-center mb-4">Compare plans</h2>
+
+            <div class="table-responsive">
+                <table class="table text-center">
+                    <thead>
+                        <tr>
+                            <th style="width: 34%"></th>
+                            <th style="width: 22%">Free</th>
+                            <th style="width: 22%">Pro</th>
+                            <th style="width: 22%">Enterprise</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <th scope="row" class="text-start">Public</th>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th scope="row" class="text-start">Private</th>
+                            <td></td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                        </tr>
+                    </tbody>
+
+                    <tbody>
+                        <tr>
+                            <th scope="row" class="text-start">Permissions</th>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th scope="row" class="text-start">Sharing</th>
+                            <td></td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th scope="row" class="text-start">
+                                Unlimited members
+                            </th>
+                            <td></td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                        </tr>
+                        <tr>
+                            <th scope="row" class="text-start">
+                                Extra security
+                            </th>
+                            <td></td>
+                            <td></td>
+                            <td>
+                                <svg class="bi" width="24" height="24">
+                                    <use xlink:href="#check" />
+                                </svg>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </main>
+
         <footer class="footer mt-auto py-3 border-top">
             <div class="container">
                 <div class="row">

	Free	Pro	Enterprise
Public	- -	- -	- -
Private		- -	- -
- Permissions -	- -	- -	- -
Sharing		- -	- -
- Unlimited members -		- -	- -
- Extra security -			- -
	Free	Pro	Enterprise
Public	+ +	+ +	+ +
Private		+ +	+ +
Permissions	+ +	+ +	+ +
Sharing		+ +	+ +
+ Unlimited members +		+ +	+ +
+ Extra security +			+ +