admin/www.ayanova.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2022-07-21 22:18:12 +00:00
parent dec96e72c1
commit 6a3e4464a7
1 changed files with 288 additions and 416 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
r/pricing.htm
View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>test title</title> <title>AyaNova Pricing</title>
<link <link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
@@ -122,8 +122,17 @@
</nav> </nav>
</div> </div>
<div class="container py-3"> <main class="container py-5">
<main> <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="row row-cols-1 row-cols-md-3 mb-3 text-center">
<div class="col"> <div class="col">
<div class="card mb-4 rounded-3 shadow-sm"> <div class="card mb-4 rounded-3 shadow-sm">
@@ -132,9 +141,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<h1 class="card-title pricing-card-title"> <h1 class="card-title pricing-card-title">
$0<small class="text-muted fw-light" $0<small class="text-muted fw-light">/mo</small>
>/mo</small
>
</h1> </h1>
<ul class="list-unstyled mt-3 mb-4"> <ul class="list-unstyled mt-3 mb-4">
<li>10 users included</li> <li>10 users included</li>
@@ -178,9 +185,7 @@
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div <div class="card mb-4 rounded-3 shadow-sm border-primary">
class="card mb-4 rounded-3 shadow-sm border-primary"
>
<div <div
class="card-header py-3 text-bg-primary border-primary" class="card-header py-3 text-bg-primary border-primary"
> >
@@ -258,9 +263,7 @@
<tbody> <tbody>
<tr> <tr>
<th scope="row" class="text-start"> <th scope="row" class="text-start">Permissions</th>
Permissions
</th>
<td> <td>
<svg class="bi" width="24" height="24"> <svg class="bi" width="24" height="24">
<use xlink:href="#check" /> <use xlink:href="#check" />
@@ -324,137 +327,6 @@
</div> </div>
</main> </main>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div class="col-12 col-md">
<img
class="mb-2"
src="../assets/brand/bootstrap-logo.svg"
alt=""
width="24"
height="19"
/>
<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">
<a
class="link-secondary text-decoration-none"
href="#"
>Cool stuff</a
>
</li>
<li class="mb-1">
<a
class="link-secondary text-decoration-none"
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
>
</li>
</ul>
</div>
</div>
</footer>
</div>
<footer class="footer mt-auto py-3 border-top"> <footer class="footer mt-auto py-3 border-top">
<div class="container"> <div class="container">
<div class="row"> <div class="row">