Files
www.ayanova.com/v8index.htm
2022-07-25 22:40:15 +00:00

1087 lines
55 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AyaNova service management software</title>
<meta
name="keywords"
content=" service management software, work order software, ayanova, customer service software, repair shop, dispatch, service, preventative maintenance, service scheduling, employee scheduling software"
/>
<meta
name="description"
content="AyaNova work order &amp; service management software for repair shops. Features for customer service, employee scheduling, work orders, dispatch and preventive maintenance."
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-lg fs-5">
<div class="container-fluid">
<a class="navbar-brand active" 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="#service"
>Service</a
>
</li>
<li>
<a
class="dropdown-item"
href="#inventory"
>Inventory</a
>
</li>
<li>
<a
class="dropdown-item"
href="#dashboard"
>Dashboard</a
>
</li>
<li>
<a
class="dropdown-item"
href="#notifications"
>Notifications</a
>
</li>
<li>
<a
class="dropdown-item"
href="#customizable"
>Customizable</a
>
</li>
<li>
<a
class="dropdown-item"
href="#flexible"
>Flexible configurations</a
>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/r/evaluate.htm"
>Try it out</a
>
</li>
<li class="nav-item">
<a class="nav-link" 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="https://ayanova.com/docs"
>AyaNova manual</a
>
</li>
<li>
<a
class="dropdown-item"
href="https://forum.ayanova.com"
>Forum</a
>
</li>
<li>
<a
class="dropdown-item"
href="/r/download.htm"
>Download</a
>
</li>
<li>
<a
class="dropdown-item"
href="https://contact.ayanova.com/contact"
>Contact us</a
>
</li>
<li>
<a
class="dropdown-item"
href="/r/about.htm"
>About us</a
>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
<main>
<div class="container col-xxl-8 px-4 py-5">
<div id="service" class="text-center pt-5">
<h1 class="display-2 fw-bold lh-1 mb-3">Service</h1>
</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-scheduling.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">Scheduling</h2>
<p>
Quickly book service and repairs with familiar style
scheduling forms.
</p>
<p>
A
<a
href="https://www.ayanova.com/docs/home-schedule/"
>Personal schedule form</a
>
for each User's own items and a
<a href="https://www.ayanova.com/docs/svc-schedule/"
>Service management</a
>
schedule form for dispatching all scheduleable
employees.
</p>
<p>
Multiple time range
<a
href="https://www.ayanova.com/docs/svc-schedule/#views"
>views</a
>, drag/drop to
<a
href="https://www.ayanova.com/docs/svc-schedule/#create-modify-view-events"
>create or modify</a
>
events,
<a
href="https://www.ayanova.com/docs/svc-schedule/#filtering"
>filter</a
>
sheduleable employees into groups by
<a
href="https://www.ayanova.com/docs/adm-users/#tags"
>User Tag</a
>,
<a
href="https://www.ayanova.com/docs/svc-schedule/#exclude-days-of-the-week"
>exclude</a
>
non working days, customize how data displays and
much more.
</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-work-order.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">Work orders</h2>
<p>
AyaNova features a rich,
<a href="#customizable">customizable</a>,
<a
href="https://www.ayanova.com/docs/svc-workorders/"
></a
>Work order form used to schedule and track billable
items and services provided to your <a href="https://www.ayanova.com/docs/customers/">Customers</a>.
</p>
<p>
From simple single labor incident repairs to more
complex multi-activity tickets for ongoing projects
with multiple service technicians our work order is
designed to <a href="https://www.ayanova.com/docs/svc-workorders/#work-order-structure">flexibly adapt</a> to your needs seemlessly.
</p>
<p>
There are 9 different items trackable in a Work
order but don't worry; they only appear when you add
them keeping every service ticket as simple as possible.
</p>
<ul>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#units">Units</a> - select and track Customer equipment repairs</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#scheduled-users">Scheduled users</a> - schedule service technicians for future service</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#tasks">Tasks</a> - check list of tasks to be performed</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#parts">Parts</a> - parts used in service</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#labors">Labor</a> - labor provided during service</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#travels">Travel</a> - travel required to provide service</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#expenses">Expenses</a> - assorted expenses required to provide service</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#loans">Loan units</a> - equipment loaned or rented to a Customer</li>
<li><a href="https://www.ayanova.com/docs/svc-workorders/#outside-services">Outside services</a> - 3rd party service i.e. contractor, service depot or RMA / Warranty</li>
</ul>
<p>
All forms in AyaNova including the work order form
are customizable, you can remove almost all fields
or even entire sections that you don't need to meet
the exact needs of your business.
</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">Quotes</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">
Preventive maintenance
</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">Contracts</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">
Customer service requests
</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">
Customer Unit service history
</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 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>
</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">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
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</a
>
of widgets available to each
<a
href="https://www.ayanova.com/docs/ay-biz-admin-roles/"
>Role</a
>
</p>
<p class="lead">
Dashboard widgets are used to bring together in one
place immediately useful, summarized information from
many areas of AyaNova in one place.
</p>
</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-biz-metrics.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">
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
<a
href="https://www.ayanova.com/docs/home-dashboard/#percentage-of-work-orders-completed-on-time"
>Percentage of work orders completed on time</a
>,
<a
href="https://www.ayanova.com/docs/home-dashboard/#service-quantity-all"
>Billable hours summaries</a
>,
<a
href="https://www.ayanova.com/docs/home-dashboard/#count-of-work-orders-by-status"
>Counts of work orders</a
>
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>
<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-service-lists.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">
Service lists
</h2>
<p>
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>
<p>
These are current time and day windows into the full
personal
<a
href="https://www.ayanova.com/docs/home-schedule/"
>schedule form</a
>.
</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>
</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">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
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 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>
</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">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
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 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>
</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">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
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 flexible configurations block -->
</main>
<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
</p>
<ul class="nav col-lg-6 justify-content-end">
<li class="nav-item">
<a
href="/r/privacy.htm"
class="nav-link px-2 text-muted"
>Privacy policy</a
>
</li>
<li class="nav-item">
<a
href="/r/license.htm"
class="nav-link px-2 text-muted"
>Licensing</a
>
</li>
<li class="nav-item">
<a
href="https://contact.ayanova.com/contact"
class="nav-link px-2 text-muted"
>Contact</a
>
</li>
</ul>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"
integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"
crossorigin="anonymous"
></script>
</body>
</html>