Ksolves Store: One-Stop Shop for Odoo Apps

<!DOCTYPE html> <html lang="en-US" data-website-id="1" data-main-object="ir.ui.view(2549,)" data-add2cart-redirect="1"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Ksolves Store: One-Stop Shop for Odoo Apps</title> <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=150f072"/> <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/> <link type="text/css" rel="stylesheet" href="/web/assets/1/3d21efa/web.assets_frontend.min.css"/> <script id="web.layout.odooscript" type="text/javascript"> var odoo = { csrf_token: "56e8761a5c2509f79cfb5b6c1aa2358e26e0680bo1763908182", debug: "", }; </script> <script type="text/javascript"> odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_website_user": true, "user_id": false, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"126": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}, "20": {"symbol": "\u20b9", "position": "before", "digits": [69, 2]}, "1": {"symbol": "$", "position": "before", "digits": [69, 2]}}, "bundle_params": {"lang": "en_US", "website_id": 1}, "websocket_worker_version": "17.0-1", "translationURL": "/website/translations", "cache_hashes": {"translations": "7a4a0f866c64b42044567aa226cb31ed7c89ce3b"}, "geoip_country_code": null, "geoip_phone_code": null, "lang_url_code": "en"}; if (!/(^|;\s)tz=/.test(document.cookie)) { const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone; document.cookie = `tz=${userTZ}; path=/`; } </script> <script type="text/javascript" defer="defer" src="/web/assets/1/e16c228/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script> <script type="text/javascript" defer="defer" data-src="/web/assets/1/e1feda5/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script> <meta name="google-site-verification" content="MzOeH1Nviq_jbHOPg7YpFbw73hlqEgYCuNaTaypYRIk"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="generator" content="Odoo"/> <meta name="description" content="Discover powerful Odoo apps by Ksolves India Limited, designed to streamline business operations. Get the perfect Odoo app for every need!"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Ksolves Store: One-Stop Shop for Odoo Apps"/> <meta property="og:site_name" content="Ksolves Store"/> <meta property="og:url" content="https://store.ksolves.com/shop/product/dashboard-ninja-with-ai-v-18.0"/> <meta property="og:image" content="https://store.ksolves.com/web/image/website/1/social_default_image?unique=150f072"/> <meta property="og:description" content="Discover powerful Odoo apps by Ksolves India Limited, designed to streamline business operations. Get the perfect Odoo app for every need!"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Ksolves Store: One-Stop Shop for Odoo Apps"/> <meta name="twitter:image" content="https://store.ksolves.com/web/image/website/1/social_default_image?unique=150f072"/> <meta name="twitter:site" content="@_Ksolves"/> <meta name="twitter:description" content="Discover powerful Odoo apps by Ksolves India Limited, designed to streamline business operations. Get the perfect Odoo app for every need!"/> <link rel="canonical" href="https://store.ksolves.com/shop/product/dashboard-ninja-with-ai-v-18.0"/> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/> <script src="https://www.googletagmanager.com/gtag/js?id=G-FJ6F5KH207"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-FJ6F5KH207'); </script> </head> <body> <div id="wrapwrap" class=" "> <header> <div class="header_top_strip py-1"> <div class="container"> <div class="d-flex align-items-center justify-content-between flex-wrap"> <div class="d-flex align-items-center justify-content-between justify-content-lg-start col-12 col-lg-4 px-0"> <div class="d-flex align-items-center me-0 mt-1"> <div class="vertical-carousel"> <div class="vt-carousel-inner d-flex flex-column"> <div class="vt-carousel-item d-flex align-items-center"> <img src="/ks_store_backend/static/src/image/nse_img.svg" class="img-fluid me-2" loading="lazy" alt="nse logo" height="22" width="57"/> <p class="mb-0 nse_para"> ₹ 950.60 </p> </div> <div class="vt-carousel-item d-flex align-items-center"> <img src="/ks_store_backend/static/src/image/bsc-logo.svg" class="img-fluid me-2" loading="lazy" alt="bsc logo" height="15" width="45"/> <p class="mb-0 nse_para"> ₹ 950.60 </p> </div> </div> </div> </div> <div class="flex_logos ms-lg-2 ms-2 ksolves_cube"> <img alt="ksolves-achievement-logo" width="150" height="auto" src="/ks_store_backend/static/src/image/header-giff.gif" loading="lazy"/> </div> </div> <div class="d-flex align-items-center gap-lg-3 right-top-header justify-content-lg-end justify-content-between flex-wrap d-flex d-md-flex col-lg-8"> <div class="me-3 me-lg-0"> <img src="/ks_store_backend/static/src/image/phone.svg" class="img-fluid me-1" alt="phone icon" width="15" height="17" loading="lazy"/> <a class="text-decoration-none fs-14 fw-medium ks-link" href="tel:+91-7498170227"> +91-7498170227 </a> </div> <div class="me-3 me-lg-0"> <img src="/ks_store_backend/static/src/image/phone.svg" class="img-fluid me-1" alt="phone icon" width="15" height="17" loading="lazy"/> <a class="text-decoration-none fs-14 fw-medium ks-link" href="tel:+1 (646) 203-1075"> +1 (646) 203-1075 </a> </div> <div class="me-3 me-lg-0"> <img src="/ks_store_backend/static/src/image/whatapp.svg" class="img-fluid me-1" alt="whatapp icon" width="18" height="18" loading="lazy"/> <a class="mb-0 text-decoration-none fs-14 fw-medium ks-link" target="_blank" href="https://wa.me/+91-8527471031/?text=Hi"> +91-8527471031 </a> </div> <div class="me-3"> <img src="/ks_store_backend/static/src/image/mail.svg" class="img-fluid me-1" alt="mail icon" width="15" height="14" loading="lazy"/> <a class="mb-0 text-decoration-none fs-14 fw-medium ks-link" href="mailto:sales@ksolves.com"> sales@ksolves.com </a> </div> <div class="o_pricelist_dropdown dropdown ks-dropdown"> <button role="button" href="#" data-bs-toggle="dropdown" class="dropdown-toggle btn btn-currency fs-14"> EUR </button> <ul class="dropdown-menu dropdown-menu-end" role="menu"> <li> <a role="menuitem" class="dropdown-item" data-value="pl.name" href="/shop/change_pricelist/1"> <span class="switcher_pricelist small" data-pl_id="1">EUR</span> </a> </li> <li> <a role="menuitem" class="dropdown-item" data-value="pl.name" href="/shop/change_pricelist/2"> <span class="switcher_pricelist small" data-pl_id="2">USD</span> </a> </li> <li> <a role="menuitem" class="dropdown-item" data-value="pl.name" href="/shop/change_pricelist/3"> <span class="switcher_pricelist small" data-pl_id="3">INR</span> </a> </li> </ul> </div> </div> </div> </div> </div> </header> <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Extra items button" class=" o_header_standard" style=" "> <nav class="navbar navbar-expand-lg navbar-light bg-white ks-navigation"> <div id="o_main_nav" class="o_main_nav container"> <div class="nav-left-sec d-flex align-items-center"> <button class="navbar-toggler border-0 ps-0 pe-1 me-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a data-name="Navbar Logo" href="/" class="navbar-brand logo me-1 me-lg-4"> <span role="img" aria-label="Logo of Ksolves Store" title="Ksolves Store"><img src="/web/image/website/1/logo/Ksolves%20Store?unique=150f072" class="img img-fluid" width="95" height="40" alt="Ksolves Store" loading="lazy"/></span> </a> </div> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="d-flex d-lg-none justify-content-end w-100 p-3"> <button class="nav-link btn-close d-block d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> </button> </div> <ul id="top_menu" role="menu" class="nav navbar-nav top_menu o_menu_loading me-auto"> <li role="presentation" class="nav-item"> <a role="menuitem" href="/bulk-offer" class="nav-link "> <span>Bulk Offer</span> </a> </li> <li role="presentation" class="nav-item dropdown position-static"> <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle o_mega_menu_toggle " data-bs-display="static"> <span>Odoo</span> </a> <div data-name="Mega Menu" class="dropdown-menu o_mega_menu "> <section class="s_mega_menu_odoo_menu pt16 o_colored_level o_cc o_cc1 ks-mega-dropdown"> <div class="container container-sm py-lg-4"> <div class="row justify-content-center"> <div class="col-lg-6"> <div class="row py-lg-4"> <div class="col-lg-5"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="/shop"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="Inventory"> All </a> </li> <li> <a class="dropdown-item" href="/shop?category=14"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Accounting </a> </li> <li> <a class="dropdown-item" href="/shop?category=26"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> CRM </a> </li> <li> <a class="dropdown-item" href="/shop?category=27"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Inventory </a> </li> <li> <a class="dropdown-item" href="/shop?category=16"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Point Of Sale </a> </li> <li> <a class="dropdown-item" href="/shop?category=11"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Sales </a> </li> </ul> </div> <div class="col-lg-6"> <ul class="list-unstyled"> <li> <a class="dropdown-item" href="/shop?category=20"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Warehouse </a> </li> <li> <a class="dropdown-item" href="/shop?category=39"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Human Resources </a> </li> <li> <a class="dropdown-item" href="/shop?category=1"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Odoo </a> </li> <li> <a class="dropdown-item" href="/shop?category=40"> <img src="/ks_store_backend/static/src/image/nav/inventory-icon.svg" loading="lazy" width="29" height="28" alt="accounting"> Stock Management </a> </li> </ul> </div> </div> </div> <div class="col-lg-6"> <div class="ks-dashboard-ninja-box rounded-radius-8 p-4 p-lg-5"> <h3 class="h3 fw-semibold mb-0">No.1 On Odoo Store</h3> <div class="d-flex align-items-center py-3 py-lg-4"> <img class="img-fluid me-3" loading="lazy" width="40" height="40" src="/web/image/product.product/342/image_1920" alt="Dashboard Ninja with AI"> <span class="ks-da-ninja fw-medium fs-18"> Dashboard Ninja with AI </span> </div> <p class="fs-18">Dashboard Ninja </p> <a class="btn btn-primary btn-lg mt-2" href="/shop/product/dashboard-ninja-with-ai-v-15.0">View App </a> </div> </div> </div> </div> </section></div> </li> <li role="presentation" class="nav-item"> <a role="menuitem" href="/odoo-theme" class="nav-link "> <span>Odoo Theme</span> </a> </li> <li role="presentation" class="nav-item"> <a role="menuitem" href="/aboutus" class="nav-link "> <span>About Us</span> </a> </li> <li role="presentation" class="nav-item"> <a role="menuitem" href="/contactus" class="nav-link "> <span>Contact us</span> </a> </li> </ul> <ul class="d-flex d-lg-none flex-column gap-2 gap-md-4 navbar-nav w-100 "> <li class=" o_no_autohide_item fs-13 fw-medium"> <a href="/web/login" class=" d-block w-100 py-3">Login </a> </li> <li class=" o_no_autohide_item py-2 px-3"> <a class="btn btn-primary rounded-1 fw-semibold w-100" href="/web/signup"> Create an account </a> </li> </ul> </div> <ul class="d-flex align-items-center justify-content-between gap-0 gap-md-2 navbar-nav flex-row ks-right-nav"> <li class=""> <div class="modal fade css_editable_mode_hidden" id="o_search_modal" aria-hidden="true" tabindex="-1"> <div class="modal-dialog modal-lg pt-5"> <div class="modal-content mt-5"> <form method="get" class="o_searchbar_form o_wait_lazy_js s_searchbar_input " action="/website/search" data-snippet="s_searchbar_input"> <div role="search" class="input-group input-group-lg"> <input type="search" name="search" class="search-query form-control oe_search_box border-0 bg-light border border-end-0 p-3" placeholder="Search..." data-search-type="all" data-limit="5" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/> <button type="submit" aria-label="Search" title="Search" class="btn oe_search_button border border-start-0 px-4 bg-o-color-4"> <i class="oi oi-search"></i> </button> </div> <input name="order" type="hidden" class="o_search_order_by" value="name asc"/> </form> </div> </div> </div> <a data-bs-target="#o_search_modal" data-bs-toggle="modal" role="button" title="Search" href="#" class="btn rounded-circle p-1 lh-1 o_navlink_background text-reset o_not_editable"> <i class="oi oi-search fa-stack lh-lg"></i> </a> </li> <li class=" o_no_autohide_item d-none d-lg-block mx-lg-3"> <a class="btn btn-primary rounded-1 fw-semibold" href="/web/signup"> Create an account </a> </li> <li class=" o_no_autohide_item d-none d-lg-block fs-13 fw-medium"> <a href="/web/login" class=" me-lg-3">Login </a> </li> <li class="o_wsale_my_wish d-none o_wsale_my_wish_hide_empty"> <a href="/shop/wishlist" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset"> <div class=""> <i class="fa fa-1x fa-heart fa-stack"></i> <sup class="my_wish_quantity o_animate_blink badge text-bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill">0</sup> </div> </a> </li> <li class=" divider d-none"></li> <li class="o_wsale_my_cart "> <a href="/shop/cart" aria-label="eCommerce cart" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset"> <div class=""> <i class="fa fa-shopping-cart fa-stack"></i> <sup class="my_cart_quantity badge text-bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none" data-order-id="">0</sup> </div> </a> </li> </ul> <button class="navbar-toggler overlay-nav d-block d-lg-none" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> </button> </div> </nav> </header> <main> <main> <section class="py-3"> <div class="container"> <nav class="mb-md-4" aria-label="breadcrumb"> <ol class="breadcrumb p-0"> <li class="breadcrumb-item"> <a href="/shop"> Shop </a> </li> <li class="breadcrumb-item fw-medium active" aria-current="page"> Dashboard Ninja with AI (18.0) </li> </ol> </nav> <div class="row"> <div class="col-md-6 col-lg-5 col-12 pe-lg-0 h-100"> <div class="ks-large-slider pb-3"> <img id="original_banner" class="img-fluid border-radius-8" width="535" height="368" loading="lazy" src="/web/image/product.product/611/image_1920" alt="Dashboard Ninja with AI"/> </div> <div class="d-none d-md-block"> <div class="row mt-2 mt-md-4 ks-support-section"> <div class="col-sm-6 col-lg-4"> <div class="d-flex h-100 align-items-center"> <div class="me-3"> <div class="service-thum-icon"> <img src="/ks_store_backend/static/src/image/explore/support-icon-v2.svg" alt="120 Days Free Support" width="30" loading="lazy" height="30"/> </div> </div> <div class="fs-14"> <div class="fw-medium">120 Days</div> Free Support </div> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="d-flex h-100 align-items-center"> <div class="me-3"> <div class="service-thum-icon"> <img src="/ks_store_backend/static/src/image/explore/ic_round-update.svg" alt="Free Lifetime Update" width="30" loading="lazy" height="30"/> </div> </div> <div class="fs-14"> <div class="fw-medium">Free</div> Lifetime Update </div> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="d-flex h-100 align-items-center"> <div class="me-3"> <div class="service-thum-icon p-2"> <img src="/ks_store_backend/static/src/image/explore/download-icon-v2.svg" alt="Free Installation" width="30" loading="lazy" height="30"/> </div> </div> <div class="fs-14"> <div class="fw-medium">Free</div> Installation </div> </div> </div> </div> </div> </div> <div class="col-md-6 col-lg-7 col-12"> <form action="/shop/cart/update" method="POST"> <input type="hidden" name="csrf_token" value="56e8761a5c2509f79cfb5b6c1aa2358e26e0680bo1763908182"/> <input type="hidden" class="product_id" name="product_id" value="611"/> <div class="product-detail ms-lg-5 ps-xl-4 mt-4 mt-md-0"> <h2 class="mb-2 product-title"> Dashboard Ninja with AI (18.0) </h2> <div class="col-xl-10"> <p class="fs-14 mb-3 mb-lg-4"> Dashboard Ninja </p> </div> <div class="ratings d-flex align-items-center pb-30 fs-13"> <a href="#o_product_page_reviews" class="o_product_page_reviews_link text-decoration-none"> <div class="o_website_rating_static" title="4.05"> <i class="fa fa-star" role="img"></i> <i class="fa fa-star" role="img"></i> <i class="fa fa-star" role="img"></i> <i class="fa fa-star" role="img"></i> <i class="fa fa-star-o" role="img"></i> <small class="text-muted ms-1"> (20 reviews) </small> </div> </a> </div> <hr class="mt-4 mb-3"/> <div class="editions-version d-flex align-items-center"> <div class="me-3"> <div class="fs-13 fw-medium text-gray-600 text-uppercase">Supported Versions </div> <p class="fs-14">All the compatible versions</p> </div> <div class="version-dropdown col-md-3 mb-3"> <div class="d-flex bg-white border align-items-center dropdown-sec w-100"> <div class="ps-2 text-nowrap fs-14">Version</div> <div class="dropdown ks-dropdown w-100"> <button class="btn dropdown-toggle custom-dropdown fs-14 text-right" type="button" data-bs-toggle="dropdown" aria-expanded="false"> 18.0 </button> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" id="49" href="/shop/product/dashboard-ninja-with-ai-v-12.0" data-value="12.0"> 12.0 </a> </li> <li> <a class="dropdown-item" id="50" href="/shop/product/dashboard-ninja-with-ai-v-11.0" data-value="11.0"> 11.0 </a> </li> <li> <a class="dropdown-item" id="51" href="/shop/product/dashboard-ninja-with-ai-v-10.0" data-value="10.0"> 10.0 </a> </li> <li> <a class="dropdown-item" id="113" href="/shop/product/dashboard-ninja-with-ai-v-13.0" data-value="13.0"> 13.0 </a> </li> <li> <a class="dropdown-item" id="257" href="/shop/product/dashboard-ninja-with-ai-v-14.0" data-value="14.0"> 14.0 </a> </li> <li> <a class="dropdown-item" id="342" href="/shop/product/dashboard-ninja-with-ai-v-15.0" data-value="15.0"> 15.0 </a> </li> <li> <a class="dropdown-item" id="482" href="/shop/product/dashboard-ninja-with-ai-v-16.0" data-value="16.0"> 16.0 </a> </li> <li> <a class="dropdown-item" id="552" href="/shop/product/dashboard-ninja-with-ai-v-17.0" data-value="17.0"> 17.0 </a> </li> <li> <a class="dropdown-item" id="611" href="/shop/product/dashboard-ninja-with-ai-v-18.0" data-value="18.0"> 18.0 </a> </li> </ul> </div> </div> </div> </div> <div class="price-action mb-3 "> <div class="price d-flex align-items-center "> <h4 class="fs-18 m-0"> <div class="fs-32 me-3 text-gray-600 fw-semibold"> <span class="oe_price" style="white-space: nowrap;" data-oe-type="monetary" data-oe-expression="combination_info['price']"><span class="oe_currency_value">649.02</span> €</span> <span itemprop="price" style="display:none;">649.02</span> <span itemprop="priceCurrency" style="display:none;">EUR</span> </div> </h4> <span itemprop="listPrice" class="text-decoration-line-through fs-13 fw-medium ms-1 d-none" data-oe-type="monetary" data-oe-expression="combination_info['list_price']"><span class="oe_currency_value">649.02</span> €</span> </div> </div> <div class="setup-support"> <div class="installation d-flex align-items-center flex-wrap"> <div class="me-3 me-lg-5"> <span class="title">Installation:</span> <span class="text-red fw-semibold ms-2">Free </span> </div> <div> <span class="title">Support Period for 4 Months:</span> <span class="text-red fw-semibold ms-2">Free </span> </div> </div> </div> <hr class="mt-2 mb-3"/> <div class="user-instructions d-flex align-items-center mb-3 fs-14 text-red flex-wrap gap-3"> <div class="d-flex align-items-center instructions-card mb-2"> <div class="s_share text-start o_no_link_popover "> <h4 class="s_share_title d-none">Share</h4> <a href="https://www.facebook.com/sharer/sharer.php?u={url}" target="_blank" aria-label="Facebook" class="s_share_facebook "> <i class="fa fa-facebook rounded shadow-sm"></i> </a> <a href="https://twitter.com/intent/tweet?text={title}&url={url}" target="_blank" aria-label="Twitter" class="s_share_twitter "> <i class="fa fa-twitter rounded shadow-sm"></i> </a> <a href="https://www.linkedin.com/sharing/share-offsite/?url={url}" target="_blank" aria-label="LinkedIn" class="s_share_linkedin "> <i class="fa fa-linkedin rounded shadow-sm"></i> </a> <a href="https://wa.me/?text={title}" target="_blank" aria-label="WhatsApp" class="s_share_whatsapp "> <i class="fa fa-whatsapp rounded shadow-sm"></i> </a> <a href="mailto:?body={url}&subject={title}" aria-label="Email" class="s_share_email "> <i class="fa fa-envelope rounded shadow-sm"></i> </a> </div> </div> </div> <div class="btn-container d-flex align-items-center mb-4"> <button class="btn btn-primary btn-lg btn-add-to-cart fw-semibold fs-18 me-3"> Add to Cart </button> <a target="_blank" class="btn btn-outline-primary btn-lg btn-add-to-cart fw-semibold fs-18" href="https://ksdndemo18.kappso.com/web/login"> Live Demo </a> </div> </div> </form> <div class="d-md-none"> <div class="row mt-2 mt-md-4 ks-support-section"> <div class="col-sm-6 col-lg-4"> <div class="d-flex h-100 align-items-center"> <div class="me-3"> <div class="service-thum-icon"> <img src="/ks_store_backend/static/src/image/explore/support-icon-v2.svg" alt="120 Days Free Support" width="30" loading="lazy" height="30"/> </div> </div> <div class="fs-14"> <div class="fw-medium">120 Days</div> Free Support </div> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="d-flex h-100 align-items-center"> <div class="me-3"> <div class="service-thum-icon"> <img src="/ks_store_backend/static/src/image/explore/ic_round-update.svg" alt="Free Lifetime Update" width="30" loading="lazy" height="30"/> </div> </div> <div class="fs-14"> <div class="fw-medium">Free</div> Lifetime Update </div> </div> </div> <div class="col-sm-6 col-lg-4"> <div class="d-flex h-100 align-items-center"> <div class="me-3"> <div class="service-thum-icon p-2"> <img src="/ks_store_backend/static/src/image/explore/download-icon-v2.svg" alt="Free Installation" width="30" loading="lazy" height="30"/> </div> </div> <div class="fs-14"> <div class="fw-medium">Free</div> Installation </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="tabs-pills-custom mt-lg-4"> <div class="container"> <div class="tabs-pills-container border border-radius-8 px-0 py-4 p-lg-4 mb-4 mb-lg-5"> <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist"> <li class="nav-item me-4" role="presentation"> <button class="nav-link position-relative active" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="false" tabindex="-1">Overview </button> </li> <li class="nav-item me-4" role="presentation"> <button class="nav-link position-relative" data-bs-toggle="pill" data-bs-target="#pills-review" type="button" role="tab" aria-controls="pills-contact" aria-selected="false" tabindex="-1">Review </button> </li> </ul> <div class="tab-content p-3" id="pills-tabContent"> <div class="tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"> <section> <div class="container shadow px-0" style="background-color: #ffffff; 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 alt="dn-description-new.png" data-src="/web/image/47791" height="44" loading="lazy" src="/web/image/47792" width="44"/> </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:+91-8527471031" 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 alt="call.png" class="me-2" data-src="/web/image/47793" height="14" loading="lazy" src="/web/image/47794" width="14"/> +91-8527471031 </a> </div> <div class="pt-4 d-flex position-relative justify-content-lg-between justify-content-center align-items-center pb-1" style="z-index: 10;"> <div class="d-lg-flex d-none align-items-center"> <div class="me-1"> <img alt="dn-description-new.png" data-src="/web/image/47791" height="44" loading="lazy" src="/web/image/47792" width="44"/> </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 bg-white" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <a aria-bs-selected="true" aria-controls="overview" aria-selected="true" class="nav-link active" data-bs-toggle="tab" href="#overview" id="overview-tab" role="tab" style="font-weight: 400; font-size: 14px; color: #171618;"> Overview</a> </li> <li class="nav-item" role="presentation"> <a aria-bs-selected="false" aria-controls="s_c" aria-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;" tabindex="-1">Features</a> </li> <li class="nav-item" role="presentation"> <a aria-bs-selected="false" aria-controls="why-ks" aria-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;" tabindex="-1">Why Ksolves</a> </li> <li class="nav-item" role="presentation"> <a aria-bs-selected="false" aria-controls="faq" aria-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;" tabindex="-1"> FAQs</a> </li> <li class="nav-item" role="presentation"> <a aria-bs-selected="false" aria-controls="releases" aria-selected="false" class="nav-link" data-bs-toggle="tab" href="#releases" id="releases-tab" role="tab" style="font-weight: 400; font-size: 14px; color: #171618;" 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:+91-8527471031" 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 alt="call.png" class="me-2" data-src="/web/image/47793" height="14" loading="lazy" src="/web/image/47794" width="14"/> +91-8527471031 </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 show active" id="overview" role="tabpanel"> <div class="position-relative"> <img alt="main-screen-bg.png" class="position-absolute w-100" data-src="/web/image/47795" loading="lazy" src="/web/image/47796" style=" object-fit: contain;"/> <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 class="mb-4 col-lg-7 col-12" style="text-align: center; font-weight: 400; font-size: 16px; line-height: 25px; color: #171618;"> Create amazing reports with the powerful & smart Odoo Dashboard Ninja app with a refreshed, modern user interface for effortless navigation and enhanced user experience. Enjoy the simplified workflow that makes everything easy, from generating dashboards to collaborating with your team members. </p> <div class="d-flex justify-content-center align-items-center col-12 mb-lg-2 mb-3"> <a class="d-flex align-items-center justif-content-center px-4 py-3 text-center me-2" href="https://www.ksolves.com/user-guide/odoo-dashboard-ninja" style="padding:10px 25px;font-family: Inter; text-decoration: none; background-color:#E84A5F;border-radius: 8px;font-style: normal; font-weight: 600; font-size: 16px; line-height: 19.6px; text-transform: capitalize; color: #fff;" target="_blank"> <img alt="clipboard-text.png" class="me-2" data-src="/web/image/47797" loading="lazy" src="/web/image/False"/> User Guide</a> <a class="d-flex align-items-center justif-content-center px-4 py-3 text-center" href="https://www.youtube.com/watch?v=Kcye9yHu4rY&ab_channel=KsolvesIndiaLimited" style="padding:10px 25px;font-family: Inter; text-decoration: none; background-color:#fff;border-radius: 8px;font-style: normal; font-weight: 600; font-size: 16px; line-height: 18.6px; text-transform: capitalize; color: #E84A5F;border: 2px solid #E84A5F;" target="_blank"> <img alt="video-circle.png" class="me-2" data-src="/web/image/47799" height="24" loading="lazy" src="/web/image/47800" width="24"/> 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 alt="Ksolves.png" class="img-fluid" data-src="/web/image/47801" height="83" loading="lazy" src="/web/image/47802" width="400"/> </div> </div> <div class="position-relative"> <img alt="new-theme-updated.png" class="img-fluid" data-src="/web/image/47803" loading="lazy" src="/web/image/47804"/> </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 alt="latest-release.png" class="img-fluid" data-src="/web/image/47805" height="36" loading="lazy" src="/web/image/47806" width="36"/> </div> <div> <h4 class="mb-0" style="font-weight: 500; font-size: 12px; color: #000000;"> Latest Release 1.0.0</h4> <p class="mt-1 mb-0 text-start" style="font-weight: 400; font-size: 8px; color: #000000;"> 21st October, 2024</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: 2.5rem; font-weight: 600; color: #060506;"> What’s New in Dashboard Ninja</h3> <div class="col-9"> <div class="d-flex justify-content-center align-items-center flex-wrap gap-3" style=""> <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 alt="cuboid.png" class="img-fluid" data-src="/web/image/47807" height="28" loading="lazy" src="/web/image/47808" width="20"/> <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 alt="new-intro-1.png" class="img-fluid" data-src="/web/image/47809" height="28" loading="lazy" src="/web/image/47810" width="20"/> <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 alt="new-intro-2.png" class="img-fluid" data-src="/web/image/47811" height="28" loading="lazy" src="/web/image/47812" width="20"/> <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 alt="new-intro-3.png" class="img-fluid" data-src="/web/image/47813" height="28" loading="lazy" src="/web/image/47814" width="20"/> <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 alt="new-intro-4.png" class="img-fluid" data-src="/web/image/47815" height="28" loading="lazy" src="/web/image/47816" width="20"/> <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 alt="new-intro-5.png" class="img-fluid" data-src="/web/image/47817" height="28" loading="lazy" src="/web/image/47818" width="20"/> <p class="mb-0 ms-3" style="color: #FFFFFF; font-size: 20px;">Chart Visualization</p> </div> </div> </div> </div> </div>   <div class="d-flex mt-4" style="background-color: #F5EFFF; position: relative; height: 400px;">  <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:+91-8527471031" 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 alt="call.png" class="me-2" data-src="/web/image/47793" height="14" loading="lazy" src="/web/image/47794" width="14"/> +91-8527471031 </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="sms-notification.png" class="me-2 img-fluid" data-src="/web/image/47819" height="18" loading="lazy" src="/web/image/47820" width="18"/> 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 alt="Digital-transformation-bro 1.png" class="img-fluid" data-src="/web/image/47821" loading="lazy" src="/web/image/47822" 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>  <div class="row mt-5"> <div class="col-12 d-xl-block d-none position-relative" style="position: relative; z-index: 5;"> <img alt="new-frame.png" class="img-fluid" data-src="/web/image/47823" loading="lazy" src="/web/image/47824"/> </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="true" class="nav-link p-2 align-items-center active" 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;"> <img alt="subtitle.png" class="img-fluid me-2" data-src="/web/image/47825" height="30" loading="lazy" src="/web/image/47826" width="30"/> <span>Tiles</span> </a> </li>  <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;"> <img alt="diagram.png" class="img-fluid me-2" data-src="/web/image/47827" height="30" loading="lazy" src="/web/image/47828" width="30"/> <span>Line Chart</span> </a> </li>  <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;"> <img alt="feature-3.png" class="img-fluid me-2" data-src="/web/image/47829" height="30" loading="lazy" src="/web/image/47830" width="30"/> <span>List View</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="chart.png" class="img-fluid me-2" data-src="/web/image/47831" height="30" loading="lazy" src="/web/image/47832" width="30"/> <span>Bar Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="new-chart.png" class="img-fluid me-2" data-src="/web/image/47833" height="30" loading="lazy" src="/web/image/47834" width="30"/> <span>Horizontal Bar Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="document-text.png" class="img-fluid me-2" data-src="/web/image/47835" height="30" loading="lazy" src="/web/image/47836" width="30"/> <span>To-do Item</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="educare-(ekt).png" class="img-fluid me-2" data-src="/web/image/47837" height="30" loading="lazy" src="/web/image/47838" width="30"/> <span>Polar Area Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="graph.png" class="img-fluid me-2" data-src="/web/image/47839" height="30" loading="lazy" src="/web/image/47840" width="30"/> <span>Pie Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="lifebuoy.png" class="img-fluid me-2" data-src="/web/image/47841" height="30" loading="lazy" src="/web/image/47842" width="30"/> <span>Doughnut Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="colorfilter.png" class="img-fluid me-2" data-src="/web/image/47843" height="30" loading="lazy" src="/web/image/47844" width="30"/> <span>Flower Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="filter.png" class="img-fluid me-2" data-src="/web/image/47845" height="30" loading="lazy" src="/web/image/47846" width="30"/> <span>Funnel Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="chart-radial.png" class="img-fluid me-2" data-src="/web/image/47847" height="30" loading="lazy" src="/web/image/47848" width="30"/> <span>Radial Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="new-one.png" class="img-fluid me-2" data-src="/web/image/47849" height="30" loading="lazy" src="/web/image/47850" width="30"/> <span>Bullet Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="command.png" class="img-fluid me-2" data-src="/web/image/47851" height="30" loading="lazy" src="/web/image/47852" width="30"/> <span>Scatter Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="radar.png" class="img-fluid me-2" data-src="/web/image/47853" height="30" loading="lazy" src="/web/image/47854" width="30"/> <span>Radar Chart</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" 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; "> <img alt="map.png" class="img-fluid me-2" data-src="/web/image/47855" height="30" loading="lazy" src="/web/image/47856" width="30"/> <span>Map View</span> </a> </li>  <li class="nav-item col-12" role="presentation"> <a aria-controls="feature" aria-selected="true" class="nav-link p-2 align-items-center" 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 alt="activity.png" class="img-fluid me-2" data-src="/web/image/47857" height="30" loading="lazy" src="/web/image/47858" width="30"/> <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;">  <div aria-labelledby="tab-1" class="tab-pane fade show active" id="feature1" role="tabpanel"> <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 alt="tile.png" class="img-fluid" data-src="/web/image/47859" loading="lazy" src="/web/image/47860"/> </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>  <div aria-labelledby="tab-2" class="tab-pane fade" id="feature2" role="tabpanel"> <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 alt="line.png" class="img-fluid" data-src="/web/image/47861" loading="lazy" src="/web/image/47862"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature3" role="tabpanel"> <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 alt="list-view.png" class="img-fluid" data-src="/web/image/47863" loading="lazy" src="/web/image/47864"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature4" role="tabpanel"> <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 alt="bar-chart.png" class="img-fluid" data-src="/web/image/47865" loading="lazy" src="/web/image/47866"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature5" role="tabpanel"> <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 alt="horizontal-bar.png" class="img-fluid" data-src="/web/image/47867" loading="lazy" src="/web/image/47868"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature6" role="tabpanel"> <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 alt="to-do.png" class="img-fluid" data-src="/web/image/47869" loading="lazy" src="/web/image/47870"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature7" role="tabpanel"> <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 alt="polar-chart.png" class="img-fluid" data-src="/web/image/47871" loading="lazy" src="/web/image/47872"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature8" role="tabpanel"> <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 alt="pie.png" class="img-fluid" data-src="/web/image/47873" loading="lazy" src="/web/image/47874"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature9" role="tabpanel"> <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 alt="doughnut.png" class="img-fluid" data-src="/web/image/47875" loading="lazy" src="/web/image/47876"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature10" role="tabpanel"> <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 alt="flower-chart.png" class="img-fluid" data-src="/web/image/47877" loading="lazy" src="/web/image/47878"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature11" role="tabpanel"> <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 alt="funnel.png" class="img-fluid" data-src="/web/image/47879" loading="lazy" src="/web/image/47880"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature12" role="tabpanel"> <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 alt="radial.png" class="img-fluid" data-src="/web/image/47881" loading="lazy" src="/web/image/47882"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature13" role="tabpanel"> <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 alt="bullet.png" class="img-fluid" data-src="/web/image/47883" loading="lazy" src="/web/image/47884"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature14" role="tabpanel"> <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 alt="scatter.png" class="img-fluid" data-src="/web/image/47885" loading="lazy" src="/web/image/47886"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature15" role="tabpanel"> <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 alt="radar.png" class="img-fluid" data-src="/web/image/47853" loading="lazy" src="/web/image/47854"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature16" role="tabpanel"> <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 alt="map.png" class="img-fluid" data-src="/web/image/47855" loading="lazy" src="/web/image/47856"/> </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>  <div aria-labelledby="tab-3" class="tab-pane fade" id="feature17" role="tabpanel"> <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 alt="area.png" class="img-fluid" data-src="/web/image/47887" loading="lazy" src="/web/image/47888"/> </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>  <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 class="carousel slide" data-bs-ride="carousel" id="featureCarousel" style="border-radius: 30px; background-color: #FAFAFA; overflow: hidden;"> <div class="carousel-inner">  <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 alt="tile.png" class="img-fluid" data-src="/web/image/47859" loading="lazy" src="/web/image/47860"/> </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>  <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 alt="line.png" class="img-fluid" data-src="/web/image/47861" loading="lazy" src="/web/image/47862"/> </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>  <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 alt="list-view.png" class="img-fluid" data-src="/web/image/47863" loading="lazy" src="/web/image/47864"/> </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>  <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 alt="bar-chart.png" class="img-fluid" data-src="/web/image/47865" loading="lazy" src="/web/image/47866"/> </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>  <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 alt="horizontal-bar.png" class="img-fluid" data-src="/web/image/47867" loading="lazy" src="/web/image/47868"/> </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>  <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 alt="to-do.png" class="img-fluid" data-src="/web/image/47869" loading="lazy" src="/web/image/47870"/> </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>  <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 alt="polar-chart.png" class="img-fluid" data-src="/web/image/47871" loading="lazy" src="/web/image/47872"/> </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>  <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 alt="pie.png" class="img-fluid" data-src="/web/image/47873" loading="lazy" src="/web/image/47874"/> </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>  <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 alt="doughnut.png" class="img-fluid" data-src="/web/image/47875" loading="lazy" src="/web/image/47876"/> </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>  <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 alt="flower-chart.png" class="img-fluid" data-src="/web/image/47877" loading="lazy" src="/web/image/47878"/> </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>  <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 alt="funnel.png" class="img-fluid" data-src="/web/image/47879" loading="lazy" src="/web/image/47880"/> </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>  <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 alt="radial.png" class="img-fluid" data-src="/web/image/47881" loading="lazy" src="/web/image/47882"/> </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>  <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 alt="bullet.png" class="img-fluid" data-src="/web/image/47883" loading="lazy" src="/web/image/47884"/> </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>  <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 alt="scatter.png" class="img-fluid" data-src="/web/image/47885" loading="lazy" src="/web/image/47886"/> </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>  <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 alt="radar.png" class="img-fluid" data-src="/web/image/47853" loading="lazy" src="/web/image/47854"/> </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>  <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 alt="map.png" class="img-fluid" data-src="/web/image/47855" loading="lazy" src="/web/image/47856"/> </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>  <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 alt="area.png" class="img-fluid" data-src="/web/image/47887" loading="lazy" src="/web/image/47888"/> </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>  <button class="carousel-control-prev justify-content-start" data-bs-slide="prev" data-bs-target="#featureCarousel" type="button"> <span aria-hidden="true" class="" style="background-color: #F5EFFF; border-radius: 50%; height: 50px; width: 50px; display: flex; justify-content: center; align-items: center;"> <img alt="left-arr.png" data-src="/web/image/47889" height="20" loading="lazy" src="/web/image/47890" width="20"/> </span> </button> <button class="carousel-control-next justify-content-end" data-bs-slide="next" data-bs-target="#featureCarousel" type="button"> <span aria-hidden="true" class="" style="background-color: #F5EFFF; border-radius: 50%;height: 50px; width: 50px; display: flex; justify-content: center; align-items: center;"> <img alt="right-arr.png" data-src="/web/image/47891" height="20" loading="lazy" src="/web/image/47892" width="20"/> </span> <span class="visually-hidden">Next</span> </button> </div> </div> </div>  </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: calc(2.06rem + 1vw);"> 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=""> <img alt="DN-New-img.png" class="img-fluid w-100" data-src="/web/image/47893" loading="lazy" src="/web/image/47894"/> </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;">  <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 alt="f-1.png" class="img-fluid" data-src="/web/image/47895" height="104" loading="lazy" src="/web/image/47896" width="205"/> </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>  <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 alt="f-2.png" class="img-fluid" data-src="/web/image/47897" height="104" loading="lazy" src="/web/image/47898" width="205"/> </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>  <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 alt="f-3.png" class="img-fluid" data-src="/web/image/47899" height="104" loading="lazy" src="/web/image/47900" width="205"/> </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>  <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 alt="f-4.png" class="img-fluid" data-src="/web/image/47901" height="104" loading="lazy" src="/web/image/47902" width="205"/> </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>  <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 alt="f-5.png" class="img-fluid" data-src="/web/image/47903" height="104" loading="lazy" src="/web/image/47904" width="205"/> </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>  <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 alt="f-6.png" class="img-fluid" data-src="/web/image/47905" height="104" loading="lazy" src="/web/image/47906" width="205"/> </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>  <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 alt="f-7.png" class="img-fluid" data-src="/web/image/47907" height="104" loading="lazy" src="/web/image/47908" width="205"/> </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>  <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 alt="f-8.png" class="img-fluid" data-src="/web/image/47909" height="104" loading="lazy" src="/web/image/47910" width="205"/> </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>  <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 alt="Odoo-Dashboard-Items.png" class="img-fluid" data-src="/web/image/47911" height="104" loading="lazy" src="/web/image/47912" width="205"/> </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>  <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 alt="f-9.png" class="img-fluid" data-src="/web/image/47913" height="104" loading="lazy" src="/web/image/47914" width="205"/> </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>  <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 alt="f-11.png" class="img-fluid" data-src="/web/image/47915" height="104" loading="lazy" src="/web/image/47916" width="205"/> </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>  <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 alt="f-12.png" class="img-fluid" data-src="/web/image/47917" height="104" loading="lazy" src="/web/image/47918" width="205"/> </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>  <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 alt="f-13.png" class="img-fluid" data-src="/web/image/47919" height="104" loading="lazy" src="/web/image/47920" width="205"/> </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>  <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 alt="f-14.png" class="img-fluid" data-src="/web/image/47921" height="104" loading="lazy" src="/web/image/47922" width="205"/> </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>  <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 alt="f-15.png" class="img-fluid" data-src="/web/image/47923" height="104" loading="lazy" src="/web/image/47924" width="205"/> </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>  <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 alt="f-16.png" class="img-fluid" data-src="/web/image/47925" height="151" loading="lazy" src="/web/image/47926" width="175"/> </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>  <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 alt="data-filteration.png" class="img-fluid" data-src="/web/image/47927" height="104" loading="lazy" src="/web/image/47928" width="205"/> </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>  <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 alt="f-17.png" class="img-fluid" data-src="/web/image/47929" height="104" loading="lazy" src="/web/image/47930" width="205"/> </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>  <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 alt="Overview.png" class="img-fluid" data-src="/web/image/47931" height="104" loading="lazy" src="/web/image/47932" width="205"/> </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>  <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 alt="f-19.png" class="img-fluid" data-src="/web/image/47933" height="104" loading="lazy" src="/web/image/47934" width="205"/> </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>  <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 alt="f-20.png" class="img-fluid" data-src="/web/image/47935" height="104" loading="lazy" src="/web/image/47936" width="205"/> </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>  <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 alt="view-dashboard.png" class="img-fluid" data-src="/web/image/47937" height="104" loading="lazy" src="/web/image/47938" width="205"/> </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>  <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 alt="f-22.png" class="img-fluid" data-src="/web/image/47939" height="104" loading="lazy" src="/web/image/47940" width="205"/> </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>  <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 alt="f-23-2.png" class="img-fluid" data-src="/web/image/47941" height="125" loading="lazy" src="/web/image/47942" width="135"/> </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>  <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 alt="f-24.png" class="img-fluid" data-src="/web/image/47943" height="104" loading="lazy" src="/web/image/47944" width="205"/> </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>  <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 alt="auth.png" class="img-fluid" data-src="/web/image/47945" height="104" loading="lazy" src="/web/image/47946" width="205"/> </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>  <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 alt="f-25.png" class="img-fluid" data-src="/web/image/47947" height="104" loading="lazy" src="/web/image/47948" width="205"/> </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>  <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 alt="f-26.png" class="img-fluid" data-src="/web/image/47949" height="104" loading="lazy" src="/web/image/47950" width="205"/> </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>  <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 alt="f-27.png" class="img-fluid" data-src="/web/image/47951" height="104" loading="lazy" src="/web/image/47952" width="205"/> </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>  <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 alt="f-28.png" class="img-fluid" data-src="/web/image/47953" height="104" loading="lazy" src="/web/image/47954" width="205"/> </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>  <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 alt="f-29.png" class="img-fluid" data-src="/web/image/47955" height="104" loading="lazy" src="/web/image/47956" width="205"/> </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>  <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 alt="f-30.png" class="img-fluid" data-src="/web/image/47957" height="104" loading="lazy" src="/web/image/47958" width="205"/> </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>  <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 alt="f-31.png" class="img-fluid" data-src="/web/image/47959" height="140" loading="lazy" src="/web/image/47960" width="148"/> </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>  <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 alt="f-32.png" class="img-fluid" data-src="/web/image/47961" height="104" loading="lazy" src="/web/image/47962" width="205"/> </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="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 alt="support-90.png" class="img-fluid" data-src="/web/image/47963" loading="lazy" src="/web/image/47964"/> </div> </div>  </div> </div> <div aria-labelledby="why-ks-tab" class="tab-pane fade show 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 alt="why-ksolves-bg.png" class="img-fluid w-100 h-100 position-absolute" data-src="/web/image/47965" loading="lazy" src="/web/image/47966"/> <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; margin-bottom: 95px; 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 pt-5 pb-2 justify-content-center d-lg-flex d-none" style="margin-top: -164px;"> <div class="col-10"> <div class="carousel slide pointer-event" data-bs-interval="4000" data-bs-ride="carousel" id="testimonialCarousel">  <div class="carousel-indicators"> <button aria-current="true" aria-label="Slide 1" class="active" data-bs-slide-to="0" data-bs-target="#testimonialCarousel" type="button"></button> <button aria-label="Slide 2" data-bs-slide-to="1" data-bs-target="#testimonialCarousel" type="button"></button> <button aria-label="Slide 3" data-bs-slide-to="2" data-bs-target="#testimonialCarousel" type="button"></button> <button aria-label="Slide 4" data-bs-slide-to="3" data-bs-target="#testimonialCarousel" type="button"></button> </div>  <div class="carousel-inner">  <div class="carousel-item active" style="transition: transform 1.5s ease-in-out;"> <div class="row px-3" style="row-gap:20px;"> <div class="col-lg-3"> <div> <img alt="nse-bse.png" class="img-fluid" data-src="/web/image/47967" loading="lazy" src="/web/image/47968"/> </div> </div> <div class="col-lg-3"> <div> <img alt="CMMI.png" class="img-fluid" data-src="/web/image/47969" loading="lazy" src="/web/image/47970"/> </div> </div> <div class="col-lg-3"> <div> <img alt="odoo-gold.png" class="img-fluid" data-src="/web/image/47971" loading="lazy" src="/web/image/47972"/> </div> </div> <div class="col-lg-3"> <div> <img alt="expert.png" class="img-fluid" data-src="/web/image/47973" loading="lazy" src="/web/image/47974"/> </div> </div> </div> </div>  <div class="carousel-item" style="transition: transform 1.5s ease-in-out;"> <div class="row px-3" style="row-gap:20px;"> <div class="col-lg-3"> <div> <img alt="12-years.png" class="img-fluid" data-src="/web/image/47975" loading="lazy" src="/web/image/47976"/> </div> </div> <div class="col-lg-3"> <div> <img alt="client-retention.png" class="img-fluid" data-src="/web/image/47977" loading="lazy" src="/web/image/47978"/> </div> </div> <div class="col-lg-3"> <div> <img alt="ecom-development.png" class="img-fluid" data-src="/web/image/47979" loading="lazy" src="/web/image/47980"/> </div> </div> <div class="col-lg-3"> <div> <img alt="odoo-customization.png" class="img-fluid" data-src="/web/image/47981" loading="lazy" src="/web/image/47982"/> </div> </div> </div> </div>  <div class="carousel-item" style="transition: transform 1.5s ease-in-out;"> <div class="row px-3" style="row-gap:20px;"> <div class="col-lg-3"> <div> <img alt="odoo-mobile.png" class="img-fluid" data-src="/web/image/47983" loading="lazy" src="/web/image/47984"/> </div> </div> <div class="col-lg-3"> <div> <img alt="24-7-support.png" class="img-fluid" data-src="/web/image/47985" loading="lazy" src="/web/image/47986"/> </div> </div> <div class="col-lg-3"> <div> <img alt="nse-bse.png" class="img-fluid" data-src="/web/image/47967" loading="lazy" src="/web/image/47968"/> </div> </div> <div class="col-lg-3"> <div> <img alt="CMMI.png" class="img-fluid" data-src="/web/image/47969" loading="lazy" src="/web/image/47970"/> </div> </div> </div> </div>  <div class="carousel-item" style="transition: transform 1.5s ease-in-out;"> <div class="row px-3" style="row-gap:20px;"> <div class="col-lg-3"> <div> <img alt="12-years.png" class="img-fluid" data-src="/web/image/47975" loading="lazy" src="/web/image/47976"/> </div> </div> <div class="col-lg-3"> <div> <img alt="client-retention.png" class="img-fluid" data-src="/web/image/47977" loading="lazy" src="/web/image/47978"/> </div> </div> <div class="col-lg-3"> <div> <img alt="ecom-development.png" class="img-fluid" data-src="/web/image/47979" loading="lazy" src="/web/image/47980"/> </div> </div> <div class="col-lg-3"> <div> <img alt="odoo-customization.png" class="img-fluid" data-src="/web/image/47981" loading="lazy" src="/web/image/47982"/> </div> </div> </div> </div> </div>  <a class="carousel-control-prev text-dark" data-bs-slide="prev" href="#testimonialCarousel" role="button" style="left: 19px;"> <span aria-hidden="true" class="carousel-control-prev-icon" style="width: 30px; height: 30px;"> <img alt="lefty.png" class="img-fluid" data-src="/web/image/47987" height="30" loading="lazy" src="/web/image/47988" width="30"/> </span> <span class="visually-hidden">Previous</span> </a> <a class="carousel-control-next text-dark" data-bs-slide="next" href="#testimonialCarousel" role="button" style="right: 19px;"> <span aria-hidden="true" class="carousel-control-next-icon" style="width: 30px; height: 30px;"> <img alt="righty.png" class="img-fluid" data-src="/web/image/47989" height="30" loading="lazy" src="/web/image/47990" width="30"/> </span> <span class="visually-hidden">Next</span> </a> </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 alt="nse-bse.png" class="img-fluid" data-src="/web/image/47967" loading="lazy" src="/web/image/47968"/> </div> </div> <div class="col-md-6"> <div> <img alt="CMMI.png" class="img-fluid" data-src="/web/image/47969" loading="lazy" src="/web/image/47970"/> </div> </div> <div class="col-md-6"> <div> <img alt="odoo-gold.png" class="img-fluid" data-src="/web/image/47971" loading="lazy" src="/web/image/47972"/> </div> </div> <div class="col-md-6"> <div> <img alt="expert.png" class="img-fluid" data-src="/web/image/47973" loading="lazy" src="/web/image/47974"/> </div> </div> <div class="col-md-6"> <div> <img alt="12-years.png" class="img-fluid" data-src="/web/image/47975" loading="lazy" src="/web/image/47976"/> </div> </div> <div class="col-md-6"> <div> <img alt="client-retention.png" class="img-fluid" data-src="/web/image/47977" loading="lazy" src="/web/image/47978"/> </div> </div> <div class="col-md-6"> <div> <img alt="ecom-development.png" class="img-fluid" data-src="/web/image/47979" loading="lazy" src="/web/image/47980"/> </div> </div> <div class="col-md-6"> <div> <img alt="odoo-customization.png" class="img-fluid" data-src="/web/image/47981" loading="lazy" src="/web/image/47982"/> </div> </div> <div class="col-md-6"> <div> <img alt="odoo-mobile.png" class="img-fluid" data-src="/web/image/47983" loading="lazy" src="/web/image/47984"/> </div> </div> <div class="col-md-6"> <div> <img alt="24-7-support.png" class="img-fluid" data-src="/web/image/47985" loading="lazy" src="/web/image/47986"/> </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 alt="cs-1.png" class="img-fluid" data-src="/web/image/47991" height="105" loading="lazy" src="/web/image/47992" width="187"/> </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 alt="cs-2.png" class="img-fluid" data-src="/web/image/47993" height="80" loading="lazy" src="/web/image/47994" width="209"/> </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 alt="cs-3.png" class="img-fluid" data-src="/web/image/47995" height="80" loading="lazy" src="/web/image/47996" width="209"/> </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 alt="cs-4.png" class="img-fluid" data-src="/web/image/47997" height="80" loading="lazy" src="/web/image/47998" width="209"/> </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 alt="cs-5.png" class="img-fluid" data-src="/web/image/47999" height="80" loading="lazy" src="/web/image/48000" width="209"/> </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 alt="cs-6.png" class="img-fluid" data-src="/web/image/48001" height="80" loading="lazy" src="/web/image/48002" width="209"/> </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 alt="cs-7.png" class="img-fluid" data-src="/web/image/48003" height="80" loading="lazy" src="/web/image/48004" width="209"/> </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 alt="cs-8.png" class="img-fluid" data-src="/web/image/48005" height="80" loading="lazy" src="/web/image/48006" width="209"/> </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 alt="cs-9.png" class="img-fluid" data-src="/web/image/48007" height="80" loading="lazy" src="/web/image/48008" width="209"/> </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 alt="cs-10.png" class="img-fluid" data-src="/web/image/48009" height="80" loading="lazy" src="/web/image/48010" width="209"/> </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 alt="cs-11.png" class="img-fluid" data-src="/web/image/48011" height="80" loading="lazy" src="/web/image/48012" width="209"/> </div> </div> </div> </div> </div> </div> <div class="position-relative" style="background-color: #FAFAFA; border-radius: 30px;"> <img alt="product-blend.png" class="img-fluid w-100 h-100 position-absolute" data-src="/web/image/48013" loading="lazy" src="/web/image/48014"/> <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 alt="arrow.png" data-src="/web/image/48015" height="87" loading="lazy" src="/web/image/48016" width="280"/></div> </div> <div class="position-relative row justify-content-center mb-lg-4 mb-3 pb-3"> <div class="table-responsive col-lg-9 col-10"> <table class="table w-100" style="--bs-body-bg:transparent !important;"> <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="slide-1.png" class="img-fluid" data-src="/web/image/48017" height="119" loading="lazy" src="/web/image/48018" style="border-radius: 10px;" width="119"/> <div class="mt-3" style="color: #171618;font-size: 16px;font-weight: 600;"> Dashboard <br/> Ninja with AI </div> </a> </td> <td class="px-2" style="padding: 0.5rem; border: none; vertical-align: middle;font-size: 20px;color: #333;font-weight: 700;"> <img alt="square.png" data-src="/web/image/48019" height="30" loading="lazy" src="/web/image/48020" width="30"/> </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="slide-2.png" data-src="/web/image/48021" height="119" loading="lazy" src="/web/image/48022" 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="px-2" style="padding: 0.5rem; vertical-align: middle;font-size: 20px;color: #333;font-weight: 700;border: none;"> <img alt="square.png" data-src="/web/image/48019" height="30" loading="lazy" src="/web/image/48020" width="30"/> </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="product-3.png" data-src="/web/image/48023" height="119" loading="lazy" src="/web/image/48024" 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="px-2" style="padding: 0.5rem; vertical-align: middle;font-size: 20px;color: #333;font-weight: 700;border: none;"> <img alt="equals-to.png" class="img-fluid" data-src="/web/image/48025" height="8" loading="lazy" src="/web/image/48026" 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="slide-3.png" data-src="/web/image/48027" height="120" loading="lazy" src="/web/image/48028" style="border-radius: 10px;" width="120"/> <div class="mt-3" style="color: #171618;font-size: 16px;font-weight: 600;"> Perfect Combo </div> </div> </td> </tr> </table> </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>  <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 alt="suggest-1.png" class="img-fluid" data-src="/web/image/48029" height="61" loading="lazy" src="/web/image/48030" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-2.png" class="img-fluid" data-src="/web/image/48033" height="61" loading="lazy" src="/web/image/48034" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-3.png" class="img-fluid" data-src="/web/image/48035" height="61" loading="lazy" src="/web/image/48036" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-4.png" class="img-fluid" data-src="/web/image/48037" height="61" loading="lazy" src="/web/image/48038" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-5.png" class="img-fluid" data-src="/web/image/48039" height="61" loading="lazy" src="/web/image/48040" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-6.png" class="img-fluid" data-src="/web/image/48041" height="61" loading="lazy" src="/web/image/48042" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-7.png" class="img-fluid" data-src="/web/image/48043" height="61" loading="lazy" src="/web/image/48044" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-9.png" class="img-fluid" data-src="/web/image/48045" height="61" loading="lazy" src="/web/image/48046" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-10.png" class="img-fluid" data-src="/web/image/48047" height="61" loading="lazy" src="/web/image/48048" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" width="14"/></span> </a> </div> </div>  <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 alt="suggest-11.png" class="img-fluid" data-src="/web/image/48049" height="61" loading="lazy" src="/web/image/48050" width="61"/> </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" style="font-size: 14px;font-weight: 500;color: #E84A5F; line-height: 21px;text-decoration: none;" target="_blank">Learn More <span><img alt="arrow-right.png" data-src="/web/image/48031" height="14" loading="lazy" src="/web/image/48032" 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;">  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s1.png" class="img-fluid" data-src="/web/image/48051" height="178" loading="lazy" src="/web/image/48052" width="184"/> <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>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s2.png" class="img-fluid" data-src="/web/image/48053" height="178" loading="lazy" src="/web/image/48054" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Module Development </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s3.png" class="img-fluid" data-src="/web/image/48055" height="178" loading="lazy" src="/web/image/48056" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Theme Development </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s4.png" class="img-fluid" data-src="/web/image/48057" height="178" loading="lazy" src="/web/image/48058" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Implementation </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s5.png" class="img-fluid" data-src="/web/image/48059" height="178" loading="lazy" src="/web/image/48060" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Customization </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s6.png" class="img-fluid" data-src="/web/image/48061" height="178" loading="lazy" src="/web/image/48062" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Integration </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s7.png" class="img-fluid" data-src="/web/image/48063" height="178" loading="lazy" src="/web/image/48064" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Migration </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s8.png" class="img-fluid" data-src="/web/image/48065" height="178" loading="lazy" src="/web/image/48066" width="184"/> <p class="text-center mt-3" style="font-weight: 500; font-size: 18px; color: #000000; line-height: 30px;"> Support & <br/> Maintenance </p> </div> </div>  <div class="col-lg-4 col-md-6 col-12"> <div class="d-flex flex-column justify-content-center align-items-center"> <img alt="s9.png" class="img-fluid" data-src="/web/image/48067" height="178" loading="lazy" src="/web/image/48068" width="184"/> <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="carousel slide pointer-event" data-bs-interval="4000" data-bs-ride="carousel" id="testimonialCarousel-new">  <div class="carousel-indicators"> <button aria-current="true" aria-label="Slide 1" class="active" data-bs-slide-to="0" data-bs-target="#testimonialCarousel-new" type="button"></button> <button aria-label="Slide 2" data-bs-slide-to="1" data-bs-target="#testimonialCarousel-new" type="button"></button> </div> <div class="carousel-inner d-lg-block">  <div class="carousel-item active" style="min-height: 0px;"> <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 class="flex-grow-1" style="font-size:16px; font-weight:400; font-family:'poppins', sans-serif; color:#5C5F6E"> 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 alt="ratings-new.png" data-src="/web/image/48069" loading="lazy" src="/web/image/48070"/> </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 class="flex-grow-1" style="font-size:16px; font-weight:400; font-family:'poppins', sans-serif; color:#5C5F6E"> 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 alt="ratings-new.png" data-src="/web/image/48069" loading="lazy" src="/web/image/48070"/> </div> </div> </div> </div> </div> </div>  <div class="carousel-item" style="min-height: 0px;"> <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"> Amazing app</h4> <p class="flex-grow-1" style="font-size:16px; font-weight:400; font-family:'poppins', sans-serif; color:#5C5F6E"> Amazing app. It made the board of directors appreciate the ERP system 100x more. We're currently facing a minor date-time conversion issue in dashboard listviews and we're hoping that the support will be as good as the module. </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"> Hossam Fikry</div> <div> <img alt="ratings-new.png" data-src="/web/image/48069" loading="lazy" src="/web/image/48070"/> </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"> Wonderful Tool</h4> <p class="flex-grow-1" style="font-size:16px; font-weight:400; font-family:'poppins', sans-serif; color:#5C5F6E"> Wonderful tool to visualize your company's data graphically and get insights, thank you for the professional training. </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"> Ahmed Azzam</div> <div> <img alt="ratings-new.png" data-src="/web/image/48069" loading="lazy" src="/web/image/48070"/> </div> </div> </div> </div> </div> </div> </div>  <button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#testimonialCarousel-new" type="button"> <img alt="lefty.png" class="img-fluid" data-src="/web/image/47987" height="30" loading="lazy" src="/web/image/47988" width="30"/> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" data-bs-slide="next" data-bs-target="#testimonialCarousel-new" type="button"> <img alt="righty.png" class="img-fluid" data-src="/web/image/47989" height="30" loading="lazy" src="/web/image/47990" width="30"/> <span class="visually-hidden">Next</span> </button> </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="support.png" class="img-fluid mb-3" data-src="/web/image/48071" loading="lazy" src="/web/image/48072"/> <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 class="mb-2" style="font-size: 20px; font-weight: 500; color: #1F2A37; line-height: 30px;">Support</h5> <p class="mb-3" style="font-weight: 400; font-size: 16px;color: #475467;line-height: 24px;"> 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 class="mb-2" style="font-size: 20px; font-weight: 500; color: #1F2A37; line-height: 30px;">Sales</h5> <p class="mb-3" style="font-weight: 400; font-size: 16px;color: #475467;line-height: 24px;"> 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 class="mb-2" style="font-size: 20px; font-weight: 500; color: #1F2A37; line-height: 30px;">Phone</h5> <p class="mb-3" style="font-weight: 400; font-size: 16px;color: #475467;line-height: 24px;"> Mon-Fri from 9am to 6:30pm.</p> <a class="d-flex align-items-center justify-content-center px-2 py-3" href="tel:+91-8527471031" style=" text-decoration: none; font-style: normal; font-weight: 600; line-height: 24px; font-size: 16px; color: #285D54; height: 45px; ">  +91-8527471031</a> </div> </div> </div> </div> </div> </div> </div> <div aria-labelledby="support-tab" class="tab-pane fade show 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 alt="why-ksolves-bg.png" class="img-fluid w-100 h-100 position-absolute" data-src="/web/image/47965" loading="lazy" src="/web/image/47966"/> <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>  <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;">  <video autoplay="" class="img-fluid w-100 h-100" loop="" muted="" style="left: 0; box-shadow: 0px 0px 25px 0px #00000040; border: 5px solid #4C5562; border-radius: 20px;"> <source src="./img/new-add-img/generate-ai-modal.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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="Bookmark-Dashboard.png" class="img-fluid" data-src="/web/image/48073" height="258" loading="lazy" src="/web/image/48074" style="height: 258px;" width="448"/> </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="Responsive-Fluid-Flexible-Layout.png" class="img-fluid" data-src="/web/image/48075" height="258" loading="lazy" src="/web/image/48076" width="448"/> </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;"> <video autoplay="" class="img-fluid w-100 h-100 left_0" height="320" loop="" muted="" width="576"> <source src="./img/new-add-img/explain-ai-whole.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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="Advanced-Date-Filter.png" class="img-fluid" data-src="/web/image/48077" height="306" loading="lazy" src="/web/image/48078" width="376"/> </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>  <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"> <video autoplay="" class="img-fluid w-100 h-100 left_0" loop="" muted="" style=" box-shadow: 0px 0px 18px 0px #00000040; border: 3.6px solid #4C5562; border-radius: 16px;"> <source src="./img/new-add-img/internal-chat.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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"> <video autoplay="" class="img-fluid w-100 h-100 left_0" loop="" muted="" style=" box-shadow: 0px 0px 18px 0px #00000040; border: 3.6px solid #4C5562; border-radius: 16px;"> <source src="./img/new-add-img/switch-layout.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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;">  <video autoplay="" class="img-fluid w-100 h-100" loop="" muted="" style="left: 0; box-shadow: 0px 0px 25px 0px #00000040; border: 5px solid #4C5562; border-radius: 20px;"> <source src="./img/new-add-img/generate-ai-keyword.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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="Create-Charts-From-EXCEL-AND-CSV-FILES.png" class="img-fluid" data-src="/web/image/48079" height="258" loading="lazy" src="/web/image/48080" style="height: 258px;" width="448"/> </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="Odoo-Dashboard-Items.png" class="img-fluid" data-src="/web/image/47911" height="258" loading="lazy" src="/web/image/47912" width="448"/> </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"> <video autoplay="" class="img-fluid w-100 h-100 left_0" loop="" muted="" style=" box-shadow: 0px 0px 18px 0px #00000040; border: 3.6px solid #4C5562; border-radius: 16px;"> <source src="./img/new-add-img/real-time-stream.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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 alt="Drill_Down_Drill_UP.gif" class="img-fluid w-100 h-100 left_0" data-src="/web/image/48081" loading="lazy" src="/web/image/48082" 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="Generate-with-AI.png" class="img-fluid" data-src="/web/image/48083" height="306" loading="lazy" src="/web/image/48084" width="376"/> </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;"> <video autoplay="" class="img-fluid w-100 h-100 left_0" height="320" loop="" muted="" width="576"> <source src="./img/new-add-img/generate-dashboard-ai.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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="Export-Import-Dashboards.png" class="img-fluid w-100" data-src="/web/image/48085" loading="lazy" src="/web/image/48086"/> </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 class="carousel slide" data-bs-ride="carousel" id="featureCarouselNew" style="border-radius: 30px; background-color: #FAFAFA; overflow: hidden;"> <div class="carousel-inner"> <div class="carousel-item active"> <img alt="account.png" class="img-fluid" data-src="/web/image/48087" height="574px" loading="lazy" src="/web/image/48088" style="height: 574px;"/> </div> <div class="carousel-item"> <img alt="account2.jpg" class="img-fluid" data-src="/web/image/48089" height="574px" loading="lazy" src="/web/image/48090" style="height: 574px;"/> </div> <div class="carousel-item"> <img alt="account3.jpg" class="img-fluid" data-src="/web/image/48091" height="574px" loading="lazy" src="/web/image/48092" style="height: 574px;"/> </div> <div class="carousel-item"> <img alt="account4.jpg" class="img-fluid" data-src="/web/image/48093" height="574px" loading="lazy" src="/web/image/48094" style="height: 574px;"/> </div> <div class="carousel-item"> <img alt="account5.jpg" class="img-fluid" data-src="/web/image/48095" height="574px" loading="lazy" src="/web/image/48096" style="height: 574px;"/> </div> </div>  <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="lefty.png" class="img-fluid" data-src="/web/image/47987" height="30" loading="lazy" src="/web/image/47988" width="30"/> </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="righty.png" class="img-fluid" data-src="/web/image/47989" height="30" loading="lazy" src="/web/image/47990" width="30"/> </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="Data-Filtration - Group-Limit-Sort-By.png" class="img-fluid" data-src="/web/image/48097" height="258" loading="lazy" src="/web/image/48098" style="height: 258px;" width="448"/> </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="Authentic-MYCOMPANY-Filter.png" class="img-fluid" data-src="/web/image/48099" height="250" loading="lazy" src="/web/image/48100" style="height: 258px;" width="448"/> </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="unique.png" class="img-fluid" data-src="/web/image/48101" height="250" loading="lazy" src="/web/image/48102" style="height: 258px;" width="448"/> </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="Set-Targets.png" class="img-fluid" data-src="/web/image/48103" height="250" loading="lazy" src="/web/image/48104" style="height: 258px;" width="448"/> </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;">  <video autoplay="" class="img-fluid w-100 h-100" loop="" muted="" style="left: 0; box-shadow: 0px 0px 25px 0px #00000040; border: 5px solid #4C5562; border-radius: 20px;"> <source src="./img/new-add-img/Edit-Layout.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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="Multi-Color-Themes.png" class="img-fluid w-100" data-src="/web/image/48105" loading="lazy" src="/web/image/48106"/> </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="personalization-1.png" class="img-fluid w-100" data-src="/web/image/48107" height="306" loading="lazy" src="/web/image/48108" width="376"/> </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="personalization-2.png" class="img-fluid w-100" data-src="/web/image/48109" height="306" loading="lazy" src="/web/image/48110" width="376"/> </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="Access-Control.png" class="img-fluid w-100" data-src="/web/image/48111" loading="lazy" src="/web/image/48112"/> </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;">  <video autoplay="" class="img-fluid w-100 h-100" loop="" muted="" style="left: 0; box-shadow: 0px 0px 25px 0px #00000040; border: 5px solid #4C5562; border-radius: 20px;"> <source src="./img/new-add-img/edit-chart.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </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;">  <video autoplay="" class="img-fluid w-100 h-100" loop="" muted="" style="left: 0; box-shadow: 0px 0px 25px 0px #00000040; border: 5px solid #4C5562; border-radius: 20px;"> <source src="./img/new-add-img/edit-chart.mp4" type="video/mp4"/> Your browser does not support the video tag. </video> </div> </div> </div> </div> </div> <div aria-labelledby="faq-tab" class="tab-pane fade show" 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 alt="why-ksolves-bg.png" class="img-fluid w-100 h-100 position-absolute" data-src="/web/image/47965" loading="lazy" src="/web/image/47966"/> <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 class="nav-item bg-white" role="presentation" style="background-color: #fff;"> <a aria-controls="faq-1" aria-selected="true" class="nav-link bg-white active" data-bs-toggle="pill" href="#faq-1" id="general-tab" role="tab" 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 alt="icons-black-file.png" data-src="/web/image/48113" height="17" loading="lazy" src="/web/image/48114" width="19"/> General </a> </li> <li class="nav-item bg-white" role="presentation" style="background-color: #fff;"> <a aria-controls="faq-2" aria-selected="false" class="nav-link bg-white" data-bs-toggle="pill" href="#faq-2" id="ai-tab" role="tab" 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 alt="icons-black-file.png" data-src="/web/image/48113" height="17" loading="lazy" src="/web/image/48114" width="19"/> Artificial Intelligence </a> </li> <li class="nav-item bg-white" role="presentation" style="background-color: #fff;"> <a aria-controls="faq-3" aria-selected="false" class="nav-link bg-white" data-bs-toggle="pill" href="#faq-3" id="charts-tab" role="tab" 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 alt="icons-black-file.png" data-src="/web/image/48113" height="17" loading="lazy" src="/web/image/48114" width="19"/> Charts </a> </li> <li class="nav-item bg-white" role="presentation" style="background-color: #fff;"> <a aria-controls="faq-4" aria-selected="false" class="nav-link bg-white" data-bs-toggle="pill" href="#faq-4" id="data-sources-tab" role="tab" 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 alt="icons-black-file.png" data-src="/web/image/48113" height="17" loading="lazy" src="/web/image/48114" width="19"/> Data Sources </a> </li> <li class="nav-item bg-white" role="presentation" style="background-color: #fff;"> <a aria-controls="faq-5" aria-selected="false" class="nav-link bg-white" data-bs-toggle="pill" href="#faq-5" id="filters-tab" role="tab" 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 alt="icons-black-file.png" data-src="/web/image/48113" height="17" loading="lazy" src="/web/image/48114" width="19"/> Filters & Group By </a> </li> <li class="nav-item bg-white" role="presentation" style="background-color: #fff;"> <a aria-controls="faq-6" aria-selected="false" class="nav-link bg-white" data-bs-toggle="pill" href="#faq-6" id="access-rights-tab" role="tab" 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 alt="icons-black-file.png" data-src="/web/image/48113" height="17" loading="lazy" src="/web/image/48114" width="19"/> Access Rights </a> </li> </ul> <div class="tab-content w-100 mb-3">  <div aria-labelledby="general-tab" class="tab-pane fade active show" id="faq-1" role="tabpanel" 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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQOne" style="background-color: rgb(244, 245, 246);"> <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 get the AI API key, add your valid email ID in General Settings under the "AI API Key" section and click on "Get API Key." You will receive the key over email once your credentials are verified. </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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQTwo" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQThree" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingFour" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQFour" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingFive" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQFive" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingSix" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQSix" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingSeven" class="accordion-collapse collapse" data-bs-parent="#accordion6" id="collapseFAQSeven" style="background-color: rgb(244, 245, 246);"> <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> </div> </div>  <div aria-labelledby="ai-tab" class="tab-pane fade" id="faq-2" role="tabpanel" 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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseOneAI" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseTwoAI" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseThreeAI" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseFourAI" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseFiveAI" style="background-color: #F4F5F6;"> <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;"> We never send the data to AI; neither AI needs data to generate the charts. We only send the table structure to the Ksolves AI Server. Hence, we ensure data security of the customers. For the AI insights feature, we simply send summarized and unlabeled data to our AI server for processing. Since the data is unlabeled, our AI server does not store it. Consequently, neither we nor our AI server can determine the company to which the data pertains. </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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingsix" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapsesixAI" style="background-color: #F4F5F6;"> <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 all AI features after purchasing the module. </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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingsix" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapsesevenAI" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingEight" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseEightAI" style="background-color: #F4F5F6;"> <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>  <div aria-labelledby="charts-tab" class="tab-pane fade" id="faq-3" role="tabpanel" 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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseOneCharts" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseTwoCharts" style="background-color: #F4F5F6;"> <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 have mistakenly created a chart item on the Sales Dashboard. Instead of recreating it, can I move it or duplicate? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseThreeCharts" style="background-color: #F4F5F6;"> <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 one dashboard to another. When you mouse over any item, you will see a copy icon or click on the edit icon, and from the top center of the screen, there is an Actions dropdown with options to move/duplicate items. </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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingFour" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseFourCharts" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingFive" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseFiveCharts" style="background-color: #F4F5F6;"> <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 to make a bar chart full size on the screen? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingsix" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapsesixCharts" style="background-color: #F4F5F6;"> <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;"> Pretty simple, just click on the Edit Layout icon present in the dashboard header, and then mouse hover on any tile or chart. You will see a resize icon at the bottom right of the item, which you can use to resize items as per your need. </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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingsix" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapsesevenCharts" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingEight" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseEightCharts" style="background-color: #F4F5F6;"> <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>  <div aria-labelledby="data-sources-tab" class="tab-pane fade" id="faq-4" role="tabpanel" 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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseOneData" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseTwoData" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseThreeData" style="background-color: #F4F5F6;"> <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>  <div aria-labelledby="filters-group-by-tab" class="tab-pane fade" id="faq-5" role="tabpanel" 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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseOnefeatures" style="background-color: rgb(244, 245, 246);"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseTwofeatures" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseThreefeatures" style="background-color: #F4F5F6;"> <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>  <div aria-labelledby="access-rights-tab" class="tab-pane fade" id="faq-6" role="tabpanel" 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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseOnerights" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseTworights" style="background-color: #F4F5F6;"> <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="down-arrow.png" class="float-right pt-2" data-src="/web/image/48115" loading="lazy" src="/web/image/False"/> </a> </div> <div aria-labelledby="headingThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample" id="collapseThreerights" style="background-color: #F4F5F6;"> <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> </div> </div> </div>  </div> </div> </div> </div> <div aria-labelledby="releases-tab" class="tab-pane fade show" 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 alt="why-ksolves-bg.png" class="img-fluid w-100 h-100 position-absolute" data-src="/web/image/47965" loading="lazy" src="/web/image/47966"/> <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; "> New Version </div> </div> </div> </div> <div class="row"> <div class="col-lg-1"> <div class="w-100"> <img alt="file-img.png" class="img-fluid" data-src="/web/image/48117" height="100" loading="lazy" src="/web/image/48118" width="100"/> </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.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="footer-layout-grid.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/48119" loading="lazy" src="/web/image/48120" 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" 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;" target="_blank"> Get a demo </a> <a class="d-flex align-items-center justif-content-center px-4 py-3 text-center" href="tel:+91-8527471031" 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;" target="_blank"> +91-8527471031 </a> </div> </div> </div> </div> </div> </div> </section> </div> </section>  </div> <div class="tab-pane fade" id="pills-review" role="tabpanel" aria-labelledby="pills-profile-tab"> <section id="o_product_page_reviews" class="container pt32 pb32"> <div id="discussion" data-anchor="true" class="d-print-none o_portal_chatter o_not_editable p-0" data-res_model="product.template" data-res_id="25" data-pager_step="5" data-allow_composer="1" data-two_columns="true" data-display_rating="True"> </div> </section> </div> </div> </div> </div> </section> <section class="free-support pb-4 pb-lg-5"> <div class="container "> <div class="row justify-content-center"> <div class="col-lg-11 col-12"> <div class="d-flex support-container py-4 py-lg-5 flex-column flex-lg-row align-items-center justify-content-center grp-4 gap-lg-5"> <div class="support-logo mb-3 mb-md-0"> <img src="/ks_store_backend/static/src/image/explore/call-support.svg" alt="support" loading="lazy" class="img-fluid" width="183" height="217"/> </div> <div class="support-content px-4"> <h2 class="fw-semibold text-gray-600 mb-3">Free <span>120 Days</span> Support </h2> <p class="text-body-100 fs-18">Get 120 days of FREE support (doubt, queries, & bug fixing) on Odoo <br class="d-xl-block d-none"/> applications from the date of purchase. Enhance the functionality of <br class="d-xl-block d-none"/> your business with the Ksolves Odoo experts. </p> </div> </div> </div> </div> </div> </section> <section class="pb-4 pb-lg-5 my-lg-4"> <div class="container recommended_class"> <div class=""> <div class="product_listing"> </div> </div> </div> </section> </main> <div id="o_shared_blocks" class="oe_unremovable"></div> </main> <footer> <div class="container"> <div class="reach_out_us bg_light_blue border-radius-20 p-4 p-md-5 text-center mx-auto"> <div class="section_heading text-center p-0 mb-4 mb-lg-5"> <p class="fs-22 fw-semibold text-uppercase">Reach out to us!</p> <h2 class="fs-4 fw-semibold lh-base">Ksolves' team of certified Odoo experts is here to help your business thrive in today’s competitive landscape. Ready to supercharge your growth by 10X with our innovative product? Let's empower your business together! </h2> </div> <a href="/contactus" class="btn btn-primary rounded-3 fs-18 fw-semibold px-4 py-3 d-inline-flex align-items-center"> Connect with Us <i class="oi oi-chevron-right fs-16 ms-2"></i> </a> </div> </div> <div class="footer_data"> <div class="container"> <div class="row"> <div class="col-md-4 mb-4 mb-md-0"> <img src="/ks_store_backend/static/src/image/footer_img/footer_logo.svg" class="img-fluid mb-4" alt="ksolve white logo" width="160" height="35" loading="lazy"/> <p class="fs-13 lh-base mb-lg-4">Ksolves India Limited is a leading Software Development Company dedicated to working on cutting-edge technologies like Odoo, Big Data, Machine Learning, Salesforce® etc. With a team of 500+ developers and architects, we are consistently delivering innovative and customized software solutions that drive growth, efficiency, and success for our client’s businesses. With our outstanding IT services and solutions, we have earned the unwavering trust of clients spanning the globe. </p> </div> <div class="col-6 col-md-2 offset-md-1 mb-3 mb-md-0"> <div class="fs-6 fw-medium mb-4 text-uppercase">Company</div> <div class="d-flex flex-column gap-3"> <a href="/aboutus" class="text-decoration-none fs-13">About Us</a> <a href="/culture" class="text-decoration-none fs-13">Culture</a> <a href="/sitemap" class="text-decoration-none fs-13">Sitemap</a> </div> </div> <div class="col-6 col-md-2 mb-3 mb-md-0"> <div class="fs-6 fw-medium mb-4 text-uppercase">Quick Link</div> <div class="d-flex flex-column gap-3"> <a href="/contactus" class="text-decoration-none fs-13">Contact Us</a> <a href="/refund-policy" class="text-decoration-none fs-13">Refund Policy</a> <a href="/customization-policy" class="text-decoration-none fs-13">Customization Policy </a> <a href="/support-policy" class="text-decoration-none fs-13">Odoo Support & Maintenance </a> <a href="/product-policy" class="text-decoration-none fs-13">Product Privacy Policy</a> <a href="/privacy-policy" class="text-decoration-none fs-13">Privacy Policy</a> </div> </div> <div class="col-md-3"> <div class="fs-6 fw-medium mb-4 text-uppercase">Keep in touch with us</div> <div class="d-flex gap-3 align-items-center"> <a target="_blank" href="https://www.facebook.com/Ksolves.Store/"> <span class="ks-opacity-0">facebook</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_5158_10780)"> <path d="M13 9H17.5L17 11H13V20H11V11H7V9H11V7.128C11 5.345 11.186 4.698 11.534 4.046C11.875 3.40181 12.4018 2.87501 13.046 2.534C13.698 2.186 14.345 2 16.128 2C16.65 2 17.108 2.05 17.5 2.15V4H16.128C14.804 4 14.401 4.078 13.99 4.298C13.686 4.46 13.46 4.686 13.298 4.99C13.078 5.401 13 5.804 13 7.128V9Z" fill="#CAD2FE"></path> </g> <defs> <clipPath id="clip0_5158_10780"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://twitter.com/_Ksolves"> <span class="ks-opacity-0">twitter</span> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a target="_blank" href="https://www.linkedin.com/showcase/ksolves-odoo-services"> <span class="ks-opacity-0">linkedin</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_5158_10764)"> <path d="M12 9.55C12.917 8.613 14.111 8 15.5 8C16.9587 8 18.3576 8.57946 19.3891 9.61091C20.4205 10.6424 21 12.0413 21 13.5V21H19V13.5C19 12.5717 18.6313 11.6815 17.9749 11.0251C17.3185 10.3687 16.4283 10 15.5 10C14.5717 10 13.6815 10.3687 13.0251 11.0251C12.3687 11.6815 12 12.5717 12 13.5V21H10V8.5H12V9.55ZM5 6.5C4.60218 6.5 4.22064 6.34196 3.93934 6.06066C3.65804 5.77936 3.5 5.39782 3.5 5C3.5 4.60218 3.65804 4.22064 3.93934 3.93934C4.22064 3.65804 4.60218 3.5 5 3.5C5.39782 3.5 5.77936 3.65804 6.06066 3.93934C6.34196 4.22064 6.5 4.60218 6.5 5C6.5 5.39782 6.34196 5.77936 6.06066 6.06066C5.77936 6.34196 5.39782 6.5 5 6.5ZM4 8.5H6V21H4V8.5Z" fill="#CAD2FE"></path> </g> <defs> <clipPath id="clip0_5158_10764"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://www.instagram.com/ksolvesstore/"> <span class="ks-opacity-0">instagram</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_5158_10768)"> <path d="M12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75ZM12 4C9.526 4 9.122 4.007 7.971 4.058C7.187 4.095 6.661 4.2 6.173 4.39C5.739 4.558 5.426 4.759 5.093 5.093C4.78001 5.3954 4.53935 5.76458 4.389 6.173C4.199 6.663 4.094 7.188 4.058 7.971C4.006 9.075 4 9.461 4 12C4 14.474 4.007 14.878 4.058 16.029C4.095 16.812 4.2 17.339 4.389 17.826C4.559 18.261 4.759 18.574 5.091 18.906C5.428 19.242 5.741 19.443 6.171 19.609C6.665 19.8 7.191 19.906 7.971 19.942C9.075 19.994 9.461 20 12 20C14.474 20 14.878 19.993 16.029 19.942C16.811 19.905 17.338 19.8 17.826 19.611C18.259 19.442 18.574 19.241 18.906 18.909C19.243 18.572 19.444 18.259 19.61 17.829C19.8 17.336 19.906 16.809 19.942 16.029C19.994 14.925 20 14.539 20 12C20 9.526 19.993 9.122 19.942 7.971C19.905 7.189 19.8 6.661 19.61 6.173C19.4593 5.765 19.2191 5.39596 18.907 5.093C18.6047 4.77985 18.2355 4.53917 17.827 4.389C17.337 4.199 16.811 4.094 16.029 4.058C14.925 4.006 14.539 4 12 4ZM12 2C14.717 2 15.056 2.01 16.122 2.06C17.187 2.11 17.912 2.277 18.55 2.525C19.21 2.779 19.766 3.123 20.322 3.678C20.8305 4.1779 21.224 4.78259 21.475 5.45C21.722 6.087 21.89 6.813 21.94 7.878C21.987 8.944 22 9.283 22 12C22 14.717 21.99 15.056 21.94 16.122C21.89 17.187 21.722 17.912 21.475 18.55C21.2247 19.2178 20.8311 19.8226 20.322 20.322C19.822 20.8303 19.2173 21.2238 18.55 21.475C17.913 21.722 17.187 21.89 16.122 21.94C15.056 21.987 14.717 22 12 22C9.283 22 8.944 21.99 7.878 21.94C6.813 21.89 6.088 21.722 5.45 21.475C4.78233 21.2245 4.17753 20.8309 3.678 20.322C3.16941 19.8222 2.77593 19.2175 2.525 18.55C2.277 17.913 2.11 17.187 2.06 16.122C2.013 15.056 2 14.717 2 12C2 9.283 2.01 8.944 2.06 7.878C2.11 6.812 2.277 6.088 2.525 5.45C2.77524 4.78218 3.1688 4.17732 3.678 3.678C4.17767 3.16923 4.78243 2.77573 5.45 2.525C6.088 2.277 6.812 2.11 7.878 2.06C8.944 2.013 9.283 2 12 2Z" fill="#CAD2FE"></path> </g> <defs> <clipPath id="clip0_5158_10768"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg> </a> <a target="_blank" href="https://www.youtube.com/channel/UCplv9V47g9VidekGN6Wp1ew"> <span class="ks-opacity-0">youtube</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_5158_10772)"> <path d="M19.606 6.995C19.53 6.697 19.314 6.472 19.067 6.403C18.63 6.28 16.5 6 12 6C7.5 6 5.372 6.28 4.931 6.403C4.687 6.471 4.471 6.696 4.394 6.995C4.285 7.419 4 9.196 4 12C4 14.804 4.285 16.58 4.394 17.006C4.47 17.303 4.686 17.528 4.932 17.596C5.372 17.72 7.5 18 12 18C16.5 18 18.629 17.72 19.069 17.597C19.313 17.529 19.529 17.304 19.606 17.005C19.715 16.581 20 14.8 20 12C20 9.2 19.715 7.42 19.606 6.995ZM21.543 6.498C22 8.28 22 12 22 12C22 12 22 15.72 21.543 17.502C21.289 18.487 20.546 19.262 19.605 19.524C17.896 20 12 20 12 20C12 20 6.107 20 4.395 19.524C3.45 19.258 2.708 18.484 2.457 17.502C2 15.72 2 12 2 12C2 12 2 8.28 2.457 6.498C2.711 5.513 3.454 4.738 4.395 4.476C6.107 4 12 4 12 4C12 4 17.896 4 19.605 4.476C20.55 4.742 21.292 5.516 21.543 6.498ZM10 15.5V8.5L16 12L10 15.5Z" fill="#CAD2FE"></path> </g> <defs> <clipPath id="clip0_5158_10772"> <rect width="24" height="24" fill="white"></rect> </clipPath> </defs> </svg> </a> </div> <div class="d-flex flex-column my-3 gap-1"> <div class="d-flex align-items-center"> <img src="/ks_store_backend/static/src/image/footer_img/phone.svg" class="img-fluid me-2" alt="phone" loading="lazy" width="18" height="19"/> <a class="fs-14 text-decoration-none" href="tel:+91-7498170227"> +91-7498170227 </a> </div> <div class="d-flex align-items-center"> <img src="/ks_store_backend/static/src/image/whatapp.svg" class="img-fluid me-1" alt="whatapp" loading="lazy" width="18" height="18"/> <a class="fs-14 text-decoration-none" href="https://wa.me/+91-8527471031/?text=Hi"> +91-8527471031 </a> </div> </div> <div class="d-flex align-items-center mt-2"> <img src="/ks_store_backend/static/src/image/footer_img/mail.svg" class="me-2" alt="mail" loading="lazy" height="19" width="18"/> <a class="fs-14 text-decoration-none" href="mailto:sales@ksolves.com"> sales@ksolves.com </a> </div> <div class="d-flex align-items-center gap-2 my-4"> <p class="m-0 fs-14 lh-1">USA</p> <div class="vr"></div> <p class="m-0 fs-14 lh-1">India</p> </div> </div> </div> </div> </div> <div class="copyright_section py-3"> <div class="container"> <p class="mb-1 text-white">Payment methods</p> <div class="row align-items-center"> <div class="col-md-4"> <div class="d-flex gap-2"> <img src="/ks_store_backend/static/src/image/footer_img/payment-method.svg" alt="payment-method" loading="lazy" class="img-fluid" width="236" height="34"/> </div> </div> <div class="col-md-8 d-flex justify-content-md-start justify-content-lg-center justify-content-xl-between flex-wrap"> <div class="m-0 fs-13 pt-3 pb-3 pt-md-0 py-xl-0">Copyright © 2023-2024 Ksolves India Ltd. All Rights Reserved. </div> <div class="d-flex gap-2 align-items-center copyright-mobile"> <a href="/license-policy" class="text-decoration-none fs-13 fw-medium">License Agreement </a> <div class="vr"></div> <a href="/terms-policy" class="text-decoration-none fs-13 fw-medium">Terms & Policies </a> <div class="vr"></div> <a href="/cookies-policy" class="text-decoration-none fs-13 fw-medium">Cookies Policy </a> </div> </div> </div> </div> </div> </footer> </div> </body> </html>

CINXE.COM

Ksolves Store: One-Stop Shop for Odoo Apps