This commit is contained in:
2022-07-25 00:17:19 +00:00
parent d734a280a1
commit 25c95aa26b
9 changed files with 649 additions and 82 deletions

View File

@@ -19,6 +19,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
<div class="container">
@@ -63,19 +64,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -129,7 +148,8 @@
</div>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

View File

@@ -19,6 +19,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
<div class="container">
@@ -63,19 +64,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -129,7 +148,8 @@
</div>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

View File

@@ -19,6 +19,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
<div class="container">
@@ -63,19 +64,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -129,7 +148,8 @@
</div>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

View File

@@ -19,6 +19,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
@@ -65,19 +66,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -493,7 +512,8 @@
</div>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

View File

@@ -11,7 +11,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="r/css/site.css" rel="stylesheet" />
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
@@ -65,19 +65,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -327,7 +345,8 @@
</div>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

View File

@@ -13,6 +13,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
@@ -59,19 +60,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -266,7 +285,8 @@
</p>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

View File

@@ -19,6 +19,7 @@
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link href="/r/css/site.css" rel="stylesheet" />
</head>
<body>
<div class="container">
@@ -63,19 +64,37 @@
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="#"
>Action</a
<a class="dropdown-item" href="/v8index.htm#service"
>Service</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Another action</a
<a class="dropdown-item" href="/v8index.htm#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
>Something else here</a
<a class="dropdown-item" href="/v8index.htm#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="/v8index.htm#flexible"
>Flexible configurations</a
>
</li>
</ul>
@@ -129,7 +148,8 @@
</div>
</main>
<footer class="footer mt-auto py-3 border-top">
<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">

View File

@@ -69,31 +69,31 @@
>
</li>
<li>
<a class="dropdown-item" href="#"
<a class="dropdown-item" href="#inventory"
>Inventory</a
>
</li>
<li>
<a class="dropdown-item" href="#"
<a class="dropdown-item" href="#dashboard"
>Dashboard</a
>
</li>
<li>
<a class="dropdown-item" href="#"
<a class="dropdown-item" href="#notifications"
>Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="#"
<a class="dropdown-item" href="#customizable"
>Customizable</a
>
</li>
<li>
<a class="dropdown-item" href="#"
<a class="dropdown-item" href="#flexible"
>Flexible configurations</a
>
</li>
@@ -206,27 +206,7 @@
qui in ea voluptate velit esse quam nihil molestiae
consequatur, vel illum qui dolorem eum fugiat quo
voluptas nulla pariatur?
</p>
<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>
</p>
</div>
</div>
@@ -247,7 +227,7 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Work orders</h2>
<p>Here is a blurb about wo.</p>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -288,7 +268,7 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Quotes</h2>
<p>Here is a blurb about wo.</p>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -331,7 +311,7 @@
<h2 class="display-5 fw-bold lh-1 mb-3">
Preventive maintenance
</h2>
<p>Here is a blurb about wo.</p>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -372,7 +352,7 @@
</div>
<div class="col-lg-6">
<h2 class="display-5 fw-bold lh-1 mb-3">Contracts</h2>
<p>Here is a blurb about wo.</p>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -415,7 +395,7 @@
<h2 class="display-5 fw-bold lh-1 mb-3">
Customer service requests
</h2>
<p>Here is a blurb about wo.</p>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -458,7 +438,7 @@
<h2 class="display-5 fw-bold lh-1 mb-3">
Customer Unit service history
</h2>
<p>Here is a blurb about wo.</p>
<p>
"Sed ut perspiciatis unde omnis iste natus error sit
voluptatem accusantium doloremque laudantium, totam
@@ -483,6 +463,454 @@
</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 of dashboard widgets</a> available to each <a href="https://www.ayanova.com/docs/ay-biz-admin-roles/">Authorization Role</a></a></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 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.
</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 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 ">