This commit is contained in:
2022-07-25 00:58:36 +00:00
parent 25c95aa26b
commit b825e7e8b7
4 changed files with 185 additions and 127 deletions

View File

@@ -1,7 +1,4 @@
body {
/* min-height: 90vh; */
/* background-image: linear-gradient(180deg, #eee, #fff 100px, #fff); */
}
.container {
max-width: 960px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

View File

@@ -69,31 +69,41 @@
>
</li>
<li>
<a class="dropdown-item" href="#inventory"
<a
class="dropdown-item"
href="#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#dashboard"
<a
class="dropdown-item"
href="#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="#notifications"
<a
class="dropdown-item"
href="#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="#customizable"
<a
class="dropdown-item"
href="#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="#flexible"
<a
class="dropdown-item"
href="#flexible"
>Flexible configurations</a
>
</li>
@@ -206,7 +216,7 @@
qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
</p>
</div>
</div>
@@ -227,7 +237,7 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Work orders</h2>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -268,7 +278,7 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Quotes</h2>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -311,7 +321,7 @@
<h2 class="display-5 fw-bold lh-1 mb-3">
Preventive maintenance
</h2>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -352,7 +362,7 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Contracts</h2>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -395,7 +405,7 @@
<h2 class="display-5 fw-bold lh-1 mb-3">
Customer service requests
</h2>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -438,7 +448,7 @@
<h2 class="display-5 fw-bold lh-1 mb-3">
Customer Unit service history
</h2>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -464,7 +474,6 @@
</div>
<!-- end of service block -->
<div class="container col-xxl-8 px-4 py-5">
<div id="inventory" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3">Inventory</h1>
@@ -485,48 +494,6 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
<p>
Sed ut
perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta
sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius modi
tempora incidunt ut labore et dolore magnam aliquam
quaerat voluptatem. Ut enim ad minima veniam, quis
nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit
qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
</div>
</div>
<div class="gz-divider"></div>
<div
class="row flex-lg-row-reverse align-items-center g-5 py-5"
>
<div class="col-10 col-sm-8 col-lg-6">
<img
src="/r/image/ss-overview.png"
class="d-block mx-lg-auto img-fluid"
alt="Bootstrap Themes"
width="700"
height="500"
loading="lazy"
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -550,17 +517,72 @@
</div>
</div>
<div class="gz-divider"></div>
<div
class="row flex-lg-row-reverse align-items-center g-5 py-5"
>
<div class="col-10 col-sm-8 col-lg-6">
<img
src="/r/image/ss-overview.png"
class="d-block mx-lg-auto img-fluid"
alt="Bootstrap Themes"
width="700"
height="500"
loading="lazy"
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta
sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius modi
tempora incidunt ut labore et dolore magnam aliquam
quaerat voluptatem. Ut enim ad minima veniam, quis
nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit
qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
</div>
</div>
</div>
<!-- end of inventory block -->
<div class="container col-xxl-8 px-4 py-5">
<div id="dashboard" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3">Dashboard</h1>
<p class="lead">AyaNova has a fully customizable <a href="https://www.ayanova.com/docs/home-dashboard">dashboard</a> with a <a href="https://www.ayanova.com/docs/home-dashboard/#widgets-available">variety of dashboard widgets</a> available to each <a href="https://www.ayanova.com/docs/ay-biz-admin-roles/">Authorization Role</a></a></p>
<p class="lead">
AyaNova has a fully customizable
<a href="https://www.ayanova.com/docs/home-dashboard"
>dashboard</a
>
with a
<a
href="https://www.ayanova.com/docs/home-dashboard/#widgets-available"
>variety</a
>
of widgets available to each
<a
href="https://www.ayanova.com/docs/ay-biz-admin-roles/"
>Role</a
>
</p>
<p>
Dashboard widgets are used to bring together in one
place data from many other areas of AyaNova in a
summarized and immediately useful manner.
</p>
</div>
<div
@@ -577,12 +599,36 @@
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Business metrics</h2>
<p>
Keep a pulse on the health of your business in real time with a variety of chart dashboard widgets showing business metrics essential to the success of any service or repair organization such as percentage of work orders completed on time, billable hours summaries, counts of work orders by <a href="https://www.ayanova.com/docs/svc-work-order-status/">Status</a> etc.</p>
<p>Metrics widgets are available to management level <a href="https://www.ayanova.com/docs/ay-biz-admin-roles/">Roles</a> and are fully <a href="https://www.ayanova.com/docs/home-dashboard/#settings">Customizable</a> to show only what you need in the time period and interval that is most useful to you.
<h2 class="display-5 fw-bold lh-1 mb-3">
Business metrics
</h2>
<p>
Keep a pulse on the health of your business in real
time with a variety of chart dashboard widgets
showing business metrics essential to the success of
any service or repair organization such as
percentage of work orders completed on time,
billable hours summaries, counts of work orders by
<a
href="https://www.ayanova.com/docs/svc-work-order-status/"
>Status</a
>
and more.
</p>
<p>
Metrics widgets are available to management level
<a
href="https://www.ayanova.com/docs/ay-biz-admin-roles/"
>Roles</a
>
and are fully
<a
href="https://www.ayanova.com/docs/home-dashboard/#settings"
>Customizable</a
>
to show only what you need in the time period and
interval that is most useful to you.
</p>
</div>
</div>
@@ -593,7 +639,7 @@
>
<div class="col-10 col-sm-8 col-lg-6">
<img
src="/r/image/ss-overview.png"
src="/r/image/ss-dashboard-service-lists.png"
class="d-block mx-lg-auto img-fluid"
alt="Bootstrap Themes"
width="700"
@@ -602,36 +648,75 @@
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<h2 class="display-5 fw-bold lh-1 mb-3">
Service lists
</h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta
sunt explicabo. Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia
consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, consectetur,
adipisci velit, sed quia non numquam eius modi
tempora incidunt ut labore et dolore magnam aliquam
quaerat voluptatem. Ut enim ad minima veniam, quis
nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit
qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
Don't miss a thing with dashboard widgets to ensure
the smooth flow of service with list widgets for
<a
href="https://www.ayanova.com/docs/home-dashboard/#open-customer-service-requests"
>Open Customer service requests</a
>,
<a
href="https://www.ayanova.com/docs/home-dashboard/#not-scheduled"
>Work orders not scheduled</a
>
<a
href="https://www.ayanova.com/docs/home-dashboard/#overdue-all"
>Overdue Work orders</a
>
and more.
</p>
<p>
Service related list widgets come in manager
versions showing all items and personal versions for
individual service technicians.
</p>
</div>
</div>
<div class="gz-divider"></div>
<div
class="row flex-lg-row-reverse align-items-center g-5 py-5"
>
<div class="col-10 col-sm-8 col-lg-6">
<img
src="/r/image/ss-dashboard-personal.png"
class="d-block mx-lg-auto img-fluid"
alt="Bootstrap Themes"
width="700"
height="500"
loading="lazy"
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">
Personal widgets
</h2>
<p>
Several widgets are available for personal items
within the current time frame such as a User's
<a
href="https://www.ayanova.com/docs/home-dashboard/#reminders"
>Reminders</a
>,
<a
href="https://www.ayanova.com/docs/home-dashboard/#reviews"
>Reviews</a
>
<a
href="https://www.ayanova.com/docs/home-dashboard/#scheduled"
>Scheduled Work orders</a
>
and more.
</p>
</div>
</div>
</div>
<!-- end of dashboard block -->
<div class="container col-xxl-8 px-4 py-5">
<div id="notifications" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3">Notifications</h1>
@@ -653,8 +738,7 @@
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
<p>
Sed ut
perspiciatis unde omnis iste natus error sit
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta
@@ -673,7 +757,6 @@
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
</div>
</div>
@@ -693,7 +776,7 @@
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -716,13 +799,9 @@
</p>
</div>
</div>
</div>
<!-- end of notifications block -->
<div class="container col-xxl-8 px-4 py-5">
<div id="customizable" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3">Customizable</h1>
@@ -744,8 +823,7 @@
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
<p>
Sed ut
perspiciatis unde omnis iste natus error sit
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta
@@ -764,7 +842,6 @@
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
</div>
</div>
@@ -784,7 +861,7 @@
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -807,18 +884,14 @@
</p>
</div>
</div>
</div>
<!-- end of customizable block -->
<div class="container col-xxl-8 px-4 py-5">
<div id="flexible" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3">Flexible configurations</h1>
<h1 class="display-2 fw-bold lh-1 mb-3">
Flexible configurations
</h1>
</div>
<div
@@ -837,8 +910,7 @@
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXXX</h2>
<p>
Sed ut
perspiciatis unde omnis iste natus error sit
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta
@@ -857,7 +929,6 @@
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
</div>
</div>
@@ -877,7 +948,7 @@
/>
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<h2 class="display-5 fw-bold lh-1 mb-3">XXXXX</h2>
<p>
Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -900,23 +971,13 @@
</p>
</div>
</div>
</div>
<!-- end of flexible configurations block -->
</main>
<footer class="footer mt-auto py-5 ">
<footer class="footer mt-auto py-5">
<div class="gz-divider"></div>
<div class="container">
<div class="row">
<p class="col-lg-6 pt-2 text-muted">
&copy; 2022 Ground Zero Tech-Works, Inc