13590 lines
570 KiB
HTML
13590 lines
570 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Odoo Dashboard Ninja | Description</title>
|
||
<meta charset="utf-8" />
|
||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||
<link href="https://fonts.googleapis.com" rel="preconnect" />
|
||
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect" />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
<!-- Bootstrap 5 CSS cdn -->
|
||
<link
|
||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
|
||
rel="stylesheet"
|
||
/>
|
||
<style>
|
||
.card-header .card-title img {
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
.card-header.collapsed .card-title img {
|
||
transform: rotate(0deg);
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<section>
|
||
<div class="container shadow px-0" style="border-radius: 8px">
|
||
<div
|
||
class="px-md-5 p-2"
|
||
style="border-radius: 20px; font-family: 'Inter', sans-serif"
|
||
>
|
||
<div
|
||
class="d-lg-none d-flex align-items-center justify-content-between"
|
||
>
|
||
<div class="d-flex align-items-center">
|
||
<div class="me-1">
|
||
<img
|
||
height="44"
|
||
width="44"
|
||
src="./img/new-add-img/dn-description-new.png"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 500;
|
||
font-family: 'poppins';
|
||
font-size: 16px;
|
||
line-height: 19px;
|
||
color: #241c1d;
|
||
"
|
||
>
|
||
Dashboard <br class="d-xl-block d-none" />
|
||
Ninja
|
||
</div>
|
||
</div>
|
||
<a
|
||
class="d-flex align-items-center justify-content-center px-4 py-3 text-center"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 12px 15px;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #fff;
|
||
"
|
||
>
|
||
<img
|
||
class="me-2"
|
||
width="14"
|
||
height="14"
|
||
src="./img/new-add-img/call.png"
|
||
alt=""
|
||
/>
|
||
18001210218
|
||
</a>
|
||
</div>
|
||
<div
|
||
class="pt-4 d-flex position-relative justify-content-lg-between justify-content-center align-items-center pb-1 z-2"
|
||
style="z-index: 10"
|
||
>
|
||
<div class="d-lg-flex d-none align-items-center">
|
||
<div class="me-1">
|
||
<img
|
||
height="44"
|
||
width="44"
|
||
src="./img/new-add-img/dn-description-new.png"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 500;
|
||
font-family: 'poppins';
|
||
font-size: 16px;
|
||
line-height: 19px;
|
||
color: #241c1d;
|
||
"
|
||
>
|
||
Dashboard <br class="d-xl-block d-none" />
|
||
Ninja
|
||
</div>
|
||
</div>
|
||
<ul
|
||
class="nav nav-tabs justify-content-center"
|
||
id="myTab"
|
||
role="tablist"
|
||
>
|
||
<li
|
||
class="nav-item"
|
||
role="presentation"
|
||
style="/* background: transparent; */"
|
||
>
|
||
<a
|
||
aria-controls="overview"
|
||
aria-bs-selected="true"
|
||
class="nav-link active"
|
||
data-bs-toggle="tab"
|
||
href="#overview"
|
||
id="overview-tab"
|
||
role="tab"
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
background: transparent;
|
||
border-bottom: 1px solid transparent;
|
||
color: #171618;
|
||
"
|
||
aria-selected="true"
|
||
>
|
||
Overview</a
|
||
>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a
|
||
aria-controls="s_c"
|
||
aria-bs-selected="false"
|
||
class="nav-link"
|
||
data-bs-toggle="tab"
|
||
href="#feature-tab"
|
||
id="support-tab"
|
||
role="tab"
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #171618; /* background: #57CFEF; */
|
||
background: transparent;
|
||
border-bottom: 1px solid transparent;
|
||
"
|
||
aria-selected="false"
|
||
tabindex="-1"
|
||
>Features</a
|
||
>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a
|
||
aria-controls="why-ks"
|
||
aria-bs-selected="false"
|
||
class="nav-link py-2"
|
||
data-bs-toggle="tab"
|
||
href="#why-ks"
|
||
id="why-ks-tab"
|
||
role="tab"
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #171618;
|
||
background: transparent;
|
||
border-bottom: 1px solid transparent;
|
||
"
|
||
aria-selected="false"
|
||
tabindex="-1"
|
||
>Why Ksolves</a
|
||
>
|
||
</li>
|
||
|
||
<li class="nav-item" role="presentation">
|
||
<a
|
||
aria-controls="faq"
|
||
aria-bs-selected="false"
|
||
class="nav-link"
|
||
data-bs-toggle="tab"
|
||
href="#faq"
|
||
id="faq-tab"
|
||
role="tab"
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
color: #171618;
|
||
background: transparent;
|
||
border-bottom: 1px solid transparent;
|
||
"
|
||
aria-selected="false"
|
||
tabindex="-1"
|
||
>
|
||
FAQs</a
|
||
>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<a
|
||
aria-controls="releases"
|
||
aria-bs-selected="false"
|
||
class="nav-link"
|
||
data-bs-toggle="tab"
|
||
href="#releases"
|
||
id="releases-tab"
|
||
role="tab"
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
background: transparent;
|
||
border-bottom: 1px solid transparent;
|
||
color: #171618;
|
||
"
|
||
aria-selected="false"
|
||
tabindex="-1"
|
||
>Releases</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
<a
|
||
class="d-lg-flex d-none align-items-center justif-content-center px-4 py-3 text-center"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 12px 15px;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #fff;
|
||
"
|
||
>
|
||
<img
|
||
class="me-2"
|
||
width="14"
|
||
height="14"
|
||
src="./img/new-add-img/call.png"
|
||
alt=""
|
||
/>
|
||
18001210218
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="mb-4"
|
||
style="border-radius: 20px; font-family: 'Inter', sans-serif"
|
||
>
|
||
<div class="tab-content py-2" id="myTabContent">
|
||
<div
|
||
aria-labelledby="overview-tab"
|
||
class="tab-pane fade active show"
|
||
id="overview"
|
||
role="tabpanel"
|
||
>
|
||
<div class="position-relative">
|
||
<img
|
||
src="./img/new-add-img/latest-bg.png"
|
||
class="position-absolute w-100"
|
||
alt="main-bg"
|
||
style="object-fit: contain; margin-top: -248px"
|
||
/>
|
||
<div class="mb-3 position-relative">
|
||
<div class="row justify-content-center">
|
||
<div class="col-xl-7 col-12">
|
||
<div
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 24px;
|
||
color: #000;
|
||
margin-bottom: 20px;
|
||
text-align: center;
|
||
"
|
||
>
|
||
Apps Handpicked by Ksolves
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-9 col-12">
|
||
<div class="row">
|
||
<div class="col-xl-6">
|
||
<a
|
||
class="d-flex text-decoration-none cursor-pointer"
|
||
href="https://apps.odoo.com/apps/modules/18.0/ks_access_manager_ninja"
|
||
target="_blank"
|
||
style="
|
||
background-color: #ffffff;
|
||
border-radius: 8px;
|
||
text-decoration: none;
|
||
border: 2px solid #e5e7eb;
|
||
padding: 18px;
|
||
cursor: pointer;
|
||
"
|
||
>
|
||
<div style="margin-right: 13px">
|
||
<img src="./img/new-add-img/amn-logo.svg" alt="" />
|
||
</div>
|
||
<div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 27px;
|
||
"
|
||
>
|
||
Access Manager Ninja
|
||
</div>
|
||
<div
|
||
style="
|
||
color: #000000;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
margin-top: 5px;
|
||
margin-bottom: 16px;
|
||
"
|
||
>
|
||
Simplifying
|
||
<span style="font-weight: 600"
|
||
>Odoo access control</span
|
||
>
|
||
<br class="d-xl-block d-none" />
|
||
for all industries.
|
||
</div>
|
||
<div
|
||
href=""
|
||
style="
|
||
text-decoration: none;
|
||
color: #e84a5f;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
"
|
||
>
|
||
<span>Know More</span
|
||
><span>
|
||
<img src="./img/new-add-img/arrow-right.svg" />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<a
|
||
class="d-flex text-decoration-none cursor-pointer"
|
||
href="https://apps.odoo.com/apps/modules/18.0/ks_woocommerce"
|
||
target="_blank"
|
||
style="
|
||
background-color: #ffffff;
|
||
border-radius: 8px;
|
||
text-decoration: none;
|
||
border: 2px solid #e5e7eb;
|
||
padding: 18px;
|
||
cursor: pointer;
|
||
"
|
||
>
|
||
<div style="margin-right: 13px">
|
||
<img
|
||
src="./img/new-add-img/woocommerce-logo.svg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 27px;
|
||
"
|
||
>
|
||
Odoo WooCommerce Connector
|
||
</div>
|
||
<div
|
||
style="
|
||
color: #000000;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
margin-top: 5px;
|
||
margin-bottom: 16px;
|
||
"
|
||
>
|
||
Fastest Odoo WooCommerce Connector
|
||
<br class="d-xl-block d-none" />
|
||
with zero hassle;
|
||
<span style="font-weight: 600"
|
||
>Sync 45K+ orders/hour</span
|
||
>
|
||
.
|
||
</div>
|
||
<div
|
||
href=""
|
||
style="
|
||
text-decoration: none;
|
||
color: #e84a5f;
|
||
font-weight: 500;
|
||
font-size: 14px;
|
||
"
|
||
>
|
||
<span>Know More</span
|
||
><span>
|
||
<img src="./img/new-add-img/arrow-right.svg" />
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row position-relative justify-content-center">
|
||
<h1
|
||
class="mb-2 col-12"
|
||
style="
|
||
font-weight: 700;
|
||
font-size: 50px;
|
||
line-height: 60px;
|
||
text-align: center;
|
||
color: #171618;
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Dashboard Ninja </span>
|
||
with AI
|
||
</h1>
|
||
<p
|
||
style="
|
||
text-align: center;
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
line-height: 25px;
|
||
color: #171618;
|
||
"
|
||
class="mb-4 col-lg-7 col-12"
|
||
>
|
||
Create amazing reports with the powerful & smart Odoo
|
||
Dashboard Ninja app with a <br class="d-xl-block d-none" />
|
||
refreshed, modern user interface for effortless navigation
|
||
and enhanced user <br class="d-xl-block d-none" />
|
||
experience. Enjoy the simplified workflow that makes
|
||
everything easy, from <br class="d-xl-block d-none" />
|
||
generating dashboards to collaborating with your team
|
||
members.
|
||
</p>
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center col-12 mb-lg-2 mb-3"
|
||
>
|
||
<a
|
||
class="d-flex justif-content-center align-items-center mb-3"
|
||
target="_blank"
|
||
href="https://www.ksolves.com/user-guide/odoo-dashboard-ninja"
|
||
style="
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-size: 16px;
|
||
line-height: 19.6px;
|
||
"
|
||
>
|
||
<img src="./img/new-add-img/copy.svg" loading="lazy" alt="" />
|
||
<span
|
||
style="
|
||
color: #060506;
|
||
border-radius: 5px;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
margin-left: 10px;
|
||
"
|
||
>ksolves.com/user-guide/odoo-dashboard-ninja/</span
|
||
>
|
||
</a>
|
||
<a
|
||
class="d-flex align-items-center justif-content-center px-4 py-3 text-center"
|
||
target="_blank"
|
||
href="https://www.youtube.com/watch?v=Kcye9yHu4rY&ab_channel=KsolvesIndiaLimited"
|
||
style="
|
||
padding: 10px 25px;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #ffffff;
|
||
border: 2px solid #e84a5f;
|
||
"
|
||
>
|
||
<img
|
||
alt=""
|
||
height="24"
|
||
width="24"
|
||
class="me-2"
|
||
loading="lazy"
|
||
src="./img/new-add-img/video-circle.svg"
|
||
style=""
|
||
/>
|
||
Watch a Demo
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="ks-top-logos position-relative mb-2 px-md-5 p-1 pt-lg-5 mt-lg-4"
|
||
>
|
||
<div class="text-center">
|
||
<img
|
||
src="./img/Ksolves.png"
|
||
class="img-fluid"
|
||
alt="ks-logo"
|
||
height="83"
|
||
width="400"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="position-relative d-flex justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-theme-updated.png"
|
||
alt=""
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<div
|
||
class="position-relative text-center"
|
||
style="margin-top: -60px"
|
||
>
|
||
<div
|
||
class="d-flex mx-auto justify-content-center align-items-center"
|
||
style="
|
||
box-shadow: 0px 2.96px 17.75px 0px #00000005;
|
||
border: 1.48px solid #e5e7eb;
|
||
background-color: #f5efff;
|
||
border-radius: 12px;
|
||
padding: 10px 20px;
|
||
width: fit-content;
|
||
"
|
||
>
|
||
<div class="me-2">
|
||
<img
|
||
src="./img/new-add-img/tinified/latest-release.png"
|
||
class="img-fluid"
|
||
height="36"
|
||
width="36"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div>
|
||
<h4
|
||
class="mb-0"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 12px;
|
||
color: #000000;
|
||
"
|
||
>
|
||
Latest Release 1.1.7
|
||
</h4>
|
||
<p
|
||
class="mt-1 mb-0 text-start"
|
||
style="font-weight: 400; font-size: 8px; color: #000000"
|
||
>
|
||
7th April, 2025
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="position-relative row mx-auto justify-content-center py-md-5 p-2"
|
||
>
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
text-align: center;
|
||
font-size: 30px;
|
||
font-weight: 600;
|
||
color: #060506;
|
||
margin-top: -33px;
|
||
"
|
||
>
|
||
What’s New in Dashboard Ninja
|
||
</h3>
|
||
<div class="col-9">
|
||
<div
|
||
style="padding-top: 20px"
|
||
class="d-flex justify-content-center align-items-center flex-wrap gap-3"
|
||
>
|
||
<div
|
||
class="text-center d-flex align-items-center"
|
||
style="
|
||
background-color: #8a2995;
|
||
border: 3.28px solid #ffffff;
|
||
border-radius: 50px;
|
||
padding: 10px 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/cuboid.png"
|
||
height="28"
|
||
width="20"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
|
||
<p
|
||
class="mb-0 ms-3"
|
||
style="color: #ffffff; font-size: 20px"
|
||
>
|
||
New Theme
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="text-center d-flex align-items-center"
|
||
style="
|
||
background-color: #8a2995;
|
||
border: 3.28px solid #ffffff;
|
||
border-radius: 50px;
|
||
padding: 10px 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-intro-1.png"
|
||
height="28"
|
||
width="20"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
|
||
<p
|
||
class="mb-0 ms-3"
|
||
style="color: #ffffff; font-size: 20px"
|
||
>
|
||
Extract Chart Insights with AI
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="text-center d-flex align-items-center"
|
||
style="
|
||
background-color: #8a2995;
|
||
border: 3.28px solid #ffffff;
|
||
border-radius: 50px;
|
||
padding: 10px 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-intro-2.png"
|
||
height="28"
|
||
width="20"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
|
||
<p
|
||
class="mb-0 ms-3"
|
||
style="color: #ffffff; font-size: 20px"
|
||
>
|
||
Bookmark Dashboard
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="text-center d-flex align-items-center"
|
||
style="
|
||
background-color: #8a2995;
|
||
border: 3.28px solid #ffffff;
|
||
border-radius: 50px;
|
||
padding: 10px 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-intro-3.png"
|
||
height="28"
|
||
width="20"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
|
||
<p
|
||
class="mb-0 ms-3"
|
||
style="color: #ffffff; font-size: 20px"
|
||
>
|
||
Internal Chat
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="text-center d-flex align-items-center"
|
||
style="
|
||
background-color: #8a2995;
|
||
border: 3.28px solid #ffffff;
|
||
border-radius: 50px;
|
||
padding: 10px 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-intro-4.png"
|
||
height="28"
|
||
width="20"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
|
||
<p
|
||
class="mb-0 ms-3"
|
||
style="color: #ffffff; font-size: 20px"
|
||
>
|
||
Dashboard Overview
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="text-center d-flex align-items-center"
|
||
style="
|
||
background-color: #8a2995;
|
||
border: 3.28px solid #ffffff;
|
||
border-radius: 50px;
|
||
padding: 10px 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-intro-5.png"
|
||
height="28"
|
||
width="20"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
<p
|
||
class="mb-0 ms-3"
|
||
style="color: #ffffff; font-size: 20px"
|
||
>
|
||
Chart Visualization
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row px-md-4 px-2" style="">
|
||
<div class="col-md-12" style="">
|
||
<div
|
||
style="
|
||
font-family: Inter, sans-serif;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 120%;
|
||
text-align: center;
|
||
text-transform: capitalize;
|
||
font-size: calc(2.06rem + 1vw);
|
||
margin-bottom: 8px;
|
||
margin-top: 20px;
|
||
"
|
||
>
|
||
<span style="color: #0b0d0e; font-size: calc(1.2rem + 1vw)"
|
||
>Tailored Dashboards for Every Industry Nee</span
|
||
>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-family: Inter;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
font-size: 20px;
|
||
line-height: 26px;
|
||
text-align: center;
|
||
color: #838696;
|
||
margin-bottom: 40px;
|
||
"
|
||
>
|
||
Empower your business with Odoo Best Dashboard
|
||
<br class="d-xl-block d-none" />
|
||
tools—customized, insightful, and ready to scale.
|
||
</p>
|
||
</div>
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img alt="" src="./img/new-add-img/layer-one.svg" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Retail & E-commerce
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>
|
||
Track sales with Sales Dashboard and revenue trends.
|
||
</li>
|
||
<li>Monitor stock using Inventory Dashboard.</li>
|
||
<li>Analyze customer data via Analytic Dashboard.</li>
|
||
<li>
|
||
Create Multiple Dashboards for stores and channels.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img alt="" src="./img/new-add-img/layer-two.svg" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Manufacturing
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Measure production KPIs in an Advance Dashboard.</li>
|
||
<li>Manage stock with Accounting Stock Dashboard.</li>
|
||
<li>Analyze defects via Chart Graphs Table View.</li>
|
||
<li>
|
||
Use a Customized Robust Dashboard for supply chain
|
||
tracking.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-three.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Healthcare
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>
|
||
Visualize appointments using a Beautiful Dashboard.
|
||
</li>
|
||
<li>
|
||
Monitor medical inventory with Inventory Dashboard.
|
||
</li>
|
||
<li>Track billing via Invoice Dashboard.</li>
|
||
<li>Manage staff through a Modern Dashboard.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-four.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Finance & Banking
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>View financials in an Account Dashboard.</li>
|
||
<li>Track invoices through an Invoice Dashboard.</li>
|
||
<li>Monitor ROI with Odoo Best Dashboard.</li>
|
||
<li>Build Pre-Configured Dashboards for audits.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-five.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Education & EdTech
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Review student data with an Analytic Dashboard.</li>
|
||
<li>Track attendance in a Predefined Dashboard.</li>
|
||
<li>Analyze leads via CRM Dashboard.</li>
|
||
<li>
|
||
Use a Beautiful Powerful Dashboard for faculty KPIs.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 6 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-six.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Real Estate
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Analyze leads using Odoo Dashboard.</li>
|
||
<li>Track visits in a Best Ninja Dashboard.</li>
|
||
<li>Use Beautiful Dashboards for sales insights.</li>
|
||
<li>Create a Dashboard Studio for agents.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 7 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-seven.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Logistics & Transportation
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Track delivery with a Dynamic Dashboard.</li>
|
||
<li>Monitor routes via Chart Graphs Table View.</li>
|
||
<li>View fuel data in a Robust Dashboard.</li>
|
||
<li>Combine KPIs using Multiple Dashboards.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 8 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-eight.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Hospitality & Travel
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Track bookings using CRM Dashboard.</li>
|
||
<li>Analyze revenue via a Sales Dashboard.</li>
|
||
<li>Monitor campaigns in a Revamp Dashboard.</li>
|
||
<li>Build a Customized Dashboard per property.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 10 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-nine.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
IT & SaaS
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Track sprints in an Advance Dashboard.</li>
|
||
<li>Monitor users via Analytic Dashboard.</li>
|
||
<li>View support KPIs with Odoo Studio.</li>
|
||
<li>Build an All-In-One Dynamic Dashboard.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 12 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img src="./img/new-add-img/layer-ten.svg" alt="" style="" />
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
NGOs & Non-Profits
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>View donations in a Predefined Dashboard.</li>
|
||
<li>
|
||
Track volunteers through a Customized Robust Dashboard.
|
||
</li>
|
||
<li>Analyze campaigns using a Pie Chart Dashboard.</li>
|
||
<li>
|
||
Share results with a Beautiful Powerful Dashboard.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 11 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/layer-eleven.svg"
|
||
alt=""
|
||
style=""
|
||
/>
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Media & Entertainment
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>
|
||
Manage content pipelines with a Dynamic Dashboard.
|
||
</li>
|
||
<li>Track ad revenue using Sales Dashboard.</li>
|
||
<li>Monitor user engagement with Analytic Dashboards.</li>
|
||
<li>
|
||
Build Customized Dashboards for streaming, publishing,
|
||
or events.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 12 -->
|
||
<div
|
||
class="col-xl-4 h-100 mb-3 col-lg-6 col-12"
|
||
style="min-height: 164px"
|
||
>
|
||
<div
|
||
class="d-flex flex-column gap-3 p-3"
|
||
style="
|
||
border-radius: 22px;
|
||
min-height: 214px;
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
"
|
||
>
|
||
<div class="d-flex align-items-center gap-2" style="">
|
||
<div
|
||
style="
|
||
border: 1px solid rgb(229, 231, 235);
|
||
height: 61px;
|
||
width: 61px;
|
||
display: flex;
|
||
border-radius: 10px;
|
||
background-color: #ffffff;
|
||
"
|
||
class="d-flex justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/layer-twelve.svg"
|
||
alt=""
|
||
style=""
|
||
/>
|
||
</div>
|
||
<div
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
color: rgb(23, 22, 24);
|
||
"
|
||
>
|
||
Legal & Compliance
|
||
</div>
|
||
</div>
|
||
<ul
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 12px;
|
||
color: #838696;
|
||
margin-bottom: 0px;
|
||
padding-left: 20px;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
<li>Track case progress with a Modern Dashboard.</li>
|
||
<li>Monitor billable hours via Invoice Dashboard.</li>
|
||
<li>
|
||
Manage documentation through a Predefined Dashboard.
|
||
</li>
|
||
<li>
|
||
Ensure regulatory compliance using a Customized Robust
|
||
Dashboard.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- one-stop-solution-section -->
|
||
<div
|
||
class="d-flex mt-4"
|
||
style="
|
||
background-color: #f5efff;
|
||
position: relative;
|
||
height: 400px;
|
||
"
|
||
>
|
||
<!-- Set the desired height -->
|
||
<div class="row px-5 mx-4 py-4 w-100 h-100 position-relative">
|
||
<div
|
||
class="col-xl-8 d-flex flex-column justify-content-center"
|
||
>
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
font-weight: 700;
|
||
font-size: 45px;
|
||
line-height: 60px;
|
||
color: #060506;
|
||
"
|
||
>
|
||
Ksolves - Your <br class="d-lg-block d-none" />one-stop
|
||
solution
|
||
</h3>
|
||
<p
|
||
class="mb-4"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
We are available 24/7 for your service. Contact us today!
|
||
</p>
|
||
<div class="d-flex align-iems-center">
|
||
<a
|
||
class="d-flex align-items-center me-2 justif-content-center px-4 py-3 text-center"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 15px !important;
|
||
width: fit-content;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #fff;
|
||
"
|
||
>
|
||
<img
|
||
class="me-2"
|
||
width="14"
|
||
height="14"
|
||
src="./img/new-add-img/call.png"
|
||
alt=""
|
||
/>
|
||
18001210218
|
||
</a>
|
||
<a
|
||
class="d-flex align-items-center justif-content-center px-4 py-3 text-center"
|
||
href="mailto:sales@ksolves.com"
|
||
style="
|
||
padding: 15px !important;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
width: fit-content;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #e84a5f;
|
||
border: 2px solid #e84a5f;
|
||
"
|
||
>
|
||
<img
|
||
alt=""
|
||
class="me-2 img-fluid"
|
||
height="18"
|
||
width="18"
|
||
loading="lazy"
|
||
src="./img/new-add-img/sms-notification.png"
|
||
/>
|
||
Mail Us
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-xl-block d-none position-relative">
|
||
<div
|
||
class="position-absolute top-0 d-flex justify-content-center align-items-center"
|
||
style="top: 0; right: 0; height: 100%"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/Digital-transformation-bro 1.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
style="object-fit: cover"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row pt-5 justify-content-center mx-auto">
|
||
<div
|
||
class="col-12 d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<h1
|
||
class="mb-2 col-12"
|
||
style="
|
||
font-weight: 700;
|
||
font-size: 30px;
|
||
line-height: 60px;
|
||
text-align: center;
|
||
color: #171618;
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Dashboard Ninja </span>
|
||
Charts
|
||
</h1>
|
||
<p
|
||
class="col-xl-11 col-12"
|
||
style="
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
line-height: 30px;
|
||
color: #5c5f6e;
|
||
text-align: center;
|
||
"
|
||
>
|
||
Supports 17 impressive Odoo dashboard item types for easy
|
||
business data interpretation. (Tiles, Line Chart, List View,
|
||
Bar Chart, Horizontal Bar Chart, Area Chart, To-do Item,
|
||
Polar Area Chart, Pie Chart, Doughnut Charts, Flower Chart,
|
||
Funnel Chart, Radial Chart, Radar Chart, Scatter Chart,
|
||
Bullet Chart & Map view)
|
||
</p>
|
||
<!-- tabs-&-pill -->
|
||
<div class="row mt-5">
|
||
<div
|
||
class="col-12 d-xl-block d-none position-relative"
|
||
style="position: relative; z-index: 5"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/new-frame.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 px-md-5 p-1">
|
||
<div
|
||
class="row justify-content-center d-xl-flex d-none"
|
||
style="
|
||
box-shadow: 0px 0px 25px 0px #97888840;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 30px;
|
||
margin-top: -116px !important;
|
||
"
|
||
>
|
||
<div
|
||
class="col-3 p-3"
|
||
style="
|
||
background-color: #fff;
|
||
border-radius: 30px 0 0 30px;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex flex-column"
|
||
style="position: relative; z-index: 10"
|
||
>
|
||
<ul
|
||
class="nav nav-tabs w-100 row"
|
||
id="myTab"
|
||
role="tablist"
|
||
style="
|
||
border-bottom: none;
|
||
background-color: #fff !important;
|
||
"
|
||
>
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature1"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature1"
|
||
id="tab-1"
|
||
role="tab"
|
||
style="
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/subtitle.png"
|
||
alt=""
|
||
/>
|
||
<span>Tiles</span>
|
||
</a>
|
||
</li>
|
||
<!-- 2 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature2"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature2"
|
||
id="tab-2"
|
||
role="tab"
|
||
style="
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/diagram.png"
|
||
alt=""
|
||
/>
|
||
<span>Line Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 3 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature3"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature3"
|
||
id="tab-3"
|
||
role="tab"
|
||
style="
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/feature-3.png"
|
||
alt=""
|
||
/>
|
||
<span>List View</span>
|
||
</a>
|
||
</li>
|
||
<!-- 4 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature4"
|
||
id="tab-4"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/chart.png"
|
||
alt=""
|
||
/>
|
||
<span>Bar Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 5 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature5"
|
||
id="tab-5"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/new-chart.png"
|
||
alt=""
|
||
/>
|
||
<span>Horizontal Bar Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 6 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature6"
|
||
id="tab-6"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/document-text.png"
|
||
alt=""
|
||
/>
|
||
<span>To-do Item</span>
|
||
</a>
|
||
</li>
|
||
<!-- 7 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature7"
|
||
id="tab-7"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/educare-(ekt).png"
|
||
alt=""
|
||
/>
|
||
<span>Polar Area Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 8 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature8"
|
||
id="tab-8"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/graph.png"
|
||
alt=""
|
||
/>
|
||
<span>Pie Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 9 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature9"
|
||
id="tab-9"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/lifebuoy.png"
|
||
alt=""
|
||
/>
|
||
<span>Doughnut Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 10 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature10"
|
||
id="tab-10"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/colorfilter.png"
|
||
alt=""
|
||
/>
|
||
<span>Flower Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 11 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature11"
|
||
id="tab-11"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/filter.png"
|
||
alt=""
|
||
/>
|
||
<span>Funnel Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 12 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature12"
|
||
id="tab-12"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/chart-radial.png"
|
||
alt=""
|
||
/>
|
||
<span>Radial Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 13 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature13"
|
||
id="tab-13"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/new-one.png"
|
||
alt=""
|
||
/>
|
||
<span>Bullet Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 14 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature14"
|
||
id="tab-14"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/command.png"
|
||
alt=""
|
||
/>
|
||
<span>Scatter Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 15 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature15"
|
||
id="tab-15"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/radar.png"
|
||
alt=""
|
||
/>
|
||
<span>Radar Chart</span>
|
||
</a>
|
||
</li>
|
||
<!-- 16 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="false"
|
||
class="nav-link p-2 align-items-center"
|
||
data-bs-toggle="tab"
|
||
href="#feature16"
|
||
id="tab-16"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/map.png"
|
||
alt=""
|
||
/>
|
||
<span>Map View</span>
|
||
</a>
|
||
</li>
|
||
<!-- 17 -->
|
||
<li class="nav-item col-12" role="presentation">
|
||
<a
|
||
aria-controls="feature"
|
||
aria-selected="true"
|
||
class="nav-link p-2 align-items-center active"
|
||
data-bs-toggle="tab"
|
||
href="#feature17"
|
||
id="tab-17"
|
||
role="tab"
|
||
style="
|
||
/* --bs-nav-link-color: #E8E8E8; */
|
||
color: #171618;
|
||
font-weight: 500;
|
||
border: none;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
/* border-bottom: transparent; */
|
||
/* border: none; */
|
||
border-radius: 8px;
|
||
text-align: left !important;
|
||
display: flex;
|
||
align-items: center;
|
||
"
|
||
>
|
||
<img
|
||
class="img-fluid me-2"
|
||
height="30"
|
||
width="30"
|
||
src="./img/new-add-img/activity.png"
|
||
alt=""
|
||
/>
|
||
<span>Area Chart</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-9 px-0 tab-content"
|
||
id="myTabContent"
|
||
style="
|
||
border-radius: 0 30px 30px 0;
|
||
background-color: #fafafa;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<!-- f-1: First tab (active by default) -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature1"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-1"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Tiles
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/tile.png"
|
||
alt="feature-1"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display key performance indicators (KIPs) in small
|
||
square-shaped visualizations for a quick glance
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-2 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature2"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-2"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Line Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/line.png"
|
||
alt="feature-2"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize data trends, changes, or relationships
|
||
over time by connecting data points with straight
|
||
lines.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-3 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature3"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
List View
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/list-view.png"
|
||
alt="feature-3"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Present detailed data in a tabular format with
|
||
rows and columns for easy sorting and comparison.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-4 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature4"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Bar Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/bar-chart.png"
|
||
alt="feature-4"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize categorical data with rectangular
|
||
vertical bars with the height proportionate to the
|
||
value they represent.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-5 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature5"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Horizontal Bar Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/horizontal-bar.png"
|
||
alt="feature-5"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Represent categorical data with rectangular
|
||
horizontal bars, representing the difference
|
||
between data categories.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-6 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature6"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
To-do Item
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/to-do.png"
|
||
alt="feature-6"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Organize all tasks or actions that need to be
|
||
completed in the form of a checklist, ensuring
|
||
easy tracking of progress.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-7 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature7"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Polar Area Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/polar-chart.png"
|
||
alt="feature-7"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Represent cyclical data using radial lines
|
||
separating segments, with each segment’s area
|
||
representing its value.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-8 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature8"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Pie Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/pie.png"
|
||
alt="feature-8"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display your data in a circular graph, with each
|
||
slice of a circle representing a fraction or
|
||
proportionate part of the whole.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-9 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature9"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Doughnut Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/doughnut.png"
|
||
alt="feature-9"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Similar to a pie chart with a central hole,
|
||
providing a clean and modern look.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-10 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature10"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Flower Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/flower-chart.png"
|
||
alt="feature-10"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize multivariate data wherein data points
|
||
are displayed as petals radiating from a central
|
||
point, with each petal’s size or color
|
||
representing its value.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-11 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature11"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Funnel Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/funnel.png"
|
||
alt="feature-11"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize data as it moves through different
|
||
stages of a process with decreasing segments.
|
||
Ideal to visualize conversion rates or sales
|
||
pipelines.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-12 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature12"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Radial Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/radial.png"
|
||
alt="feature-12"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Represent multivariate data along concentric
|
||
circles, where each circle represents a different
|
||
variable or category.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-13 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature13"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Bullet Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/bullet.png"
|
||
alt="feature-13"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
A variation of a bar chart with a reference line
|
||
and markers to visualize performance against the
|
||
target or benchmark.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-14 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature14"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Scatter Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/scatter.png"
|
||
alt="feature-14"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize the relationship between two continuous
|
||
variables of a data set, plotted across the X-Y
|
||
axis.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-15 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature15"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Radar Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/radar.png"
|
||
alt="feature-15"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display multivariate data stacked at an axis with
|
||
the same central point, resembling a spider’s web.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-16 -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="feature16"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Map View
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/map.png"
|
||
alt="feature-16"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize spatial data by plotting it on a
|
||
geographical map for location-based analysis.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 17 -->
|
||
<div
|
||
class="tab-pane fade active show"
|
||
id="feature17"
|
||
role="tabpanel"
|
||
aria-labelledby="tab-3"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Area Chart
|
||
</div>
|
||
<div style="height: 666px; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/area.png"
|
||
alt="feature-16"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display cumulative data by filling the area
|
||
beneath the line chart, illustrating the changes
|
||
over time or the magnitude of data.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- mobile -->
|
||
<div
|
||
class="row justify-content-center d-xl-none d-flex"
|
||
style="
|
||
box-shadow: 0px 0px 25px 0px #97888840;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
<div
|
||
id="featureCarousel"
|
||
class="carousel slide"
|
||
data-bs-ride="carousel"
|
||
style="
|
||
border-radius: 30px;
|
||
background-color: #fafafa;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div class="carousel-inner">
|
||
<!-- f-1: First slide (active by default) -->
|
||
<div class="carousel-item active">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Tiles
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/tile.png"
|
||
alt="feature-1"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display key performance indicators (KIPs) in
|
||
small square-shaped visualizations for a quick
|
||
glance.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- f-2: Line Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Line Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/line.png"
|
||
alt="feature-2"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize data trends, changes, or relationships
|
||
over time by connecting data points with
|
||
straight lines.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- f-3: List View -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
List View
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/list-view.png"
|
||
alt="feature-3"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Present detailed data in a tabular format with
|
||
rows and columns for easy sorting and
|
||
comparison.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- f-4: Bar Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Bar Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/bar-chart.png"
|
||
alt="feature-4"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize categorical data with rectangular
|
||
vertical bars with the height proportionate to
|
||
the value they represent.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- f-5: Horizontal Bar Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Horizontal Bar Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/horizontal-bar.png"
|
||
alt="feature-5"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Represent categorical data with rectangular
|
||
horizontal bars, representing the difference
|
||
between data categories.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- f-6: To-do Item -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
To-do Item
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/to-do.png"
|
||
alt="feature-6"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Organize all tasks or actions that need to be
|
||
completed in the form of a checklist, ensuring
|
||
easy tracking of progress.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-7: Polar Area Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Polar Area Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/polar-chart.png"
|
||
alt="feature-7"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Represent cyclical data using radial lines
|
||
separating segments, with each segment’s area
|
||
representing its value.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-8: Pie Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Pie Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/pie.png"
|
||
alt="feature-8"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display your data in a circular graph, with each
|
||
slice of a circle representing a fraction or
|
||
proportionate part of the whole.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-9: Doughnut Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Doughnut Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/doughnut.png"
|
||
alt="feature-9"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Similar to a pie chart with a central hole,
|
||
providing a clean and modern look.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-10: Flower Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Flower Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/flower-chart.png"
|
||
alt="feature-10"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize multivariate data wherein data points
|
||
are displayed as petals radiating from a central
|
||
point, with each petal’s size or color
|
||
representing its value.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-11: Funnel Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Funnel Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/funnel.png"
|
||
alt="feature-11"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize data as it moves through different
|
||
stages of a process with decreasing segments.
|
||
Ideal to visualize conversion rates or sales
|
||
pipelines.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-12: Radial Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Radial Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/radial.png"
|
||
alt="feature-12"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Represent multivariate data along concentric
|
||
circles, where each circle represents a
|
||
different variable or category.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-13: Bullet Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Bullet Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/bullet.png"
|
||
alt="feature-13"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
A variation of a bar chart with a reference line
|
||
and markers to visualize performance against the
|
||
target or benchmark.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-14: Scatter Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Scatter Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/scatter.png"
|
||
alt="feature-14"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize the relationship between two
|
||
continuous variables of a data set, plotted
|
||
across the X-Y axis.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-15: Radar Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Radar Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/radar.png"
|
||
alt="feature-15"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display multivariate data stacked at an axis
|
||
with the same central point, resembling a
|
||
spider’s web.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-16: Map View -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Map View
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/map.png"
|
||
alt="feature-16"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Visualize spatial data by plotting it on a
|
||
geographical map for location-based analysis.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- f-17: Area Chart -->
|
||
<div class="carousel-item">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column p-4"
|
||
>
|
||
<div
|
||
class="w-100"
|
||
style="
|
||
color: #171618;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
text-align: justify;
|
||
"
|
||
>
|
||
Area Chart
|
||
</div>
|
||
<div style="height: auto; max-width: 666px">
|
||
<img
|
||
src="./img/new-add-img/tinified/area.png"
|
||
alt="feature-17"
|
||
class="img-fluid"
|
||
/>
|
||
</div>
|
||
<p
|
||
style="
|
||
font-weight: 500;
|
||
text-align: justify;
|
||
font-size: 20px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Display cumulative data by filling the area
|
||
beneath the line chart, illustrating the changes
|
||
over time or the magnitude of data.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Carousel Controls -->
|
||
<button
|
||
class="carousel-control-prev justify-content-start"
|
||
type="button"
|
||
data-bs-target="#featureCarousel"
|
||
data-bs-slide="prev"
|
||
>
|
||
<span
|
||
class=""
|
||
aria-hidden="true"
|
||
style="
|
||
background-color: #f5efff;
|
||
border-radius: 50%;
|
||
height: 50px;
|
||
width: 50px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/left-arr.png"
|
||
width="20"
|
||
height="20"
|
||
alt=""
|
||
/>
|
||
</span>
|
||
</button>
|
||
<button
|
||
class="carousel-control-next justify-content-end"
|
||
type="button"
|
||
data-bs-target="#featureCarousel"
|
||
data-bs-slide="next"
|
||
>
|
||
<span
|
||
class=""
|
||
aria-hidden="true"
|
||
style="
|
||
background-color: #f5efff;
|
||
border-radius: 50%;
|
||
height: 50px;
|
||
width: 50px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/right-arr.png"
|
||
width="20"
|
||
height="20"
|
||
alt=""
|
||
/>
|
||
</span>
|
||
<span class="visually-hidden">Next</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- tabs-&-pills-end -->
|
||
</div>
|
||
<div class="col-md-12 mt-5 pt-3">
|
||
<h3
|
||
style="
|
||
font-family: 'Inter', sans-serif;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
word-wrap: break-word;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
text-align: center;
|
||
letter-spacing: -0.02em;
|
||
text-transform: capitalize;
|
||
color: #171618;
|
||
font-size: 30px;
|
||
"
|
||
>
|
||
What makes Odoo
|
||
<span style="color: #e84a5f">Dashboard Ninja</span> Unique
|
||
</h3>
|
||
</div>
|
||
<div class="col-md-8">
|
||
<p
|
||
style="
|
||
font-family: Inter;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
text-align: center;
|
||
letter-spacing: 0.02em;
|
||
text-indent: 2px;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
The ultimate time and money saving Odoo tool for your
|
||
Business.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="col-md-12 pt-md-5 py-2 text-center">
|
||
<div class="mb-lg-4 mb-3">
|
||
<img
|
||
alt=""
|
||
class="img-fluid w-100"
|
||
loading="lazy"
|
||
src="./img/new-add-img/DN-New-img.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="d-flex mt-4"
|
||
style="
|
||
background-color: #f5efff;
|
||
position: relative;
|
||
height: 400px;
|
||
"
|
||
>
|
||
<!-- Set the desired height -->
|
||
<div class="row px-5 mx-4 py-4 w-100 h-100 position-relative">
|
||
<div
|
||
class="col-xl-8 d-flex flex-column justify-content-center"
|
||
>
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
font-weight: 700;
|
||
font-size: 45px;
|
||
line-height: 60px;
|
||
color: #060506;
|
||
"
|
||
>
|
||
Unleash the Power of AI in
|
||
<br class="d-xl-block d-none" />
|
||
Your
|
||
<span style="color: #e84a5f"> Odoo Dashboard </span>
|
||
</h3>
|
||
<p
|
||
class="mb-4"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Generate smart, interactive charts with a single click.
|
||
</p>
|
||
<div class="d-flex align-iems-center">
|
||
<a
|
||
class="d-flex align-items-center me-2 justif-content-center px-4 py-3 text-center"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 15px !important;
|
||
width: fit-content;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #fff;
|
||
"
|
||
>
|
||
<img
|
||
class="me-2"
|
||
width="14"
|
||
height="14"
|
||
src="./img/new-add-img/call.png"
|
||
alt=""
|
||
/>1800 121 0218/ +1 (646) 203-1075</a
|
||
>
|
||
<a
|
||
class="d-flex align-items-center justif-content-center px-4 py-3 text-center"
|
||
href="mailto:sales@ksolves.com"
|
||
style="
|
||
padding: 15px !important;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
width: fit-content;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #e84a5f;
|
||
border: 2px solid #e84a5f;
|
||
"
|
||
>
|
||
<img
|
||
alt=""
|
||
class="me-2 img-fluid"
|
||
height="18"
|
||
width="18"
|
||
loading="lazy"
|
||
src="./img/new-add-img/sms-notification.png"
|
||
/>
|
||
Mail Us
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-xl-block d-none position-relative">
|
||
<div
|
||
class="position-absolute top-0 d-flex justify-content-center align-items-center"
|
||
style="top: 0; right: 0; height: 100%"
|
||
>
|
||
<img
|
||
src="./new-img/new-add-img/cta-two.svg"
|
||
class="img-fluid"
|
||
alt=""
|
||
style="object-fit: cover"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-md-12 pt-3 pb-md-5 pb-2 text-center"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<a
|
||
class="d-inline-block px-4 pb-5 pt-4 text-center"
|
||
href="#features"
|
||
style="
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
border-radius: 5px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
text-transform: capitalize;
|
||
color: #171618;
|
||
"
|
||
>
|
||
All
|
||
<span style="color: #e84a5f">Features</span>
|
||
</a>
|
||
<div class="row px-md-4 px-2" style="row-gap: 32px">
|
||
<!-- f-1 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-1.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Generate Complete
|
||
<br class="d-xl-block d-none" />Dashboard With AI
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-2 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-2.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Generate Items With AI
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-3 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-3.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Generate Keyword <br class="d-xl-block d-none" />
|
||
Focused Dashboard <br class="d-xl-block d-none" />
|
||
Items With AI
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-4 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-4.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Extract Chart Insights
|
||
<br class="d-xl-block d-none" />
|
||
With AI Items
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-5 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-5.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Dynamic & Animated
|
||
<br class="d-xl-block d-none" />
|
||
Reporting Dashboards
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-6 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-6.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Real-Time <br class="d-xl-block d-none" />Streaming
|
||
Dashboard
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-7 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-7.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Responsive: Fluid<br class="d-xl-block d-none" />&
|
||
Flexible Layout
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-8 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-8.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Advanced Date Filter
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-9 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/Odoo-Dashboard-Items.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Download Dashboard <br class="d-xl-block d-none" />
|
||
Items (Excel, CSV, PDF,<br
|
||
class="d-xl-block d-none"
|
||
/>
|
||
PNG)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-10 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-9.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Export & Import<br class="d-xl-block d-none" />
|
||
Dashboards or Specific
|
||
<br class="d-xl-block d-none" />
|
||
Dashboard Items
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-11 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-11.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Access Control
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-12 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-12.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Predefined Dashboards
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-14 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-13.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Drill Down/ Drill Up Data
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-15 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-14.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Community/<br class="d-xl-block d-none" />
|
||
Enterprise/ <br class="d-xl-block d-none" />Odoo.sh
|
||
Support
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-16 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-15.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Duplicate/ <br class="d-xl-block d-none" />Move
|
||
Dashboard
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-17 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-16.png"
|
||
class="img-fluid"
|
||
height="151"
|
||
width="175"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Customizable <br class="d-xl-block d-none" />Dashboard
|
||
Tile Items
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-18 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/data-filteration.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Data Filtration -
|
||
<br class="d-xl-block d-none" />Group By, Limit &
|
||
Sort By
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-19 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-17.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Dashboard Item - <br class="d-xl-block d-none" />2
|
||
List View Styles
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-20 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/Overview.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Design Multiple <br class="d-xl-block d-none" />
|
||
Dashboards
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-21 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-19.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Dashboard <br class="d-xl-block d-none" />
|
||
Personalization/<br class="d-xl-block d-none" />
|
||
Configuration
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-22 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-20.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Personalized & <br class="d-xl-block d-none" />
|
||
Interactive Dashboard <br class="d-xl-block d-none" />
|
||
Layouts
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-23 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/view-dashboard.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
View Dashboard<br class="d-xl-block d-none" />
|
||
Item Data
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-24 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-22.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Multi-Color Themes
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-25 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-23-2.png"
|
||
class="img-fluid"
|
||
height="125"
|
||
width="135"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Set Targets
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-26 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-24.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Unique User ID (%UID)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-27 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/auth.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Authentic <br class="d-xl-block d-none" />
|
||
%MYCOMPANY Filter
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-28 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-25.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
To do item
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-29 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-26.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Instant Edit Mode
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-30 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-27.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Number Systems
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-31 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-28.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Show/Hide <br class="d-xl-block d-none" />
|
||
Data Values
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-32 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-29.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Monetary/ <br class="d-xl-block d-none" />
|
||
Custom Units
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-33 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-30.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Multi-Company <br class="d-xl-block d-none" />
|
||
Support
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-34 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-31.png"
|
||
class="img-fluid"
|
||
height="140"
|
||
width="148"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Multi-Language <br class="d-xl-block d-none" />
|
||
Support
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- f-35 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="d-flex flex-column overflow-hidden"
|
||
style="
|
||
box-shadow: 0px 3.71px 22.23px 0px #00000005;
|
||
border-radius: 24px;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div
|
||
class="d-flex justify-content-center align-items-center"
|
||
style="
|
||
height: 180px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #e0f7fa;
|
||
padding: 20px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/f-32.png"
|
||
class="img-fluid"
|
||
height="104"
|
||
width="205"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
<div
|
||
class="bg-white text-start"
|
||
style="
|
||
min-height: 138px;
|
||
padding: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #000000;
|
||
font-size: 18px;
|
||
line-height: 29px;
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Multi-Currency <br class="d-xl-block d-none" />
|
||
Support
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="d-flex my-4"
|
||
style="
|
||
background-color: #f5efff;
|
||
position: relative;
|
||
height: 400px;
|
||
"
|
||
>
|
||
<!-- Set the desired height -->
|
||
<div class="row px-5 mx-4 py-4 w-100 h-100 position-relative">
|
||
<div
|
||
class="col-xl-8 d-flex flex-column justify-content-center"
|
||
>
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
font-weight: 700;
|
||
font-size: 45px;
|
||
line-height: 60px;
|
||
color: #060506;
|
||
text-align: left;
|
||
"
|
||
>
|
||
Revamp Your
|
||
<span style="color: #e84a5f">Odoo Apps Dashboard </span>
|
||
Like Never Before
|
||
</h3>
|
||
<p
|
||
class="mb-4"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
text-align: left;
|
||
"
|
||
>
|
||
Upgrade to a modern, intuitive, and scalable interface.
|
||
</p>
|
||
<div class="d-flex align-iems-center">
|
||
<a
|
||
class="d-flex align-items-center me-2 justif-content-center px-4 py-3 text-center"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 15px !important;
|
||
width: fit-content;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #fff;
|
||
"
|
||
>
|
||
<img
|
||
class="me-2"
|
||
width="14"
|
||
height="14"
|
||
src="./img/new-add-img/call.png"
|
||
alt=""
|
||
/>1800 121 0218/ +1 (646) 203-1075</a
|
||
>
|
||
<a
|
||
class="d-flex align-items-center justif-content-center px-4 py-3 text-center"
|
||
href="mailto:sales@ksolves.com"
|
||
style="
|
||
padding: 15px !important;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
width: fit-content;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #e84a5f;
|
||
border: 2px solid #e84a5f;
|
||
"
|
||
>
|
||
<img
|
||
alt=""
|
||
class="me-2 img-fluid"
|
||
height="18"
|
||
width="18"
|
||
loading="lazy"
|
||
src="./img/new-add-img/sms-notification.png"
|
||
/>
|
||
Mail Us
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-xl-block d-none position-relative">
|
||
<div
|
||
class="position-absolute top-0 d-flex justify-content-center align-items-center"
|
||
style="top: 0; right: 0; height: 100%"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/cta-two.svg"
|
||
class="img-fluid"
|
||
alt=""
|
||
style="object-fit: cover"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- commented for future use -->
|
||
<div
|
||
class="pt-lg-3 pb-1"
|
||
id="free_support"
|
||
style="border-radius: 20px"
|
||
>
|
||
<div
|
||
class="row px-md-5 p-2 mx-auto d-flex align-items-center justify-content-center"
|
||
>
|
||
<div class="col-lg-6 mb-lg-0 mb-4">
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Free <span style="color: #e84a5f">90 Days</span> Support
|
||
</h3>
|
||
<p
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
font-family: 'Poppins', sans-serif;
|
||
"
|
||
>
|
||
Ksolves will provide FREE 90 days support for any doubt,
|
||
queries, and bug fixing (excluding data recovery) or any
|
||
type of issues related to this module. This is applicable
|
||
from the date of purchase.
|
||
</p>
|
||
<div
|
||
class="mt-4"
|
||
style="
|
||
width: fit-content;
|
||
background-color: #e0f7fa;
|
||
border-radius: 10px;
|
||
padding: 8px;
|
||
color: #5c5f6e;
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
"
|
||
>
|
||
<span style="font-weight: 700">Note:</span> Extensively
|
||
Tested on Odoo Vanilla with Ubuntu OS
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<img
|
||
src="./img/new-add-img/support-90.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-labelledby="why-ks-tab"
|
||
class="tab-pane fade py-1"
|
||
id="why-ks"
|
||
role="tabpanel"
|
||
>
|
||
<div
|
||
class="position-relative d-flex flex-column justify-content-center align-items-center"
|
||
style="
|
||
border-radius: 30px;
|
||
height: 279px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/why-ksolves-bg.png"
|
||
alt="why-ksolves"
|
||
class="img-fluid w-100 h-100 position-absolute"
|
||
/>
|
||
<h5
|
||
class="position-relative"
|
||
style="
|
||
font-family: 'Inter', sans-serif;
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
color: #171618;
|
||
text-align: center;
|
||
font-family: 'Inter', sans-serif;
|
||
font-size: calc(0.93rem + 1vw);
|
||
"
|
||
>
|
||
Why
|
||
<span style="color: #e84a5f">Ksolves</span>
|
||
</h5>
|
||
<p
|
||
class="position-relative d-lg-block d-none"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
You know us as the makers of the Odoo "Dashboard Ninja" . .
|
||
</p>
|
||
<p
|
||
class="position-relative d-lg-none d-block"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 20px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
You know us as the makers of the Odoo "Dashboard Ninja" . .
|
||
</p>
|
||
</div>
|
||
|
||
<div class="row px-0 py-5" style="row-gap: 20px">
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/CMMI.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/odoo-gold.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/expert.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/12-years.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/client-retention.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/ecom-development.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/odoo-customization.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/odoo-mobile.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/24-7-support.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="row px-0 py-5 justify-content-center d-lg-none d-flex"
|
||
>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/CMMI.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/odoo-gold.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/expert.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/12-years.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/client-retention.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/ecom-development.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/odoo-customization.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/odoo-mobile.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/24-7-support.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="my-3 px-lg-5 p-3">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="row">
|
||
<div class="col-12 mb-4 pb-1">
|
||
<h3
|
||
class="mb-2 text-center"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Client</span> Success
|
||
</h3>
|
||
<p
|
||
class="text-center"
|
||
style="
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Invest your trust like our elite clientele did!
|
||
</p>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="105"
|
||
width="187"
|
||
src="./img/new-add-img/tinified/cs-1.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-2.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-3.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-4.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-5.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-6.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-7.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-8.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-9.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-10.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-6 mb-4">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center h-100"
|
||
style="
|
||
box-shadow: 0px 2.73px 16.38px 0px #00000005;
|
||
border: 1px solid #e5e7eb;
|
||
border-radius: 8px;
|
||
min-height: 127px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<img
|
||
height="80"
|
||
width="209"
|
||
src="./img/new-add-img/tinified/cs-11.png"
|
||
class="img-fluid"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="position-relative"
|
||
style="
|
||
background-color: #fafafa;
|
||
border-radius: 30px;
|
||
height: 661px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/product-blend.png"
|
||
alt="product-blens"
|
||
class="img-fluid w-100 h-100 position-absolute"
|
||
/>
|
||
<h1
|
||
class="position-relative pt-lg-5 pt-3"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 155.19%;
|
||
color: #252525;
|
||
text-align: center;
|
||
font-size: calc(0.93rem + 1vw);
|
||
font-family: 'Inter', sans-serif;
|
||
color: #171618;
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Products</span> That Blends
|
||
Together
|
||
</h1>
|
||
<p
|
||
class="position-relative"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-family: 'Inter', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Related Products You May Be Interested In!
|
||
</p>
|
||
<div
|
||
class="d-xl-flex d-none position-relative row mx-auto"
|
||
style="justify-content: center"
|
||
>
|
||
<div class="col-4 offset-xl-6 mb-4 px-0">
|
||
<img
|
||
src="./img/new-add-img/arrow.png"
|
||
height="87"
|
||
width="280"
|
||
alt="indicator"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="position-relative row justify-content-center pb-3">
|
||
<div class="table-responsive col-lg-9 col-10">
|
||
<table
|
||
class="table w-100"
|
||
style="--bs-body-bg: transparent !important"
|
||
>
|
||
<tbody>
|
||
<tr>
|
||
<!-- -->
|
||
<td style="border: none">
|
||
<div
|
||
style="
|
||
border: 2px solid #b98d8d;
|
||
border-radius: 16px;
|
||
background-color: #fff;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<table class="w-100">
|
||
<tbody>
|
||
<tr>
|
||
<td
|
||
class="text-center"
|
||
style="padding: 0.5rem; border: none"
|
||
>
|
||
<a
|
||
class="d-block bg-white p-4 text-center mx-auto"
|
||
href="https://apps.odoo.com/apps/modules/15.0/ks_dashboard_ninja/"
|
||
style="
|
||
border-radius: 10px;
|
||
width: 180px;
|
||
min-height: 248px;
|
||
text-decoration: none;
|
||
"
|
||
target="_blank"
|
||
>
|
||
<img
|
||
alt="logo"
|
||
src="./img/new-add-img/slide-1.png"
|
||
height="119"
|
||
width="119"
|
||
class="img-fluid"
|
||
style="border-radius: 10px"
|
||
/>
|
||
<div
|
||
class="mt-3"
|
||
style="
|
||
color: #171618;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
"
|
||
>
|
||
Dashboard <br />
|
||
Ninja with AI
|
||
</div>
|
||
</a>
|
||
</td>
|
||
<td
|
||
class="text-center"
|
||
style="
|
||
padding: 0.5rem;
|
||
border: none;
|
||
vertical-align: middle;
|
||
font-size: 20px;
|
||
color: #333;
|
||
font-weight: 700;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/square.png"
|
||
width="30"
|
||
height="30"
|
||
alt="add"
|
||
/>
|
||
</td>
|
||
<td
|
||
class="text-center"
|
||
style="padding: 0.5rem; border: none"
|
||
>
|
||
<a
|
||
class="d-block bg-white p-4 text-center mx-auto"
|
||
href="https://apps.odoo.com/apps/themes/14.0/ks_curved_backend_theme/"
|
||
style="
|
||
border-radius: 10px;
|
||
width: 180px;
|
||
min-height: 248px;
|
||
text-decoration: none;
|
||
"
|
||
target="_blank"
|
||
>
|
||
<img
|
||
alt="logo"
|
||
height="119"
|
||
src="./img/new-add-img/slide-2.png"
|
||
style="border-radius: 10px"
|
||
width="119"
|
||
/>
|
||
<div
|
||
class="mt-3"
|
||
style="
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
"
|
||
>
|
||
Arc Theme <br />
|
||
Backend
|
||
</div>
|
||
</a>
|
||
</td>
|
||
<td
|
||
class="text-center"
|
||
style="
|
||
padding: 0.5rem;
|
||
vertical-align: middle;
|
||
font-size: 20px;
|
||
color: #333;
|
||
font-weight: 700;
|
||
border: none;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/square.png"
|
||
width="30"
|
||
height="30"
|
||
alt="add"
|
||
/>
|
||
</td>
|
||
<td
|
||
class="text-center"
|
||
style="padding: 0.5rem; border: none"
|
||
>
|
||
<a
|
||
class="d-block bg-white p-4 text-center mx-auto"
|
||
href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_base/"
|
||
style="
|
||
border-radius: 10px;
|
||
width: 180px;
|
||
min-height: 195px;
|
||
text-decoration: none;
|
||
"
|
||
target="_blank"
|
||
>
|
||
<img
|
||
alt="logo"
|
||
height="119"
|
||
src="./img/new-add-img/product-3.png"
|
||
style="border-radius: 10px"
|
||
width="119"
|
||
/>
|
||
<div
|
||
class="mt-3"
|
||
style="
|
||
color: #171618;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
"
|
||
>
|
||
Odoo Gantt <br />
|
||
View Base
|
||
</div>
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
<!-- -->
|
||
<td
|
||
class="text-center"
|
||
style="
|
||
padding: 0.5rem;
|
||
vertical-align: middle;
|
||
font-size: 20px;
|
||
color: #333;
|
||
font-weight: 700;
|
||
border: none;
|
||
"
|
||
>
|
||
<img
|
||
class="img-fluid"
|
||
src="./img/new-add-img/equals-to.png"
|
||
alt=""
|
||
height="8"
|
||
width="24"
|
||
/>
|
||
</td>
|
||
<td
|
||
class="text-center"
|
||
style="padding: 0.5rem; border: none"
|
||
>
|
||
<div
|
||
class="d-block bg-white p-4 text-center mx-auto"
|
||
style="
|
||
border-radius: 16px;
|
||
width: 180px;
|
||
min-height: 264px;
|
||
border: 2px solid #b98d8d;
|
||
"
|
||
>
|
||
<img
|
||
alt="logo"
|
||
height="120"
|
||
width="120"
|
||
src="./img/new-add-img/slide-3.png"
|
||
style="border-radius: 10px"
|
||
/>
|
||
<div
|
||
class="mt-3"
|
||
style="
|
||
color: #171618;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
"
|
||
>
|
||
Perfect Combo
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="d-flex mt-4"
|
||
style="
|
||
background-color: #f5efff;
|
||
position: relative;
|
||
height: 400px;
|
||
"
|
||
>
|
||
<!-- Set the desired height -->
|
||
<div class="row px-5 mx-4 py-4 w-100 h-100 position-relative">
|
||
<div
|
||
class="col-xl-8 d-flex flex-column justify-content-center"
|
||
>
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
font-weight: 700;
|
||
font-size: 45px;
|
||
line-height: 60px;
|
||
color: #060506;
|
||
"
|
||
>
|
||
Go Beyond Ordinary with
|
||
<br class="d-xl-block d-none" />
|
||
<span style="color: #e84a5f">Ksolves Odoo Solutions</span>
|
||
</h3>
|
||
<p
|
||
class="mb-4"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Peerless, powerful, and personalized apps to streamline
|
||
every workflow.
|
||
</p>
|
||
<div class="d-flex align-iems-center">
|
||
<a
|
||
class="d-flex align-items-center me-2 justif-content-center px-4 py-3 text-center"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 15px !important;
|
||
width: fit-content;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #e84a5f;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #fff;
|
||
"
|
||
>
|
||
<img
|
||
class="me-2"
|
||
width="14"
|
||
height="14"
|
||
src="./img/new-add-img/call.png"
|
||
alt=""
|
||
/>1800 121 0218/ +1 (646) 203-1075</a
|
||
>
|
||
<a
|
||
class="d-flex align-items-center justif-content-center px-4 py-3 text-center"
|
||
href="mailto:sales@ksolves.com"
|
||
style="
|
||
padding: 15px !important;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
width: fit-content;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #e84a5f;
|
||
border: 2px solid #e84a5f;
|
||
"
|
||
>
|
||
<img
|
||
alt=""
|
||
class="me-2 img-fluid"
|
||
height="18"
|
||
width="18"
|
||
loading="lazy"
|
||
src="./img/new-add-img/sms-notification.png"
|
||
/>
|
||
Mail Us
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 d-xl-block d-none position-relative">
|
||
<div
|
||
class="position-absolute top-0 d-flex justify-content-center align-items-center"
|
||
style="top: 0; right: 0; height: 100%"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/cta-two.svg"
|
||
class="img-fluid"
|
||
alt=""
|
||
style="object-fit: cover"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mx-auto px-md-5 py-lg-5 p-2">
|
||
<div class="col-xl-6 col-12 mb-3">
|
||
<div class="d-flex flex-column justify-content-center h-100">
|
||
<h3
|
||
class="mb-3"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
color: #0b0d0e;
|
||
line-height: 50px;
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Ksolves</span> Suggested Apps
|
||
</h3>
|
||
<p
|
||
style="
|
||
font-size: 16px;
|
||
color: #838696;
|
||
font-weight: 400;
|
||
line-height: 25px;
|
||
"
|
||
>
|
||
Take a look at our other Odoo apps designed to
|
||
<br class="d-xl-block d-none" />
|
||
make your life easier with a smooth workflow. Don’t
|
||
<br class="d-xl-block d-none" />
|
||
miss the chance to uplift your Odoo ERP experience
|
||
<br class="d-xl-block d-none" />
|
||
with our apps!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 1 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
min-height: 243px;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Dashboard Ninja <br class="d-lg-block d-none" />
|
||
Advance
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-1.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
"
|
||
>
|
||
Dashboard Ninja Advance breaks all the limitations of
|
||
productivity by simplifying complex data into attractive
|
||
charts...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/18.0/ks_dn_advance"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
List View <br class="d-lg-block d-none" />
|
||
Manager
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-2.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
An app which manages the List Views on the fly and
|
||
endeavor a quick and effortless way to view/manage the
|
||
desired data, where you’ve multifarious options to...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/17.0/ks_list_view_manager"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Odoo <br class="d-lg-block d-none" />
|
||
Wocommerce <br class="d-lg-block d-none" />
|
||
Connector
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-3.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
Connect multiple WooCommerce stores to the Odoo ERP and
|
||
reach more customers with our high-end WooCommerce
|
||
Connector.
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/17.0/ks_list_view_manager"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Arc Backend <br class="d-lg-block d-none" />
|
||
Theme
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-4.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
Bring productivity and enthusiasm into your work by
|
||
applying the Odoo Arc Backend Theme.
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/themes/14.0/ks_curved_backend_theme"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Odoo Gantt <br class="d-lg-block d-none" />
|
||
View Base
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-5.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
Gantt View Base is the fundamental framework that creates
|
||
the groundwork for using Gantt View. It works as a
|
||
prerequisite for using...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_base"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 6 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Report <br class="d-lg-block d-none" />
|
||
Mate
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-6.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
ReportMate extracts all the needed information for all the
|
||
fields of any Odoo Model and displays complex data in a
|
||
single view...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/13.0/ks_custom_report"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 7 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Dynamic <br class="d-lg-block d-none" />
|
||
Financial <br class="d-lg-block d-none" />
|
||
Report
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-7.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
With a comprehensive list of financial reports, Dynamic
|
||
Financial Report has carved out its niche among the elite
|
||
bookkeeping...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/12.0/ks_dynamic_financial_report"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 8 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Odoo Shopify <br class="d-lg-block d-none" />
|
||
Connector
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-9.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
Keep hurdles away from the way of your business with a
|
||
highly effective eCommerce management solution...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/15.0/ks_shopify"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 9 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column h-100 d-flex"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Access Manager <br class="d-lg-block d-none" />
|
||
Ninja
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-10.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
Streamline your workflow and save valuable time and effort
|
||
by implementing Instant Access, a cutting-edge management
|
||
application...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/18.0/ks_access_manager_ninja"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 10 -->
|
||
<div class="col-xl-3 col-lg-4 col-md-6 col-12 mb-3">
|
||
<div
|
||
class="flex-column d-flex h-100"
|
||
style="
|
||
box-shadow: 0px 3.69px 22.12px 0px #00000005;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 22px;
|
||
padding: 28px 20px;
|
||
background-color: #fafafa;
|
||
"
|
||
>
|
||
<div
|
||
class="mb-3 d-flex align-items-center justify-content-between"
|
||
>
|
||
<h4
|
||
class="me-3 mb-0"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #171618;
|
||
"
|
||
>
|
||
Odoo Gmail <br class="d-lg-block d-none" />
|
||
Connector
|
||
</h4>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/suggest-11.png"
|
||
class="img-fluid"
|
||
height="61"
|
||
width="61"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
<p
|
||
class="mb-2 flex-grow-1"
|
||
style="
|
||
color: #838696;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 20px;
|
||
min-height: 100px;
|
||
"
|
||
>
|
||
Sync all your Google mails in your Odoo account without
|
||
any hassle by using the Ksolves Gmail Connector! This
|
||
integration allows you to manage emails...
|
||
</p>
|
||
<a
|
||
href="https://apps.odoo.com/apps/modules/18.0/ks_odoo_gmail_connector"
|
||
target="_blank"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #e84a5f;
|
||
line-height: 21px;
|
||
text-decoration: none;
|
||
"
|
||
>Learn More
|
||
<span
|
||
><img
|
||
src="./img/new-add-img/arrow-right.png"
|
||
alt="arrow-right"
|
||
height="14"
|
||
width="14"
|
||
/></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="row mx-auto px-md-5 py-lg-5 p-2"
|
||
style="background-color: #f5efff"
|
||
>
|
||
<div class="col-12 mb-lg-5 pb-lg-4 mb-3 pb-2">
|
||
<h1
|
||
class="position-relative pt-3"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 155.19%;
|
||
color: #252525;
|
||
text-align: center;
|
||
font-size: calc(0.93rem + 1vw);
|
||
font-family: 'Inter', sans-serif;
|
||
color: #171618;
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Ksolves </span> Odoo Services
|
||
</h1>
|
||
<p
|
||
class="position-relative"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-family: 'Inter', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Upscale your business with expert services from an Odoo Gold
|
||
Partner.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="row mx-auto" style="row-gap: 24x">
|
||
<!-- 1 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s1.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Website Application <br />
|
||
Development
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 2 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s2.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Module Development
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 3 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s3.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Theme Development
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 4 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s4.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Implementation
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 5 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s5.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Customization
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 6 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s6.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Integration
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 7 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s7.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Migration
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 8 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s8.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Support & <br />
|
||
Maintenance
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- 9 -->
|
||
<div class="col-lg-4 col-md-6 col-12">
|
||
<div
|
||
class="d-flex flex-column justify-content-center align-items-center"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/s9.png"
|
||
alt=""
|
||
height="178"
|
||
width="184"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
<p
|
||
class="text-center mt-3"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
color: #000000;
|
||
line-height: 30px;
|
||
"
|
||
>
|
||
Consulting
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mx-auto px-md-5 py-lg-5 p-2">
|
||
<div class="col-12 mb-lg-4 mb-2">
|
||
<h1
|
||
class="position-relative pt-3"
|
||
style="
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 155.19%;
|
||
color: #252525;
|
||
text-align: center;
|
||
font-size: calc(0.93rem + 1vw);
|
||
font-family: 'Inter', sans-serif;
|
||
color: #171618;
|
||
"
|
||
>
|
||
What our
|
||
<span style="color: #e84a5f"> Clients </span> say
|
||
</h1>
|
||
<p
|
||
class="position-relative"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-family: 'Inter', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Our clients love us! Hear from those who have made
|
||
data-driven decisions with Dashboard Ninja.
|
||
</p>
|
||
</div>
|
||
<div class="col-12 mb-3 pb-3">
|
||
<div class="row px-3">
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="testimonial-card d-flex flex-column"
|
||
style="
|
||
background-color: #fafafa;
|
||
padding: 32px 24px;
|
||
border-radius: 22px;
|
||
border: 1px solid #e5e7eb;
|
||
min-height: 295px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3"
|
||
style="
|
||
font-size: 22px;
|
||
line-height: 29px;
|
||
color: #171618;
|
||
font-weight: 600;
|
||
font-family: 'poppins', sans-serif;
|
||
"
|
||
>
|
||
Satisfy with support
|
||
</h4>
|
||
<p
|
||
style="
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
font-family: 'poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
class="flex-grow-1"
|
||
>
|
||
Exceptional application and outstanding customer care
|
||
indeed. My experience with them was truly remarkable,
|
||
and I highly recommend their services to anyone
|
||
looking for top-tier solutions.
|
||
</p>
|
||
<div
|
||
class="d-flex align-items-center justify-content-between"
|
||
>
|
||
<div
|
||
style="
|
||
font-family: 'poppins', sans-serif;
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
kashif aziz
|
||
</div>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/ratings-new.png?69e9f73"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="testimonial-card d-flex flex-column"
|
||
style="
|
||
background-color: #fafafa;
|
||
padding: 32px 24px;
|
||
border-radius: 22px;
|
||
border: 1px solid #e5e7eb;
|
||
min-height: 295px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3"
|
||
style="
|
||
font-size: 22px;
|
||
line-height: 29px;
|
||
color: #171618;
|
||
font-weight: 600;
|
||
font-family: 'poppins', sans-serif;
|
||
"
|
||
>
|
||
Very helpful and patient
|
||
</h4>
|
||
<p
|
||
style="
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
font-family: 'poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
class="flex-grow-1"
|
||
>
|
||
They were very easy to schedule time with and when I
|
||
got on the call, they answered all my questions. They
|
||
also understood beyond my questions and showed me some
|
||
features that would help me.
|
||
</p>
|
||
<div
|
||
class="d-flex align-items-center justify-content-between"
|
||
>
|
||
<div
|
||
style="
|
||
font-family: 'poppins', sans-serif;
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Ryan Felps
|
||
</div>
|
||
<div>
|
||
<img
|
||
src="./img/new-add-img/tinified/ratings-new.png?69e9f73"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="row mx-auto px-md-5 p-2 py-lg-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="text-center py-1">
|
||
<h3
|
||
style="
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
color: #171618;
|
||
margin-bottom: 18px;
|
||
font-weight: 600;
|
||
font-family: 'poppins', sans-serif;
|
||
text-align: center;
|
||
"
|
||
>
|
||
Connect with us for
|
||
<span style="color: #e84a5f">free demo</span> today!
|
||
</h3>
|
||
<p
|
||
style="
|
||
font-family: 'Inter', sans-serif;
|
||
font-weight: 400;
|
||
font-size: 20px;
|
||
line-height: 30px;
|
||
text-align: center;
|
||
"
|
||
>
|
||
Ksolves is 24/7 open to discuss your thoughts and queries!
|
||
</p>
|
||
<img
|
||
alt=""
|
||
class="img-fluid mb-3"
|
||
loading="lazy"
|
||
src="./img/new-add-img/support.png"
|
||
/>
|
||
<div class="text-center">
|
||
<div
|
||
class="row d-flex align-items-center justify-content-center"
|
||
style="margin-top: 10px"
|
||
>
|
||
<div class="col-lg-4 col-md-5 col-sm-9 col-11">
|
||
<div class="d-flex flex-column align-items-center">
|
||
<h5
|
||
style="
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
color: #1f2a37;
|
||
line-height: 30px;
|
||
"
|
||
class="mb-2"
|
||
>
|
||
Support
|
||
</h5>
|
||
<p
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #475467;
|
||
line-height: 24px;
|
||
"
|
||
class="mb-3"
|
||
>
|
||
Our friendly team is here to help.
|
||
</p>
|
||
<a
|
||
class="d-flex align-items-center justify-content-center px-2 py-3"
|
||
href="mailto:sales@ksolves.com"
|
||
style="
|
||
text-decoration: none;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: 24px;
|
||
font-size: 16px;
|
||
color: #285d54;
|
||
height: 45px;
|
||
"
|
||
>
|
||
support@ksolves.com</a
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-5 col-sm-9 col-11">
|
||
<div class="d-flex flex-column align-items-center">
|
||
<h5
|
||
style="
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
color: #1f2a37;
|
||
line-height: 30px;
|
||
"
|
||
class="mb-2"
|
||
>
|
||
Sales
|
||
</h5>
|
||
<p
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #475467;
|
||
line-height: 24px;
|
||
"
|
||
class="mb-3"
|
||
>
|
||
Questions or queries? Get in touch!
|
||
</p>
|
||
<a
|
||
class="d-flex align-items-center justify-content-center px-2 py-3"
|
||
href="mailto:sales@ksolves.com"
|
||
style="
|
||
text-decoration: none;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: 24px;
|
||
font-size: 16px;
|
||
color: #285d54;
|
||
height: 45px;
|
||
"
|
||
>
|
||
sales@ksolves.com</a
|
||
>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-lg-4 col-md-5 col-sm-9 col-11 mt-md-0 mt-2"
|
||
>
|
||
<div class="d-flex flex-column align-items-center">
|
||
<h5
|
||
style="
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
color: #1f2a37;
|
||
line-height: 30px;
|
||
"
|
||
class="mb-2"
|
||
>
|
||
Phone
|
||
</h5>
|
||
<p
|
||
style="
|
||
font-weight: 400;
|
||
font-size: 16px;
|
||
color: #475467;
|
||
line-height: 24px;
|
||
"
|
||
class="mb-3"
|
||
>
|
||
Mon-Fri from 9am to 6:30pm.
|
||
</p>
|
||
<a
|
||
class="d-flex align-items-center justify-content-center px-2 py-3"
|
||
href="tel:18001210218"
|
||
style="
|
||
text-decoration: none;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: 24px;
|
||
font-size: 16px;
|
||
color: #285d54;
|
||
height: 45px;
|
||
"
|
||
>
|
||
18001210218</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-labelledby="support-tab"
|
||
class="tab-pane fade pt-1 py-lg-1"
|
||
id="feature-tab"
|
||
role="tabpanel"
|
||
>
|
||
<div class="text-center bg-white py-1">
|
||
<div
|
||
class="position-relative d-flex flex-column justify-content-center align-items-center"
|
||
style="
|
||
border-radius: 30px;
|
||
height: 279px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/why-ksolves-bg.png"
|
||
alt="why-ksolves"
|
||
class="img-fluid w-100 h-100 position-absolute"
|
||
/>
|
||
<h5
|
||
class="position-relative"
|
||
style="
|
||
font-family: 'Inter', sans-serif;
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
color: #171618;
|
||
text-align: center;
|
||
font-family: 'Inter', sans-serif;
|
||
font-size: calc(0.93rem + 1vw);
|
||
"
|
||
>
|
||
<span style="color: #e84a5f">Dashboard Ninja</span>
|
||
Features
|
||
</h5>
|
||
<p
|
||
class="position-relative row mx-auto px-md-5 p-2 mt-lg-4 mt-2 pt-2"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Explore intuitive features that empower you to turn your
|
||
Odoo data into actionable insights. Track key performance
|
||
indicators and make informed, data-driven decisions.
|
||
</p>
|
||
</div>
|
||
<!-- Generate Items with AI -->
|
||
<div class="row mx-auto px-md-5 p-2 mt-lg-4 mt-2 pt-2">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Generate Items with AI
|
||
</h2>
|
||
<p>
|
||
Generate multiple items for your Odoo Dashboard with AI.
|
||
Gain the flexibility to
|
||
<br class="d-lg-block d-none" />
|
||
choose from a range of charts and graphs and save them
|
||
with ease.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<!-- <div style="padding: 20px 25px; border-radius: 10px;">-->
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
style="
|
||
box-shadow: 0px 0px 18px 0px #00000040;
|
||
border: 3.6px solid #4c5562;
|
||
border-radius: 16px;
|
||
"
|
||
loading="lazy"
|
||
src="./img/new-add-img/generate-ai-modal.gif"
|
||
/>
|
||
<!-- </div>-->
|
||
</div>
|
||
</div>
|
||
<!-- bookmark & responsive fluid -->
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 300px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
style="height: 258px"
|
||
class="img-fluid"
|
||
height="258"
|
||
width="448"
|
||
loading="lazy"
|
||
src="./img/new-add-img/Bookmark-Dashboard.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Bookmark Dashboard
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Bookmark your key dashboards and easily access them for
|
||
faster data analysis. Effortlessly remove dashboards
|
||
from the bookmark when you are done with them.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 300px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="258"
|
||
width="448"
|
||
src="./img/new-add-img/Responsive-Fluid-Flexible-Layout.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Responsive Fluid & Flexible Layout
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Conveniently view your data over different devices such
|
||
as Mobile, Desktop, or Tablet for easy access. It offers
|
||
an optimized browsing experience to track business
|
||
performance on the go.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-7 col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 d-flex juatify-content-center align-items-center"
|
||
style="
|
||
min-height: 377px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
height="320"
|
||
width="576"
|
||
src="./img/new-add-img/explain-ai-whole.gif"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Extract Chart Insights With AI
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Interpret complex charts with single-click AI-generated
|
||
explanations! Identify hidden patterns & trends and
|
||
make informed data-backed business decisions.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xl-5 col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 377px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="306"
|
||
width="376"
|
||
src="./img/Advanced-Date-Filter.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Advanced Date Filter
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Present data in a timely manner over a selected period
|
||
in the date filter option. Select from 20 predefined
|
||
date filters (Last 7 days, Last 30 days, Last 90 days,
|
||
& more) or choose a custom date.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Internal Chat -->
|
||
<div
|
||
class="row mx-auto px-md-5 px-2 my-lg-4 my-2 py-5"
|
||
style="row-gap: 16px"
|
||
>
|
||
<div class="col-lg-4">
|
||
<div
|
||
class="d-flex h-100 justify-content-center align-items-center flex-column"
|
||
>
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Internal Chat
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Collaborate with your team members with the chat feature
|
||
on every item of a dashboard. A dedicated channel is
|
||
created for conversations on each item, and all channels
|
||
are organized in a unified inbox.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
style="
|
||
box-shadow: 0px 0px 18px 0px #00000040;
|
||
border: 3.6px solid #4c5562;
|
||
border-radius: 16px;
|
||
"
|
||
src="./img/new-add-img/internal-chat.gif"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<!-- Switch Layout -->
|
||
<div
|
||
class="row mx-auto px-md-5 px-2 my-lg-4 my-2 py-5"
|
||
style="background-color: #fafafa; row-gap: 16px"
|
||
>
|
||
<div class="col-lg-8">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
style="
|
||
box-shadow: 0px 0px 18px 0px #00000040;
|
||
border: 3.6px solid #4c5562;
|
||
border-radius: 16px;
|
||
"
|
||
src="./img/new-add-img/switch-layout.gif"
|
||
/>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div
|
||
class="d-flex h-100 justify-content-center align-items-center flex-column"
|
||
>
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Switch Layout
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Switch from one graph style to another with just a
|
||
single click, retaining the same data. Effortlessly
|
||
analyze your data with the desired data visualization
|
||
chart!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto px-md-5 p-2 mt-lg-4 mt-2 pt-2">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Generate keyword-focused Odoo Dashboard Items with AI
|
||
</h2>
|
||
<p>
|
||
Now just provide the keyword, and AI will create the
|
||
dashboard items for you within seconds.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100"
|
||
style="
|
||
left: 0;
|
||
box-shadow: 0px 0px 25px 0px #00000040;
|
||
border: 5px solid #4c5562;
|
||
border-radius: 20px;
|
||
"
|
||
loading="lazy"
|
||
src="./img/new-add-img/generate-ai-keyword.gif"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 d-flex justify-content-center align-items-center"
|
||
style="
|
||
min-height: 424px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
style="height: 258px"
|
||
class="img-fluid"
|
||
height="258"
|
||
width="448"
|
||
loading="lazy"
|
||
src="./img/Create-Charts-From-EXCEL-AND-CSV-FILES.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Create charts From Excel & Csv Files
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Easily upload Excel or CSV files, and let the system
|
||
automatically synchronize the data. It will then process
|
||
the data and create charts.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 justify-content-center align-items-center d-flex"
|
||
style="
|
||
min-height: 424px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="258"
|
||
width="448"
|
||
src="./img/Odoo-Dashboard-Items.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Download Odoo Dashboard Items (Excel, CSV, PDF, PNG)
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Exported data items can be used for offline
|
||
presentations, seminars, or emails.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto px-md-5 px-2 my-lg-4 my-2 py-lg-5 py-3">
|
||
<div class="col-lg-4">
|
||
<div
|
||
class="d-flex h-100 justify-content-center align-items-center flex-column"
|
||
>
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Real-Time Streaming
|
||
<br class="d-lg-block d-none" />Dashboard
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Upgrades the data in real-time to give a 360 view of the
|
||
business performance. This feature will update the data
|
||
if any changes occur from the backend in real-time or
|
||
after a specific interval of time.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
loading="lazy"
|
||
style="
|
||
box-shadow: 0px 0px 18px 0px #00000040;
|
||
border: 3.6px solid #4c5562;
|
||
border-radius: 16px;
|
||
"
|
||
src="./img/new-add-img/real-time-stream.gif"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
class="row mx-auto px-md-5 px-2 my-lg-4 my-2 py-5"
|
||
style="background-color: #fafafa; row-gap: 16px"
|
||
>
|
||
<div class="col-lg-8">
|
||
<img
|
||
src="./img/Drill_Down_Drill_UP.gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
style="
|
||
box-shadow: 0px 0px 18px 0px #00000040;
|
||
border: 3.6px solid #4c5562;
|
||
border-radius: 16px;
|
||
"
|
||
/>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div
|
||
class="d-flex h-100 justify-content-center align-items-center flex-column"
|
||
>
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Drill Down / Drill Up Data
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Modify the degree of details presented in a dashboard
|
||
entity. Drill-down to access detailed data or drill-up
|
||
to get a broader view of information.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Generate Complete Odoo Dashboard with AI
|
||
</h2>
|
||
<p>
|
||
Save your time and effort! Generate a complete Odoo
|
||
Dashboard <br class="d-lg-block d-none" />
|
||
a specific model within a few clicks with AI efficiency.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div
|
||
class="row"
|
||
style="padding: 20px 25px; border-radius: 10px"
|
||
>
|
||
<div class="col-xl-5 col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 d-flex align-items-center justify-content-center"
|
||
style="
|
||
min-height: 377px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="306"
|
||
width="376"
|
||
src="./img/Generate-with-AI.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-7 col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 d-flex juatify-content-center align-items-center"
|
||
style="
|
||
min-height: 377px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100 left_0"
|
||
loading="lazy"
|
||
height="320"
|
||
width="576"
|
||
src="./img/new-add-img/generate-dashboard-ai.gif"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Export & Import Dashboards or
|
||
<br class="d-lg-block d-none" />
|
||
Specific Odoo Dashboard Items
|
||
</h2>
|
||
<p>
|
||
Export an entire Odoo Dashboard or Specific Odoo Dashboard
|
||
Item to a same system or <br class="d-lg-block d-none" />
|
||
different Odoo instances for saving time and effort while
|
||
migrating from one system to another.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100"
|
||
loading="lazy"
|
||
src="./img/Export-Import-Dashboards.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Paid Predefined Dashboards
|
||
</h2>
|
||
<p>
|
||
5 Predefined Odoo dashboards are provided for different
|
||
verticals of a <br class="d-lg-block d-none" />
|
||
company(Sales, CRM, Account, Inventory, & POS).
|
||
Customize them as per your need.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<div
|
||
class="row p-3 justify-content-center"
|
||
style="
|
||
box-shadow: 0px 0px 25px 0px #97888840;
|
||
border: 2px solid #e5e7eb;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
<div
|
||
id="featureCarouselNew"
|
||
class="carousel slide"
|
||
data-bs-ride="carousel"
|
||
style="
|
||
border-radius: 30px;
|
||
background-color: #fafafa;
|
||
overflow: hidden;
|
||
"
|
||
>
|
||
<div class="carousel-inner">
|
||
<div class="carousel-item active">
|
||
<img
|
||
alt=""
|
||
height="574px"
|
||
style="height: 574px"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/account.png"
|
||
/>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img
|
||
alt=""
|
||
height="574px"
|
||
style="height: 574px"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/account2.jpg"
|
||
/>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img
|
||
alt=""
|
||
height="574px"
|
||
style="height: 574px"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/account3.jpg"
|
||
/>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img
|
||
alt=""
|
||
height="574px"
|
||
style="height: 574px"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/account4.jpg"
|
||
/>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<img
|
||
alt=""
|
||
height="574px"
|
||
style="height: 574px"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/account5.jpg"
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Carousel Controls -->
|
||
<a
|
||
class="carousel-control-prev text-dark"
|
||
data-bs-slide="prev"
|
||
href="#featureCarouselNew"
|
||
role="button"
|
||
>
|
||
<span
|
||
aria-hidden="true"
|
||
class="carousel-control-prev-icon"
|
||
style="width: 30px; height: 30px"
|
||
>
|
||
<img
|
||
alt="arrow"
|
||
width="30"
|
||
height="30"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/new-add-img/lefty.png"
|
||
/>
|
||
</span>
|
||
<!-- <span class="sr-only">Previous</span> -->
|
||
</a>
|
||
|
||
<a
|
||
class="carousel-control-next text-dark"
|
||
data-bs-slide="next"
|
||
href="#featureCarouselNew"
|
||
role="button"
|
||
>
|
||
<span
|
||
aria-hidden="true"
|
||
class="carousel-control-next-icon"
|
||
style="width: 30px; height: 30px"
|
||
>
|
||
<img
|
||
alt="arrow"
|
||
width="30"
|
||
height="30"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
src="./img/new-add-img/righty.png"
|
||
/>
|
||
</span>
|
||
<span class="visually-hidden">Next</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 300px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
style="height: 258px"
|
||
class="img-fluid"
|
||
height="258"
|
||
width="448"
|
||
loading="lazy"
|
||
src="./img/Data-Filtration - Group-Limit-Sort-By.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100 mb-0"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Data Filtration - Group By, Limit & Sort By
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Group By, Sort By, Limit, filter condition to get
|
||
desired data for any dashboard item as per your
|
||
requirement.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 300px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="250"
|
||
width="448"
|
||
style="height: 258px"
|
||
src="./img/new-add-img/Authentic-MYCOMPANY-Filter.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Authentic %MYCOMPANY Filter
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Get company-oriented details by filtering the logged-in
|
||
user data using this dynamic filter.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 300px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="250"
|
||
width="448"
|
||
style="height: 258px"
|
||
src="./img/new-add-img/unique.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Unique User ID (%UID)
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Filter logged-in user data using %UID in domain filter
|
||
to see the results related to the logged-in user.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100"
|
||
style="
|
||
min-height: 300px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
height="250"
|
||
width="448"
|
||
style="height: 258px"
|
||
src="./img/new-add-img/Set-Targets.png"
|
||
/>
|
||
</div>
|
||
|
||
<h2
|
||
class="text-start w-100"
|
||
style="
|
||
color: #060506;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 500;
|
||
"
|
||
>
|
||
Dashboard Item 2 List View Styles
|
||
</h2>
|
||
<p
|
||
class="mt-3 text-start"
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
"
|
||
>
|
||
Use the list-view item to view multi-value data sets in
|
||
a grouped or ungrouped manner. Example: To see the total
|
||
sales, average sales, total quotations of the top 10
|
||
sales persons.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Design Your Own Dashboard Layout
|
||
</h2>
|
||
<p>
|
||
Design your dashboard layouts by resizing, dragging,
|
||
repositioning the dashboard
|
||
<br class="d-lg-block d-none" />
|
||
items, and renaming the dashboard heading for arranging
|
||
all items as per your need.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100"
|
||
style="
|
||
left: 0;
|
||
box-shadow: 0px 0px 25px 0px #00000040;
|
||
border: 5px solid #4c5562;
|
||
border-radius: 20px;
|
||
"
|
||
loading="lazy"
|
||
src="./img/new-add-img/Edit-Layout.gif"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Multi - Color Themes
|
||
</h2>
|
||
<p>
|
||
Beautiful, interactive, and outstanding multi-colored
|
||
themes can be added to your dashboard.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100"
|
||
loading="lazy"
|
||
src="./img/Multi-Color-Themes.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Dashboard Personalization/Configuration
|
||
</h2>
|
||
<p>
|
||
Configure the dashboard name, menu, group access, choose
|
||
the sequence, <br class="d-xl-block d-none" />
|
||
and more while creating interactive presentable dashboards
|
||
for your business.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div
|
||
class="row"
|
||
style="padding: 20px 25px; border-radius: 10px"
|
||
>
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 d-flex align-items-center justify-content-center"
|
||
style="
|
||
min-height: 377px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100"
|
||
loading="lazy"
|
||
height="306"
|
||
width="376"
|
||
src="./img/new-add-img/tinified/personalization-1.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 col-lg-6">
|
||
<div
|
||
class="d-flex justify-content-center align-items-center flex-column"
|
||
style="min-height: 300px"
|
||
>
|
||
<div
|
||
class="mb-3 w-100 d-flex juatify-content-center align-items-center"
|
||
style="
|
||
min-height: 377px;
|
||
padding: 24px;
|
||
background-color: #e0f7fa;
|
||
border-radius: 15px;
|
||
"
|
||
>
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100"
|
||
loading="lazy"
|
||
height="306"
|
||
width="376"
|
||
src="./img/new-add-img/tinified/personalization-2.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Access Control
|
||
</h2>
|
||
<p>
|
||
Control who can access the Odoo dashboard with a single
|
||
click for robust security.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100"
|
||
loading="lazy"
|
||
src="./img/new-add-img/tinified/Access-Control.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5">
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
Instant Edit Mode
|
||
</h2>
|
||
<p>
|
||
A user can edit the basic information of any dashboard
|
||
items instantly with <br class="d-xl-block d-none" />
|
||
Quick Edit Mode without going to the detailed edit screen.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
alt="gif"
|
||
class="img-fluid w-100 h-100"
|
||
style="
|
||
left: 0;
|
||
box-shadow: 0px 0px 25px 0px #00000040;
|
||
border: 5px solid #4c5562;
|
||
border-radius: 20px;
|
||
"
|
||
loading="lazy"
|
||
src="./img/new-add-img/edit-chart.gif"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
class="row mx-auto my-lg-4 px-md-5 px-2 my-2 py-5"
|
||
style="background-color: #fafafa"
|
||
>
|
||
<div class="col-12">
|
||
<h2
|
||
style="
|
||
color: #171618;
|
||
font-size: calc(1.1rem + 1vw);
|
||
font-weight: 600;
|
||
line-height: 45px;
|
||
"
|
||
>
|
||
RTL Support
|
||
</h2>
|
||
<p>
|
||
Odoo Dashboard Ninja gives you the freedom to work in
|
||
Right-to-Left <br class="d-xl-block d-none" />
|
||
language-oriented interface for increasing productivity.
|
||
</p>
|
||
</div>
|
||
<div class="col-12">
|
||
<div style="padding: 20px 25px; border-radius: 10px">
|
||
<img
|
||
class="img-fluid w-100 h-100"
|
||
style="left: 0; box-shadow: 0px 0px 25px 0px #00000040"
|
||
loading="lazy"
|
||
src="./img/new-add-img/RTL-Image.png"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-labelledby="faq-tab"
|
||
class="tab-pane fade"
|
||
id="faq"
|
||
role="tabpanel"
|
||
>
|
||
<div
|
||
class="position-relative d-flex flex-column justify-content-center align-items-center"
|
||
style="
|
||
border-radius: 30px;
|
||
height: 279px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/why-ksolves-bg.png"
|
||
alt="why-ksolves"
|
||
class="img-fluid w-100 h-100 position-absolute"
|
||
/>
|
||
<h5
|
||
class="position-relative"
|
||
style="
|
||
font-family: 'Inter', sans-serif;
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
color: #171618;
|
||
text-align: center;
|
||
font-family: 'Inter', sans-serif;
|
||
font-size: calc(0.93rem + 1vw);
|
||
"
|
||
>
|
||
Frequently Asked Questions
|
||
</h5>
|
||
<p
|
||
class="position-relative"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Sometimes you need a quick answer to your <br />
|
||
question. You can get it right away here.
|
||
</p>
|
||
</div>
|
||
<div class="row px-md-5 p-2">
|
||
<div class="col-12">
|
||
<div
|
||
class="d-flex align-items-start justify-content-start flex-column"
|
||
style="gap: 23px"
|
||
>
|
||
<ul class="nav nav-pills mb-4" id="faqTab" role="tablist">
|
||
<li
|
||
style="background-color: #fff"
|
||
class="nav-item bg-white"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="nav-link bg-white active"
|
||
id="general-tab"
|
||
data-bs-toggle="pill"
|
||
href="#faq-1"
|
||
role="tab"
|
||
aria-controls="faq-1"
|
||
aria-selected="true"
|
||
style="
|
||
background-color: #fff;
|
||
padding: 14px 15px;
|
||
font-family: Poppins;
|
||
font-size: 16.99px;
|
||
font-weight: 500;
|
||
line-height: 22.66px;
|
||
letter-spacing: -0.04em;
|
||
text-decoration: none;
|
||
color: #0b0d0e;
|
||
border-radius: 11px;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/icons-black-file.png"
|
||
alt="icon"
|
||
width="19"
|
||
height="17"
|
||
/>
|
||
General
|
||
</a>
|
||
</li>
|
||
<li
|
||
style="background-color: #fff"
|
||
class="nav-item bg-white"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="nav-link bg-white"
|
||
id="ai-tab"
|
||
data-bs-toggle="pill"
|
||
href="#faq-2"
|
||
role="tab"
|
||
aria-controls="faq-2"
|
||
aria-selected="false"
|
||
style="
|
||
background-color: #fff;
|
||
padding: 14px 15px;
|
||
font-family: Poppins;
|
||
font-size: 16.99px;
|
||
font-weight: 500;
|
||
line-height: 22.66px;
|
||
letter-spacing: -0.04em;
|
||
text-decoration: none;
|
||
color: #0b0d0e;
|
||
border-radius: 11px;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/icons-black-file.png"
|
||
alt="icon"
|
||
width="19"
|
||
height="17"
|
||
/>
|
||
Artificial Intelligence
|
||
</a>
|
||
</li>
|
||
<li
|
||
style="background-color: #fff"
|
||
class="nav-item bg-white"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="nav-link bg-white"
|
||
id="charts-tab"
|
||
data-bs-toggle="pill"
|
||
href="#faq-3"
|
||
role="tab"
|
||
aria-controls="faq-3"
|
||
aria-selected="false"
|
||
style="
|
||
background-color: #fff;
|
||
padding: 14px 15px;
|
||
font-family: Poppins;
|
||
font-size: 16.99px;
|
||
font-weight: 500;
|
||
line-height: 22.66px;
|
||
letter-spacing: -0.04em;
|
||
text-decoration: none;
|
||
color: #0b0d0e;
|
||
border-radius: 11px;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/icons-black-file.png"
|
||
alt="icon"
|
||
width="19"
|
||
height="17"
|
||
/>
|
||
Charts
|
||
</a>
|
||
</li>
|
||
<li
|
||
style="background-color: #fff"
|
||
class="nav-item bg-white"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="nav-link bg-white"
|
||
id="data-sources-tab"
|
||
data-bs-toggle="pill"
|
||
href="#faq-4"
|
||
role="tab"
|
||
aria-controls="faq-4"
|
||
aria-selected="false"
|
||
style="
|
||
background-color: #fff;
|
||
padding: 14px 15px;
|
||
font-family: Poppins;
|
||
font-size: 16.99px;
|
||
font-weight: 500;
|
||
line-height: 22.66px;
|
||
letter-spacing: -0.04em;
|
||
text-decoration: none;
|
||
color: #0b0d0e;
|
||
border-radius: 11px;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/icons-black-file.png"
|
||
alt="icon"
|
||
width="19"
|
||
height="17"
|
||
/>
|
||
Data Sources
|
||
</a>
|
||
</li>
|
||
<li
|
||
style="background-color: #fff"
|
||
class="nav-item bg-white"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="nav-link bg-white"
|
||
id="filters-tab"
|
||
data-bs-toggle="pill"
|
||
href="#faq-5"
|
||
role="tab"
|
||
aria-controls="faq-5"
|
||
aria-selected="false"
|
||
style="
|
||
background-color: #fff;
|
||
padding: 14px 15px;
|
||
font-family: Poppins;
|
||
font-size: 16.99px;
|
||
font-weight: 500;
|
||
line-height: 22.66px;
|
||
letter-spacing: -0.04em;
|
||
text-decoration: none;
|
||
color: #0b0d0e;
|
||
border-radius: 11px;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/icons-black-file.png"
|
||
alt="icon"
|
||
width="19"
|
||
height="17"
|
||
/>
|
||
Filters & Group By
|
||
</a>
|
||
</li>
|
||
<li
|
||
style="background-color: #fff"
|
||
class="nav-item bg-white"
|
||
role="presentation"
|
||
>
|
||
<a
|
||
class="nav-link bg-white"
|
||
id="access-rights-tab"
|
||
data-bs-toggle="pill"
|
||
href="#faq-6"
|
||
role="tab"
|
||
aria-controls="faq-6"
|
||
aria-selected="false"
|
||
style="
|
||
background-color: #fff;
|
||
padding: 14px 15px;
|
||
font-family: Poppins;
|
||
font-size: 16.99px;
|
||
font-weight: 500;
|
||
line-height: 22.66px;
|
||
letter-spacing: -0.04em;
|
||
text-decoration: none;
|
||
color: #0b0d0e;
|
||
border-radius: 11px;
|
||
"
|
||
tabindex="-1"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/tinified/icons-black-file.png"
|
||
alt="icon"
|
||
width="19"
|
||
height="17"
|
||
/>
|
||
Access Rights
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="tab-content w-100 mb-3">
|
||
<!-- General FAQ -->
|
||
<div
|
||
class="tab-pane fade active show"
|
||
id="faq-1"
|
||
role="tabpanel"
|
||
aria-labelledby="general-tab"
|
||
style="
|
||
padding: 34px 39px;
|
||
border: 1px solid #e5e7eb;
|
||
background-color: #fafafa;
|
||
border-radius: 22px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3 pb-2"
|
||
style="
|
||
font-family: Poppins;
|
||
font-size: 30px;
|
||
font-weight: 500;
|
||
line-height: 37.76px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
General
|
||
</h4>
|
||
<div class="w-100">
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQOne"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How to get the AI API key?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQOne"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingOne"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
To access AI features in Dashboard Ninja, go to
|
||
General Settings under the "AI API Key" section.
|
||
Enter your valid email ID and click "Get API Key".
|
||
Once verified, the key will be sent to your
|
||
registered email.
|
||
<div>
|
||
Fully compatible with all AI-powered features in
|
||
your Odoo Dashboard, including CRM Dashboard,
|
||
Sales Dashboard, Inventory Dashboard, and
|
||
Account Dashboard.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQTwo"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
What is Dashboard Ninja with AI?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQTwo"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Dashboard Ninja with AI is an advanced Odoo
|
||
dashboard application developed by Ksolves,
|
||
empowering users to create dynamic, visually
|
||
appealing dashboards that consolidate business
|
||
data and key performance indicators. This tool
|
||
integrates artificial intelligence to automate
|
||
insights, enhance data accuracy, and optimize
|
||
business decision-making.
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQThree"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does Dashboard Ninja benefit my business?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQThree"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Dashboard Ninja helps businesses by providing a
|
||
single platform to visualize key metrics, track
|
||
performance in real-time, and generate actionable
|
||
insights. With AI-driven automation, businesses
|
||
can quickly identify trends, predict outcomes, and
|
||
improve operational efficiency, leading to better
|
||
decision-making and improved ROI.
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQFour"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Is coding knowledge required to use Dashboard
|
||
Ninja with AI?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQFour"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingFour"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
No, Dashboard Ninja with AI is designed for users
|
||
of all technical levels. Its intuitive interface
|
||
allows you to create and customize dashboards
|
||
without any coding knowledge.
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQFive"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I bookmark dashboards for easy access in Odoo
|
||
Dashboard Ninja?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQFive"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingFive"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, you can! Use the bookmark feature to save
|
||
your dashboards, making them accessible with just
|
||
a click from your bookmarks list.
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQSix"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I chat with my team directly on dashboard
|
||
items in Odoo Dashboard Ninja?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQSix"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingSix"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes! Each dashboard item includes an internal chat
|
||
feature, allowing you to collaborate and discuss
|
||
insights directly where the data is displayed,
|
||
helping teams stay aligned in real-time.
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQSeven"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I access Dashboard Ninja on mobile?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQSeven"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingSeven"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Absolutely! Dashboard Ninja is mobile-responsive,
|
||
allowing you to access and interact with your
|
||
dashboards on any device.
|
||
</div>
|
||
</div>
|
||
<!-- 8 -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQEight"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Is this app compatible with Odoo Enterprise?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQEight"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingSeven"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes! Dashboard Ninja works seamlessly with both
|
||
Odoo Enterprise and Odoo Community editions.
|
||
Perfect for building Modern Dashboards like
|
||
Accounting Stock Dashboard, Invoice Dashboard, and
|
||
more.
|
||
</div>
|
||
</div>
|
||
<!-- 9 -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQNine"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Need some customization in this app?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQNine"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingSeven"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Absolutely! For any custom feature or UI
|
||
enhancement in your Advance Dashboard, simply:
|
||
Email us at sales@ksolves.com Or raise a support
|
||
ticket via the Odoo App Store. Build your dream
|
||
Dashboard Studio with our expert team.
|
||
</div>
|
||
</div>
|
||
<!-- 10 -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFAQTen"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Do you provide free support?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFAQTen"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingSeven"
|
||
data-bs-parent="#accordion6"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, we offer 90 days of free support
|
||
post-purchase for any queries, issue resolution,
|
||
or basic customization. Keep your All In One
|
||
Dynamic Dashboard running smoothly with dedicated
|
||
assistance.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- AI FAQ -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="faq-2"
|
||
role="tabpanel"
|
||
aria-labelledby="ai-tab"
|
||
style="
|
||
padding: 34px 39px;
|
||
border: 1px solid #e5e7eb;
|
||
background-color: #fafafa;
|
||
border-radius: 22px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3 pb-2"
|
||
style="
|
||
font-family: Poppins;
|
||
font-size: 30px;
|
||
font-weight: 500;
|
||
line-height: 37.76px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Artificial Intelligence
|
||
</h4>
|
||
<div class="w-100">
|
||
<div class="accordion w-100" id="accordionExample2">
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseOneAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does AI enhance Dashboard Ninja?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseOneAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingOne"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
AI in Dashboard Ninja automates data analysis
|
||
and report generation, enabling faster and more
|
||
accurate insights. It helps users uncover hidden
|
||
patterns, predict future outcomes, and
|
||
personalize dashboards to meet specific business
|
||
requirements.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseTwoAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can AI generate entire dashboards automatically?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseTwoAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, Dashboard Ninja with AI can automatically
|
||
assemble detailed dashboards by analyzing your
|
||
data scheme, saving time and effort in manual
|
||
configuration.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseThreeAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does AI improve decision-making?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseThreeAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
By offering data-driven insights, predictive
|
||
analytics, and real-time monitoring, AI empowers
|
||
businesses to make strategic decisions based on
|
||
accurate, up-to-date information.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFourAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How to get the AI API key?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFourAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingFour"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
You have to add your valid email id in General
|
||
Settings under "AI API Key" Section and click on
|
||
"Get API Key". You will receive the Key over
|
||
mail once your credentials are verified.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFiveAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Do you send data to use in AI systems?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFiveAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingFive"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
No, we never send your business data to external
|
||
AI systems. Only the table structure is securely
|
||
sent to the Ksolves AI Server. Your data stays
|
||
protected, ensuring a secure, reliable, and
|
||
AI-enhanced Dashboard experience. Ideal for
|
||
companies seeking a Customized Robust Dashboard
|
||
without compromising on security.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapsesixAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can we use AI features free of cost after
|
||
purchasing the module?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapsesixAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingsix"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, all AI-powered features are included with
|
||
your purchase. There are no additional charges.
|
||
Make the most of your Beautiful Powerful
|
||
Dashboards using AI-driven insights.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapsesevenAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does the AI feature in Odoo Dashboard Ninja
|
||
simplify the creation of dashboard items?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapsesevenAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingsix"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Odoo Dashboard Ninja leverages AI to streamline
|
||
the dashboard creation process. Users can input
|
||
keywords or select specific data models, and the
|
||
AI automatically generates tailored dashboard
|
||
items based on the provided information.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseEightAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does Odoo Dashboard Ninja use AI to provide
|
||
detailed explanations for my chart data?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseEightAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingEight"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Odoo Dashboard Ninja utilizes advanced AI
|
||
algorithms to analyze your unlabeled chart data
|
||
and generate detailed, context-rich
|
||
explanations. By selecting a chart, users
|
||
receive automated summaries that highlight key
|
||
trends, insights, and anomalies, making it
|
||
easier to interpret data without needing
|
||
extensive analytical skills.
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseNineAI"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Is it normal for Dashboard Ninja to change
|
||
dashboard layouts automatically?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseNineAI"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingEight"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
No, this is not standard behavior. If your
|
||
layout changes on its own, it may be due to
|
||
customizations, record rules, group access
|
||
changes, or third-party themes/addons.
|
||
<br />
|
||
Please contact us at support@ksolves.com for
|
||
expert support. We’ll diagnose and restore your
|
||
Odoo Best Dashboard functionality.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- charts-tab -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="faq-3"
|
||
role="tabpanel"
|
||
aria-labelledby="charts-tab"
|
||
style="
|
||
padding: 34px 39px;
|
||
border: 1px solid #e5e7eb;
|
||
background-color: #fafafa;
|
||
border-radius: 22px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3 pb-2"
|
||
style="
|
||
font-family: Poppins;
|
||
font-size: 30px;
|
||
font-weight: 500;
|
||
line-height: 37.76px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Charts
|
||
</h4>
|
||
<div class="w-100">
|
||
<div class="accordion w-100" id="accordionExample3">
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseOneCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
What types of charts can I create with Dashboard
|
||
Ninja?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseOneCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingOne"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Dashboard Ninja offers 18 visualization options,
|
||
including bar charts, pie charts, line graphs,
|
||
and more, allowing you to design interactive and
|
||
visually appealing dashboards, tiles, line
|
||
charts, list views, bar charts, horizontal
|
||
charts, to-do items, polar area charts, pie
|
||
charts, and doughnut charts.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseTwoCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I animate charts within my dashboards?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseTwoCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, Dashboard Ninja with AI includes dynamic
|
||
and animated reporting options to enhance the
|
||
presentation of your data and make it more
|
||
engaging.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseThreeCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
I created a chart in the wrong dashboard. Can I
|
||
move or duplicate it?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseThreeCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, you can! Hover over the item and click the
|
||
copy icon, or use the edit icon to access the
|
||
Actions dropdown, where you can move or
|
||
duplicate it. Effortlessly manage Chart Graphs
|
||
Table View across Multiple Dashboards.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFourCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I customize the appearance of my charts?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFourCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingFour"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Absolutely. You can customize chart appearance;
|
||
we provide 4 color themes and a color palette to
|
||
fit your user interface. We also provide
|
||
multiple layouts and icons for tiles to
|
||
highlight specific data points for better visual
|
||
storytelling.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFiveCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How do I easily switch between different graph
|
||
styles in my dashboard?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFiveCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingFive"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Switching graph styles in Odoo Dashboard Ninja
|
||
is straightforward! First, access the dashboard
|
||
item you want to modify. Click on it to reveal
|
||
the layout options or settings icon. From there,
|
||
you’ll see a list of available graph styles—such
|
||
as bar charts, line graphs, or pie charts.
|
||
Simply click on your preferred style, and the
|
||
item will update instantly. This allows you to
|
||
customize your data visualization quickly and
|
||
efficiently without any hassle!
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapsesixCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How do I make a bar chart full size on the
|
||
screen?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapsesixCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingsix"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Click the Edit Layout icon on the top left
|
||
corner. Hover over any tile or chart and use the
|
||
resize icon at the bottom-right to expand it.
|
||
Great for emphasizing key KPIs on your Dashboard
|
||
or Best Ninja Dashboard.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapsesevenCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does the AI feature in Odoo Dashboard Ninja
|
||
simplify the creation of dashboard items?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapsesevenCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingsix"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Odoo Dashboard Ninja leverages AI to streamline
|
||
the dashboard creation process. Users can input
|
||
keywords or select specific data models, and the
|
||
AI automatically generates tailored dashboard
|
||
items based on the provided information.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseEightCharts"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does Odoo Dashboard Ninja use AI to provide
|
||
detailed explanations for my chart data?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseEightCharts"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingEight"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Odoo Dashboard Ninja utilizes advanced AI
|
||
algorithms to analyze your unlabeled chart data
|
||
and generate detailed, context-rich
|
||
explanations. By selecting a chart, users
|
||
receive automated summaries that highlight key
|
||
trends, insights, and anomalies, making it
|
||
easier to interpret data without needing
|
||
extensive analytical skills.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Data Sources Tab -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="faq-4"
|
||
role="tabpanel"
|
||
aria-labelledby="data-sources-tab"
|
||
style="
|
||
padding: 34px 39px;
|
||
border: 1px solid #e5e7eb;
|
||
background-color: #fafafa;
|
||
border-radius: 22px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3 pb-2"
|
||
style="
|
||
font-family: Poppins;
|
||
font-size: 30px;
|
||
font-weight: 500;
|
||
line-height: 37.76px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Data Sources
|
||
</h4>
|
||
<div class="w-100">
|
||
<div class="accordion w-100" id="accordionExample4">
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseOneData"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
What data sources can I integrate with Dashboard
|
||
Ninja?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseOneData"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingOne"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Dashboard Ninja supports data from within the
|
||
Odoo database, as well as from Excel and CSV
|
||
files.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseTwoData"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I track real-time data on my dashboard?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseTwoData"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, Dashboard Ninja provides real-time
|
||
streaming dashboards that allow you to monitor
|
||
live data feeds and get immediate insights into
|
||
current business activities.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseThreeData"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How does Dashboard Ninja handle multi-company
|
||
data?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseThreeData"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, we have provided a feature to move and
|
||
duplicate any item from the platform. It offers
|
||
multi-company support, making it easy to
|
||
visualize data from different companies,
|
||
ensuring accurate and relevant reporting.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Filters & Group By Tab -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="faq-5"
|
||
role="tabpanel"
|
||
aria-labelledby="filters-group-by-tab"
|
||
style="
|
||
padding: 34px 39px;
|
||
border: 1px solid #e5e7eb;
|
||
background-color: #fafafa;
|
||
border-radius: 22px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3 pb-2"
|
||
style="
|
||
font-family: Poppins;
|
||
font-size: 30px;
|
||
font-weight: 500;
|
||
line-height: 37.76px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Filters & Group By
|
||
</h4>
|
||
<div class="w-100">
|
||
<div class="accordion w-100" id="accordionExample4">
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseOnefeatures"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
What filter options are available in Dashboard
|
||
Ninja?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseOnefeatures"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: rgb(244, 245, 246)"
|
||
aria-labelledby="headingOne"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Dashboard Ninja offers advanced date filters,
|
||
predefined filters, and custom filter options to
|
||
help you organize and refine your data displays
|
||
based on your business needs.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseTwofeatures"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I group data by specific criteria?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseTwofeatures"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, you can group data by categories such as
|
||
time periods, customer segments, or product
|
||
types, providing deeper insights into business
|
||
performance.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseThreefeatures"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How precise is the date filtering?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseThreefeatures"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, with the advanced date filter, you can
|
||
generate precise reports by sorting data within
|
||
customized timeframes, such as by day, week,
|
||
quarter, or year.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Access Rights Tab -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="faq-6"
|
||
role="tabpanel"
|
||
aria-labelledby="access-rights-tab"
|
||
style="
|
||
padding: 34px 39px;
|
||
border: 1px solid #e5e7eb;
|
||
background-color: #fafafa;
|
||
border-radius: 22px;
|
||
"
|
||
>
|
||
<h4
|
||
class="mb-3 pb-2"
|
||
style="
|
||
font-family: Poppins;
|
||
font-size: 30px;
|
||
font-weight: 500;
|
||
line-height: 37.76px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Access Rights
|
||
</h4>
|
||
<div class="w-100">
|
||
<div class="accordion w-100" id="accordionExample4">
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseOnerights"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
How can I control who has access to the
|
||
dashboards?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseOnerights"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingOne"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Dashboard Ninja provides granular access control
|
||
features, allowing you to manage user
|
||
permissions for viewing or editing dashboards.
|
||
There are three access levels in Dashboard
|
||
Ninja: first is admin access with full dashboard
|
||
access; the second allows users to access all
|
||
charts but not configuration level access; and
|
||
the third grants access to only specific charts
|
||
in a dashboard.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseTworights"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I create personalized dashboards for
|
||
individual users?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseTworights"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingTwo"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, with the unique User-ID (%UID) feature, you
|
||
can create personalized dashboard experiences
|
||
tailored to individual users’ preferences,
|
||
ensuring they see only the data relevant to
|
||
their roles.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- -->
|
||
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseThreerights"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can dashboards be shared across teams or
|
||
departments?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseThreerights"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
Yes, you can export and import dashboards to
|
||
share across teams or instances. This feature
|
||
simplifies collaboration and allows for easy
|
||
backup of critical dashboards.
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
<div
|
||
aria-expanded="false"
|
||
class="card-header collapsed"
|
||
data-bs-toggle="collapse"
|
||
href="#collapseFourrights"
|
||
style="
|
||
background-color: transparent;
|
||
border: none;
|
||
border-top: 1px solid #e8e8e8;
|
||
"
|
||
>
|
||
<a
|
||
class="card-title text-decoration-none d-flex align-content-center justify-content-between mb-0 cursor-pointer"
|
||
style="
|
||
font-size: 18px;
|
||
line-height: 30px;
|
||
font-weight: 500;
|
||
color: #4f4f4f;
|
||
"
|
||
>
|
||
Can I set a created Ninja Dashboard as the
|
||
user's home page?
|
||
<img
|
||
alt=""
|
||
class="float-right pt-2"
|
||
src="./img/new-add-img/down-arrow.svg"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div
|
||
id="collapseFourrights"
|
||
class="accordion-collapse collapse"
|
||
style="background-color: #f4f5f6"
|
||
aria-labelledby="headingThree"
|
||
data-bs-parent="#accordionExample"
|
||
>
|
||
<div
|
||
class="accordion-body"
|
||
style="
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
letter-spacing: -0.04em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
padding: 5px 24px 12px 26px;
|
||
"
|
||
>
|
||
<ul>
|
||
<li>
|
||
Yes. After you create a dashboard, an action
|
||
is generated with the name: Menu Name +
|
||
“Action”.
|
||
</li>
|
||
<li>
|
||
For example, if you create a Project
|
||
Dashboard, go to User Preferences → Home
|
||
Action and select “Project Dashboard
|
||
Action”.
|
||
</li>
|
||
<li>
|
||
Easily assign Predefined Dashboards as the
|
||
default landing view for users.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
aria-labelledby="releases-tab"
|
||
class="tab-pane fade"
|
||
id="releases"
|
||
role="tabpanel"
|
||
>
|
||
<div
|
||
class="position-relative mb-4 d-flex flex-column justify-content-center align-items-center"
|
||
style="
|
||
border-radius: 30px;
|
||
height: 279px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
"
|
||
>
|
||
<img
|
||
src="./img/new-add-img/why-ksolves-bg.png"
|
||
alt="why-ksolves"
|
||
class="img-fluid w-100 h-100 position-absolute"
|
||
/>
|
||
<h5
|
||
class="position-relative"
|
||
style="
|
||
font-family: 'Inter', sans-serif;
|
||
font-weight: 600;
|
||
font-size: 30px;
|
||
line-height: 45px;
|
||
color: #171618;
|
||
text-align: center;
|
||
font-family: 'Inter', sans-serif;
|
||
font-size: calc(0.93rem + 1vw);
|
||
"
|
||
>
|
||
Dashboard Ninja Releases
|
||
</h5>
|
||
<p
|
||
class="position-relative"
|
||
style="
|
||
font-weight: 500;
|
||
font-size: 20px;
|
||
line-height: 155.19%;
|
||
text-align: center;
|
||
margin-bottom: 30px;
|
||
font-family: 'Poppins', sans-serif;
|
||
color: #5c5f6e;
|
||
"
|
||
>
|
||
Every update brings new capabilities. Keep track of the latest
|
||
features and <br class="d-lg-block d-none" />
|
||
enhancements designed to visualize and analyze your data like
|
||
a pro.
|
||
</p>
|
||
</div>
|
||
<div class="py-2 px-md-5 p-2">
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Fixes
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Latest Release 1.1.7
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(7th April, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Fixed bugs regarding the Sub Group By & Sort By
|
||
Field and kpi.
|
||
</li>
|
||
<li>Fixed bugs regarding the Data Calculation Type.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Fixes
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.6
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(3rd April, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Fixes: Fixed bugs regarding the list views and kpi.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.5
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(04th March, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Improved chart interaction: Clicking on a chart with a
|
||
sub-group applied now displays only the relevant
|
||
sub-group data.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
New Feature
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.4
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(14th February, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>New Chart Filter Feature.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.3
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(10th February, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Code restructured based on owl components and code
|
||
break fixes.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.2
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(03rd February, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Fixed the issue when creating charts with Excel and
|
||
CSV.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.1
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(30th January, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>Bug Fix in Sorting of list charts.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.1.0
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(23rd January, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>Filters optimisation and bug fixes.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.9
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(14th January, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>Removed the warnings from logs.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Fix
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.8
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(6th January, 2025)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Improved the Dashboard Ninja compatibility with ARC
|
||
theme
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.7
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(31st December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Improved the Dashboard Ninja compatibility with ARC
|
||
theme
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.6
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(26th December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>Updated the AI server url</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Fix
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.5
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(17th December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Fixed the code break when changing the dashboard data.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.4
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(14th December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>Client action removed.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.3
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(12th December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>New theme navbar removed.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Fix
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.2
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(09th December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Resolved the x-axis label formatting issue in the bar
|
||
chart when grouping by a datetime field with subgroup.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Second Release-->
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
Improvements
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.1
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(03rd December, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>Bug Fixes and Improvements in UI.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- First Release-->
|
||
<div
|
||
style="
|
||
background-color: #fafafa;
|
||
border: 2px solid #e5e7eb;
|
||
box-shadow: 0px 3.68px 22.05px 0px rgba(0, 0, 0, 0.02);
|
||
padding: 20px 31px;
|
||
border-radius: 22px;
|
||
margin-bottom: 37px;
|
||
"
|
||
>
|
||
<div class="row">
|
||
<div class="col-1"></div>
|
||
<div class="col-11">
|
||
<div style="margin-top: -35px; margin-right: 60px">
|
||
<div
|
||
style="
|
||
background-color: #6789c6;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
line-height: 27px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #ffffff;
|
||
display: inline;
|
||
padding: 5px 15px;
|
||
border-radius: 30px;
|
||
"
|
||
>
|
||
New Version
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-1">
|
||
<div class="w-100">
|
||
<img
|
||
src="./img/new-add-img/tinified/file-img.png"
|
||
alt="img"
|
||
width="100"
|
||
height="100"
|
||
class="img-fluid"
|
||
loading="lazy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-11">
|
||
<h5
|
||
class="mt-2"
|
||
style="
|
||
font-size: 22px;
|
||
font-weight: 500;
|
||
line-height: 33px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
color: #0b0d0e;
|
||
"
|
||
>
|
||
Release 1.0.0
|
||
<span
|
||
style="
|
||
color: #7a7979;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
letter-spacing: -0.05em;
|
||
text-align: left;
|
||
"
|
||
>(21st October, 2024)</span
|
||
>
|
||
</h5>
|
||
<ul
|
||
style="
|
||
color: #5c5f6e;
|
||
font-size: 14.7px;
|
||
font-weight: 400;
|
||
line-height: 22.05px;
|
||
letter-spacing: -0.02em;
|
||
text-align: left;
|
||
"
|
||
>
|
||
<li>
|
||
Latest Version 18 Release of Dashboard Ninja With AI.
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<section>
|
||
<div
|
||
class="p-0"
|
||
id="free_support"
|
||
style="border-radius: 20px; padding-top: 41px; padding-bottom: 41px"
|
||
>
|
||
<div
|
||
class="row d-flex align-items-center justify-content-center m-0"
|
||
>
|
||
<div
|
||
class="col-12 px-0 position-relative overflow-hidden"
|
||
style="
|
||
border-radius: 20px;
|
||
background-color: #fffefd;
|
||
height: 500px;
|
||
"
|
||
>
|
||
<img
|
||
alt="bg-img"
|
||
class="h-100 w-100 position-absolute fix-bottom img-fluid"
|
||
loading="lazy"
|
||
src="./img/footer-layout-grid.png"
|
||
style="top: 0; left: 0; width: 100%"
|
||
/>
|
||
<div
|
||
class="row h-100 position-relative pt-lg-3 px-lg-5 pb-lg-3 p-md-4 p-3 mx-auto d-flex align-items-center"
|
||
style="
|
||
color: #333333;
|
||
font-weight: 500;
|
||
font-size: 16px;
|
||
width: 100%;
|
||
gap: 35px 70px;
|
||
"
|
||
>
|
||
<div class="col text-center mt-5">
|
||
<h4
|
||
style="
|
||
color: #fff;
|
||
font-weight: 700;
|
||
font-size: 45px;
|
||
line-height: 67px;
|
||
"
|
||
>
|
||
Try Dashboard Ninja <br class="d-xl-block d-none" />
|
||
with AI today
|
||
</h4>
|
||
|
||
<div
|
||
class="d-flex align-iems-center justify-content-center mt-5 pt-2"
|
||
>
|
||
<a
|
||
class="d-flex align-items-center me-3 justif-content-center px-4 py-3 text-center"
|
||
href="https://www.youtube.com/watch?v=Kcye9yHu4rY&ab_channel=KsolvesIndiaLimited"
|
||
target="_blank"
|
||
style="
|
||
padding: 15px !important;
|
||
width: fit-content;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: #ffffff;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 16px;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #e84a5f;
|
||
"
|
||
>
|
||
Get a demo
|
||
</a>
|
||
<a
|
||
class="d-flex align-items-center justif-content-center px-4 py-3 text-center"
|
||
target="_blank"
|
||
href="tel:18001210218"
|
||
style="
|
||
padding: 15px !important;
|
||
font-family: Inter;
|
||
text-decoration: none;
|
||
background-color: transparent;
|
||
border-radius: 8px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
font-size: 14px;
|
||
width: fit-content;
|
||
line-height: 18.6px;
|
||
text-transform: capitalize;
|
||
color: #ffffff;
|
||
border: 2px solid #ffffff;
|
||
"
|
||
>
|
||
18001210218
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Bootstrap 5 JS cdn -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||
</body>
|
||
</html> |