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: "73beb767704c9927df96684f845ec22de38c2460o1763944727", 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/odoo-gantt-view-time-off-v-17.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/odoo-gantt-view-time-off-v-17.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"> Odoo Gantt View Time Off (17.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/576/image_1920" alt="Odoo Gantt View Time Off"/> </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="73beb767704c9927df96684f845ec22de38c2460o1763944727"/> <input type="hidden" class="product_id" name="product_id" value="576"/> <div class="product-detail ms-lg-5 ps-xl-4 mt-4 mt-md-0"> <h2 class="mb-2 product-title"> Odoo Gantt View Time Off (17.0) </h2> <div class="col-xl-10"> <p class="fs-14 mb-3 mb-lg-4"> The module helps in managing all the leaves of the employees of an organization from a centralized platform. From the gantt View, one can keep track of all the leaves and manage them effectively. </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"> <i class="fa fa-star-o" role="img"></i> <i class="fa fa-star-o" role="img"></i> <i class="fa fa-star-o" role="img"></i> <i class="fa fa-star-o" role="img"></i> <i class="fa fa-star-o" role="img"></i> <small class="text-muted ms-1"> (0 review) </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"> 17.0 </button> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item" id="314" href="/shop/product/odoo-gantt-view-time-off-v-14.0" data-value="14.0"> 14.0 </a> </li> <li> <a class="dropdown-item" id="401" href="/shop/product/odoo-gantt-view-time-off-v-15.0" data-value="15.0"> 15.0 </a> </li> <li> <a class="dropdown-item" id="500" href="/shop/product/odoo-gantt-view-time-off-v-13.0" data-value="13.0"> 13.0 </a> </li> <li> <a class="dropdown-item" id="508" href="/shop/product/odoo-gantt-view-time-off-v-16.0" data-value="16.0"> 16.0 </a> </li> <li> <a class="dropdown-item" id="576" href="/shop/product/odoo-gantt-view-time-off-v-17.0" data-value="17.0"> 17.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">244.00</span> €</span> <span itemprop="price" style="display:none;">244.0</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">244.00</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://ganttview.kappso.com/web/demo_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"> <main class="main-container py-md-5 py-2" style="background-color:#ffffff;"> <div class="container" style="border-radius: 20px;"> <div class="shadow main-desc-container px-lg-5 p-4 bg-white" style="border-radius: 20px; font-family: 'Inter', sans-serif;"> <div class="ks-top-logos pb-3"> <div class="text-center mb-md-4 mb-3"> <img alt="logo1.png" class="img-fluid" data-src="/web/image/11479" height="60" loading="lazy" src="/web/image/11480"/> </div> <div class="d-flex align-items-center justify-content-sm-between flex-column flex-sm-row"> <div class="odoo-logos d-flex align-items-center mb-sm-0 mb-3"> <img alt="logo2.png" class="img-fluid" data-src="/web/image/11481" height="48" loading="lazy" src="/web/image/11482"/> </div> <div class="odoo-logos d-flex align-items-center"> <img alt="logo3.png" class="img-fluid" data-src="/web/image/11483" height="32" loading="lazy" src="/web/image/11484"/> </div> </div> </div> <div class="ks-content-1"> <div class="ks-bg-blue position-relative pt-lg-5 pt-4" style="z-index: 1; padding-bottom: 111px; padding-bottom: 6vw; background-color: #47527b; border-radius: 40px 40px 80px 80px;"> <img alt="header-bg.png" class="w-100 h-100 position-absolute img-fluid d-none d-lg-block" data-src="/web/image/11485" loading="lazy" src="/web/image/11486" style="margin-top:-24px; border-radius: 10px 10px 20px 20px;"/> <div class="position-relative text-center px-3" style="color: #FFFFFF; font-family: 'Inter', sans-serif;"> <img alt="header-img.png" class="img-fluid" data-src="/web/image/11487" loading="lazy" src="/web/image/11488"/> <p class="mt-3" style="font-weight: 500; font-size: 28px; font-size: calc(1.26rem + 0.5vw);"> Efficient Leave Management at Your Fingertips </p> <p class="mx-xl-4 px-xl-5 px-4 mb-xl-5 mb-4" style="font-weight: 400; font-size: 16px; line-height: 24px;"> Do you want to visualize the leave plans or vacations of your workforce? Gantt View Time Off is the module you need! Ksolves has developed the Odoo Gantt View Time Off, which allows an organization to manage all of its employees' leaves from a single location. It ensures that you keep your business running smoothly when your employees are on leave. <br/> So, forget about going through the calendar, rolodex, and planners; just import all your employees into Gantt View and plan the leaves ahead for them. </p> </div> </div> <div class="d-flex justify-content-center"> <div class="col-11 d-flex justify-content-center position-relative" style="margin-top: -8%; z-index:10;"> <div class="py-3 px-lg-4 p-3 shadow" style="background-color:#ffffff; border-radius: 10px;"> <img alt="gantt-view-time-off.gif" class="img-fluid" data-src="/web/image/11489" loading="lazy" src="/web/image/11490"/> </div> </div> </div> </div> <div class="ks-content-1b p-md-5 p-3 mt-lg-5 mt-3 mx-lg-5" style="background-color:#383B6A; border-radius: 20px;"> <h5 class="text-center px-4 mb-1" style="color:#ffffff; font-weight: 700; font-size: 36px; font-size: calc(1.315rem + 1vw); line-height: 44px; letter-spacing: -0.02em; font-family: 'Inter', sans-serif;"> Ksolves-Your One-Stop Solution </h5> <p class="text-center" style="color: #ffffff; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 28px;"> We are available 24/7 for your service. Contact us today! </p> <div class="mt-4"> <div class="row"> <div class="col-lg-6 col-12"> <div class="mt-n2 d-flex align-items-center justify-content-lg-end justify-content-center me-lg-5"> <img alt="contact-man-icon.png" class="img-fluid" data-src="/web/image/11491" loading="lazy" src="/web/image/11492" style="width: 140px;"/> </div> </div> <div class="col-lg-6 col-12 d-flex align-items-center justify-content-lg-start justify-content-center mt-n4 mt-lg-0 ms-lg-n4"> <div class="row d-flex align-items-center justify-content-lg-start justify-content-center"> <div class="col-sm-7 px-3 px-sm-0"> <a class="d-flex align-items-center px-2 py-3" href="mailto:sales@ksolves.com" style="background-color: #A9E8FC; text-decoration: none; border-radius: 5px;font-style: normal; font-weight: 400; font-size: 14px; color: #4F4F4F; height:40px;"> <img alt="email.png" class="img-fluid pe-2 ps-2 me-xl-2 me-lg-0 me-2" data-src="/web/image/11493" loading="lazy" src="/web/image/11494"/>sales@ksolves.com</a> </div> <div class="col-sm-7 px-3 px-sm-0" style="margin-top: 5px;"> <a class="d-flex align-items-center px-2 py-3" href="tel:+91-8527471031" style="background-color: #A9E8FC; text-decoration: none; border-radius: 5px;font-style: normal; font-weight: 400; font-size: 14px; color: #4F4F4F; height:40px;"> <img alt="phone.png" class="img-fluid pe-2 ps-2 me-xl-2 me-lg-0 me-2" data-src="/web/image/11495" loading="lazy" src="/web/image/11496"/>+91-8527471031</a> </div> </div> </div> </div> </div> </div> <div class="ks-content-1c pb-4 mb-lg-2" style="margin-top:52px"> <div class="d-flex align-items-center flex-column justify-content-center"> <h5 style="font-family: 'Inter', sans-serif; font-weight: 600; font-size: 40px; line-height: 124%; text-align: center; font-size: calc(1.54rem + 1vw); letter-spacing: -0.02em; color: #323467;"> USPs </h5> <div style="background-color: #D9304F; width: 17px; height: 3px;"></div> <div class="pb-lg-2 mb-3 mt-md-4 mt-2"> <img alt="ups.png" class="img-fluid" data-src="/web/image/11497" loading="lazy" src="/web/image/11498"/> </div> </div> </div> <div class="ks-content-1d"> <div class="ks-bg-blue position-relative overflow-hidden pt-lg-5 pt-4 mb-4 px-md-5 px-0" style=" background-color: #383b6a; padding:65px 75px; border-radius: 20px;"> <img alt="cut-off-bg.png" class="w-100 h-100 position-absolute img-fluid ms-md-auto ms-sm-0" data-src="/web/image/11499" loading="lazy" src="/web/image/11500" style="top:-45px; margin-left: -3rem !important; border-radius: 20px;"/> <div class="position-relative"> <div class="row mb-5"> <div class="col-xl-12 pe-xl-0"> <h5 class="text-center px-4 mb-1" style="color:#8EF2FF; font-weight: 700; font-size: 40px; font-size: calc(1.315rem + 1vw); letter-spacing: -0.02em; font-family: 'Inter', sans-serif;"> Powerful. Interactive. Efficient. </h5> <p class="text-center m-0" style="color: #ffffff; font-weight: 400; font-size: 38px; font-size: calc(1.2rem + 1vw);"> Gantt Chart for your business! </p> </div> </div> <div class="row mb-5 mx-0"> <div class="col-xl-8 pe-xl-0"> <div class="d-flex align-items-center justify-content-center"> <table> <tbody> <tr> <td> <a href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_base/"> <img alt="odoo1.png" class="img-fluid" data-src="/web/image/11501" loading="lazy" src="/web/image/11502"/> </a> </td> <td class="px-4"> <img alt="plus.png" class="img-fluid" data-src="/web/image/11503" loading="lazy" src="/web/image/11504"/> </td> <td> <a href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_project/"> <img alt="odoo2.png" class="img-fluid" data-src="/web/image/11505" loading="lazy" src="/web/image/11506"/> </a> </td> </tr> <tr> <td class="text-center" style="height:60px"> <img alt="plus.png" class="img-fluid" data-src="/web/image/11503" loading="lazy" src="/web/image/11504"/> </td> <td class="px-4" style="height:60px"> </td> <td class="text-center" style="height:60px"> <img alt="plus.png" class="img-fluid" data-src="/web/image/11503" loading="lazy" src="/web/image/11504"/> </td> </tr> <tr> <td> <a href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_mrp/"> <img alt="odoo3.png" class="img-fluid" data-src="/web/image/11507" loading="lazy" src="/web/image/11508"/> </a> </td> <td class="px-4"> <img alt="plus.png" class="img-fluid" data-src="/web/image/11503" loading="lazy" src="/web/image/11504"/> </td> <td> <a href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_hr_holidays/"> <img alt="odoo4.png" class="img-fluid" data-src="/web/image/11509" loading="lazy" src="/web/image/11510"/> </a> </td> </tr> <tr> </tr> </tbody> </table> </div> </div> <div class="col-xl-4 mt-xl-0 mt-3 ps-xl-0"> <div class="d-flex align-items-center justify-content-center h-100"> <div style="width:180px"> <div class="d-flex align-items-center justify-content-center"> <img alt="equal.png" class="img-fluid" data-src="/web/image/11511" loading="lazy" src="/web/image/11512"/> </div> </div> <div class="d-flex align-items-start justify-content-center flex-column h-100"> <img alt="60-img.png" class="img-fluid" data-src="/web/image/11513" loading="lazy" src="/web/image/11514"/> <div class="text-center" style="background-color: #EFF0FF; padding: 2px 12px; border-radius: 2px; margin-top: 15px; margin-bottom: 17px;"> <p class="mb-0" style="font-weight: 500; font-size: 30px; line-height: 155.19%; letter-spacing: 0.08em; text-indent: 2px; color: #383B6A; font-size: calc(0.9rem + 1vw);">CUT-OFF</p> </div> <p class="mb-0" style="font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #FFFFFF;"> On Total Time Spent In Managing Business Processes </p> </div> </div> </div> </div> <div class="row d-flex align-items-center justify-content-center"> <div class="col-lg-9 col-11"> <div class="text-center py-2" style="background-color: #8EF2FF; border-radius: 5px; font-size: 32px; line-height: 45px; letter-spacing: -0.02em; text-indent: 2px; color: #383B6A; font-size: calc(1.5rem + 0.4vw);"> <span style="font-weight: 300;"> Don't Miss To Add The </span> <span style="font-weight: 500;"> Bundle In Your Cart! </span> </div> </div> </div> </div> </div> </div> </div> <section class="mt-4 pt-2" style="font-family: 'Inter', sans-serif;"> <div class="shadow py-3 bg-white" style="border-radius: 20px; "> <ul class="nav nav-tabs justify-content-center bg-white" id="myTab" role="tablist" style="border-bottom:1px solid #dee2e6;"> <li class="nav-item"> <a aria-controls="overview" aria-selected="true" class="nav-link active" data-bs-toggle="tab" href="#overview" id="overview-tab" role="tab" style="color: #283071;font-weight: 400; font-size: 14px;"> Overview</a> </li> <li class="nav-item"> <a aria-controls="why-ks" aria-selected="false" class="nav-link" data-bs-toggle="tab" href="#why-ks" id="why-ks-tab" role="tab" style="color: #283071;font-weight: 400; font-size: 14px;">Why Ksolves</a> </li> <li class="nav-item"> <a aria-controls="s_c" aria-selected="false" class="nav-link" data-bs-toggle="tab" href="#support" id="support-tab" role="tab" style="color: #283071;font-weight: 400; font-size: 14px;">Support</a> </li> <li class="nav-item"> <a aria-controls="faq" aria-selected="false" class="nav-link" data-bs-toggle="tab" href="#faq" id="faq-tab" role="tab" style="color: #283071;font-weight: 400; font-size: 14px;"> FAQS</a> </li> <li class="nav-item"> <a aria-controls="releases" aria-selected="false" class="nav-link" data-bs-toggle="tab" href="#releases" id="releases-tab" role="tab" style="color: #283071;font-weight: 400; font-size: 14px;">Releases</a> </li> </ul> <div class="px-3 px-lg-5"> <div class="tab-content" id="myTabContent"> <div aria-labelledby="overview-tab" class="tab-pane fade show active" id="overview" role="tabpanel"> <div class="text-center mt-lg-5 mt-5 mb-4"> <p style="margin-bottom: 10px; font-weight: 500; font-size: 18px; line-height: 23px; letter-spacing: 0.04em; text-indent: 2px;color: #535456;">KEY HIGHLIGHTS OF</p> <h5 style="font-weight: 700; font-size: 42px; line-height: normal; letter-spacing: -0.02em; text-indent: 2px; color: #1D567E; margin-bottom: 10px;"> The Gantt View Time Off </h5> <p class="col-10 mx-auto px-0 pb-4" style="font-weight: 500; font-size: 18px; line-height: 27px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Leave management becomes easy and convenient with Gantt View Time Off! </p> </div>  <div class="px-4" style="background-color:#EDF9FF; border-radius:10px; padding-top:48px; padding-bottom: 45px; margin-bottom: 48px;"> <h5 style="margin-bottom:0px; font-weight: 600; font-size: 36px; line-height: 54px; text-align: center; text-indent: 2px; color: #3C3C3C; font-size: calc(1.315rem + 1vw);">Action Bar</h5> <p style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C; margin-bottom: 22px;"> The Action Bar contains different tools that include: </p> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 28px;"> <img alt="duration.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11515" loading="lazy" src="/web/image/11516" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Duration </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Once you click on the duration button, it displays the number of leaves applied by each employee in the Gantt View Time Off. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="1.png" class="w-100 img-fluid" data-src="/web/image/11517" loading="lazy" src="/web/image/11518"/> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 28px;"> <img alt="grid.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11519" loading="lazy" src="/web/image/11520" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; width: 100%;"> <img alt="2_a.png" class="w-100 img-fluid" data-src="/web/image/11521" loading="lazy" src="/web/image/11522"/> </div> </div> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div class="pe-3 pt-xl-0 pt-3"> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Grid </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> By using the grid feature, you can hide the left grid panel that contains the title, duration, start time, and owner. It allows you to view the complete leave data in the Gantt View Time Off. </p> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 25px;"> <img alt="resource-panel.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11523" loading="lazy" src="/web/image/11524" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start pe-0"> <div class=""> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Resource Panel </h5> <p class="pe-3" style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> The Resource Panel shows the total number of leaves applied by each employee along with working hours and allocated tasks. With this feature, you can manage the employee's leaves while checking out how many working hours and tasks will be affected during their leaves. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="2.png" class="w-100 img-fluid" data-src="/web/image/11525" loading="lazy" src="/web/image/11526"/> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 30px;"> <img alt="zoom.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11527" loading="lazy" src="/web/image/11528" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="zoom1.png" class="w-100 img-fluid" data-src="/web/image/11529" loading="lazy" src="/web/image/11530"/> </div> </div> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div class="pe-3 pt-xl-0 pt-3"> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Zoom to Fit </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Zoom to Fit feature gives an easily readable Gantt View of large data according to the user's screen. </p> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 25px;"> <img alt="critical-path.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11531" loading="lazy" src="/web/image/11532" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Critical Path </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> This feature works on the current view only. It shows the dependency of the current leave on the previous one. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="4.png" class="w-100 img-fluid" data-src="/web/image/11533" loading="lazy" src="/web/image/11534"/> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 34px;"> <img alt="days-off.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11535" loading="lazy" src="/web/image/11536" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="5.png" class="w-100 img-fluid" data-src="/web/image/11537" loading="lazy" src="/web/image/11538"/> </div> </div> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div class="pe-3 pt-xl-0 pt-3"> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Days Off </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> The term "day off" is used to highlight the week off and weekends in the Gantt View. </p> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 28px;"> <img alt="today.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11539" loading="lazy" src="/web/image/11540" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Today </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Today's feature will scroll you to the current date in the timeline and highlight it. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="6.png" class="w-100 img-fluid" data-src="/web/image/11541" loading="lazy" src="/web/image/11542"/> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 34px;"> <img alt="scaling.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11543" loading="lazy" src="/web/image/11544" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="7.png" class="w-100 img-fluid" data-src="/web/image/11545" loading="lazy" src="/web/image/11546"/> </div> </div> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div class="pe-3 pt-xl-0 pt-3"> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Scaling </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> With this feature, you can set the duration such as day, week, month, year, and more. to display the leave information in different patterns. In this way, you can make your data more readable in the Gantt View Time Off as per your convenience. </p> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 28px;"> <img alt="sorting.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11547" loading="lazy" src="/web/image/11548" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Sorting </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> This feature allows you to sort your leave data in different orders, like Name Ascending, Name Descending, New to Old, and more. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="sort.png" class="w-100 img-fluid" data-src="/web/image/11549" loading="lazy" src="/web/image/11550"/> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px;"> <img alt="full-screen-mode.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11551" loading="lazy" src="/web/image/11552" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div style="background-color:#F8F8F8; border-radius:2px; padding:14px; width: 100%;"> <img alt="Full_Screen.gif" class="w-100 img-fluid" data-src="/web/image/11553" loading="lazy" src="/web/image/11554"/> </div> </div> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div class="pe-3 pt-xl-0 pt-3"> <h5 style="font-weight: 600; font-size: 28px;line-height: 120%; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Full Screen Mode </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> If you have a small screen, then you can use this feature to get a full-screen mode of the Gantt View. </p> </div> </div> </div> </div> </div> </div>  <div class="px-4" style="background-color:#EDF9FF; border-radius:10px; padding-top:48px; padding-bottom: 26px; margin-bottom: 44px;"> <h5 style="margin-bottom:0px; font-weight: 600; font-size: 36px; line-height: 54px; text-align: center; text-indent: 2px; color: #3C3C3C; font-size: calc(1.315rem + 1vw);">Gantt View Grid</h5> <p style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C; margin-bottom: 22px;"> Give freedom to customize your view! </p>  <div class="position-relative overflow-hidden" style="padding: 34px 20px 20px 20px; margin-bottom: 37px; border-radius: 5px;"> <img alt="left-grid-bg.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11555" loading="lazy" src="/web/image/11556" style="margin-top:-34px; margin-left: -20px; object-fit: cover; border-radius: 5px;"/> <div class="position-relative"> <div class="px-lg-4 px-3"> <h5 style="font-weight: 600; font-size: 28px; line-height: 42px; text-align: center;letter-spacing: 0.02em; text-indent: 2px; color: #1D567E; font-size: calc(1.26rem + 0.5vw);"> Left Grid </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> The left grid will display leave data with the leave title, duration, start time, and owner. </p> <div class="row pt-3"> <div class="col-lg-3 col-md-6 col-12"> <h5 style="font-weight: 600;font-size: 20px; line-height: 34px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Title </h5> <p style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #4E4E4E;"> The type of leaves you applied </p> <div class="text-center mb-3"> <img alt="title.png" class="img-fluid" data-src="/web/image/11557" loading="lazy" src="/web/image/11558"/> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <h5 style="font-weight: 600;font-size: 20px; line-height: 34px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Duration </h5> <p style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #4E4E4E;"> Time duration of the leaves </p> <div class="text-center mb-3"> <img alt="duration-t.png" class="img-fluid" data-src="/web/image/11559" loading="lazy" src="/web/image/11560"/> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <h5 style="font-weight: 600;font-size: 20px; line-height: 34px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Start Time </h5> <p style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #4E4E4E;"> When the leaves start and end </p> <div class="text-center mb-3"> <img alt="start-time.png" class="img-fluid" data-src="/web/image/11561" loading="lazy" src="/web/image/11562"/> </div> </div> <div class="col-lg-3 col-md-6 col-12"> <h5 style="font-weight: 600;font-size: 20px; line-height: 34px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Owner </h5> <p style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #4E4E4E;"> Who applied for the leaves? </p> <div class="text-center mb-3"> <img alt="owner.png" class="img-fluid" data-src="/web/image/11563" loading="lazy" src="/web/image/11564"/> </div> </div> </div> <div class="row mt-4"> <div class="col-xl-4 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 500; font-size: 24px; line-height: 38px; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Add Button </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Once you click the (+) icon, a default Odoo form will appear on the screen where you can apply for your leave and save it. </p> </div> </div> <div class="col-xl-8 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#FFFFFF; border-radius:9px; width: 100%;"> <img alt="add.png" class="w-100 img-fluid" data-src="/web/image/11565" loading="lazy" src="/web/image/11566"/> </div> </div> </div> <div class="row mt-4 pt-3"> <div class="col-xl-8 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#FFFFFF; border-radius:9px; width: 100%;"> <img alt="edit.png" class="w-100 img-fluid" data-src="/web/image/11567" loading="lazy" src="/web/image/11568"/> </div> </div> <div class="col-xl-4 d-flex align-items-center justify-content-start"> <div class="ps-xl-3 pt-xl-0 pt-3"> <h5 style="font-weight: 500; font-size: 24px; line-height: 38px; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Edit button </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> The edit option allows you to modify your applied leave. </p> </div> </div> </div> <div class="row mt-4 pt-3 mb-4"> <div class="col-xl-4 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 500; font-size: 24px; line-height: 38px; letter-spacing: 0.02em; text-indent: 2px; color: #14608A;"> Delete Button </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> It enables you to delete your applied leave. </p> </div> </div> <div class="col-xl-8 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#FFFFFF; border-radius:9px; width: 100%;"> <img alt="delete.png" class="w-100 img-fluid" data-src="/web/image/11569" loading="lazy" src="/web/image/11570"/> </div> </div> </div> </div> </div> </div>  <div class="position-relative overflow-hidden" style="padding: 34px 20px 20px 20px; margin-bottom: 37px; border-radius: 5px;"> <img alt="right-grid.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11571" loading="lazy" src="/web/image/11572" style="margin-top:-34px; margin-left: -20px; object-fit: cover; border-radius: 5px;"/> <div class="position-relative"> <div class="px-lg-4 px-3 mb-3"> <h5 style="font-weight: 600; font-size: 28px; line-height: 42px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E; font-size: calc(1.26rem + 0.5vw); margin-bottom: 20px;"> Right Grid </h5> </div> <div class="row mt-4"> <div class="col-xl-4 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 500; font-size: 24px; line-height: 38px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Tooltip </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> When you hover a mouse over a leave-bar in the Gantt View, the tooltip feature will show the leave details including Title, Duration,Start date, End date and Stage. </p> </div> </div> <div class="col-xl-8 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#F4F4F4; border-radius:9px; width: 100%;"> <img alt="tooltip.png" class="w-100 img-fluid" data-src="/web/image/11573" loading="lazy" src="/web/image/11574"/> </div> </div> </div> <div class="row mt-5"> <div class="col-xl-8 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#F4F4F4; border-radius:9px; width: 100%;"> <img alt="quick.png" class="w-100 img-fluid" data-src="/web/image/11575" loading="lazy" src="/web/image/11576"/> </div> </div> <div class="col-xl-4 d-flex align-items-center justify-content-start"> <div class="ps-3 pt-xl-0 pt-3"> <h5 style="font-weight: 500; font-size: 24px; line-height: 38px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Quick Info </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> When you click on the leave-bar in the Gantt view, a quick info will appear that displays the Start date, End date of the leave along with a title. Also, it gives an option to delete and edit the leave. </p> </div> </div> </div> <div style="margin-top: 38px;"> <div class="text-center"> <h5 style="font-weight: 500; font-size: 24px; line-height: 38px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E; font-size: calc(1rem + 0.5vw);"> Export </h5> <div class="row d-flex align-items-center justify-content-center"> <p class="col-lg-9" style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C; "> With this feature you can export your employee's leave report in different formats like Excel, PDF, PNG, Json, XML, Primvera P6 and iCal. </p> <div style="margin-top: 22px; margin-bottom: 42px;"> <img alt="export.png" class="img-fluid" data-src="/web/image/11577" loading="lazy" src="/web/image/11578"/> </div> </div> </div> </div> </div> </div> </div>  <div class="px-4" style="background-color:#EDF9FF; border-radius:10px; padding-top:44px; padding-bottom: 38px; margin-bottom: 48px;"> <div class="text-center" style="margin-bottom: 35px;"> <h5 style="font-weight: 600; font-size: 36px; font-size: calc(1.315rem + 1vw); line-height: 54px; text-align: center; text-indent: 2px; color: #3C3C3C; margin-bottom: 0;"> Gantt Settings </h5> <p class="text-center" style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Different configuration to customize your Gantt View </p> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 37px 30px 30px 31px"> <img alt="setting-bg.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11579" loading="lazy" src="/web/image/11580" style="margin-top:-37px; object-fit: cover;margin-left: -30px;"/> <div class="position-relative"> <div class="text-center"> <h5 style="font-weight: 600; font-size: 28px; line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E; font-size: calc(1.26rem + 0.5vw); margin-bottom: 20px;"> Tooltip Settings </h5> <div class="row d-flex align-items-center justify-content-center"> <p class="col-lg-9" style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C; "> You can modify the leave information display in the Gantt View Time Off by enabling or disabling the tooltip setting options like duration, start date, end date, and more. </p> </div> <div style="margin-top: 10px;"> <div class="py-md-4 px-md-3 p-sm-2 p-1" style="background-color: #f4f4f4; border-radius: 9px;"> <img alt="setting.png" class="img-fluid" data-src="/web/image/11581" loading="lazy" src="/web/image/11582"/> </div> </div> </div> </div> </div> </div>  <div class="px-4" style="background-color:#EDF9FF; border-radius:10px; padding-top:44px; padding-bottom: 32px; margin-bottom: 30px;"> <div class="text-center" style="margin-bottom: 35px;"> <h5 style="font-weight: 600; font-size: 36px; font-size: calc(1.315rem + 1vw); line-height: 54px; text-align: center; text-indent: 2px; color: #3C3C3C; margin-bottom: 0;"> Gantt Chart Settings </h5> <p class="text-center" style="font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Different configuration to customize your Gantt View </p> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 28px;"> <img alt="t1.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11583" loading="lazy" src="/web/image/11584" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Dynamic Text </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> Generally, leave descriptions are too long, which doesn't fit into the Gantt view. When you enable "Dynamic Text," the leave info will be automatically adjusted and displayed in the Gantt View. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#F4F4F4; border-radius:9px; width: 100%;"> <img alt="textt.png" class="w-100 img-fluid" data-src="/web/image/11585" loading="lazy" src="/web/image/11586"/> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px; margin-bottom: 28px;"> <img alt="info.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11587" loading="lazy" src="/web/image/11588" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#F4F4F4; border-radius:9px; width: 100%;"> <img alt="infoo.png" class="w-100 img-fluid" data-src="/web/image/11589" loading="lazy" src="/web/image/11590"/> </div> </div> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div class="pt-xl-0 pt-3"> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Quick Info </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> This feature gives an option to delete or edit the leave when you click on it in the Gantt View Time Off. You can enable or disable this feature as per your choice. </p> </div> </div> </div> </div> </div> <div class="position-relative overflow-hidden" style="border-radius: 5px; padding: 20px;"> <img alt="c1.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11591" loading="lazy" src="/web/image/11592" style="margin-top:-20px; margin-left: -20px; object-fit: cover;"/> <div class="position-relative"> <div class="row"> <div class="col-xl-3 d-flex align-items-center justify-content-start"> <div> <h5 style="font-weight: 600; font-size: 28px;line-height: 42px; letter-spacing: 0.02em; text-indent: 2px; color: #1D567E;"> Stage Color </h5> <p style="font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; text-indent: 2px; color: #3C3C3C;"> You have the option to highlight the leave status in different colors, like to submit, to approval, approved, and more. This will provide a better view of the leaves in the Gantt View and make it easy to understand. </p> </div> </div> <div class="col-xl-9 d-flex align-items-center justify-content-center"> <div class="p-md-3 p-sm-2 p-1" style="background-color:#F4F4F4; border-radius:9px; width: 100%;"> <img alt="colorr.png" class="w-100 img-fluid" data-src="/web/image/11593" loading="lazy" src="/web/image/11594"/> </div> </div> </div> </div> </div> </div> </div> <div aria-labelledby="why-ks-tab" class="tab-pane fade show pt-4 py-lg-5" id="why-ks" role="tabpanel"> <div class="p-3 p-lg-5" style="background-color: #FAFAFA; border-radius: 30px;"> <h5 style=" font-family: 'Inter', sans-serif; font-weight: 600;font-size: 30px;line-height: 155.19%;color: #252525; text-align: center; font-family: 'Inter', sans-serif; font-size: calc(0.93rem + 1vw);"> Why Ksolves </h5> <p style="font-weight: 500;font-size: 16px;line-height: 155.19%;text-align: center; margin-bottom: 30px; font-family: 'Inter', sans-serif;"> You know us as the <strong style="color: #173E85;"> makers of the "Dashboard Ninja",</strong> You <br/> will remember us with Gantt View Time Off </p> <ul class="list-unstyled row m-0"> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_1.png" class="img-fluid w-100 h-100" data-src="/web/image/11595" loading="lazy" src="/web/image/11596"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_2.png" class="img-fluid w-100 h-100" data-src="/web/image/11597" loading="lazy" src="/web/image/11598"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_3.png" class="img-fluid w-100 h-100" data-src="/web/image/11599" loading="lazy" src="/web/image/11600"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_4.png" class="img-fluid w-100 h-100" data-src="/web/image/11601" loading="lazy" src="/web/image/11602"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_5.png" class="img-fluid w-100 h-100" data-src="/web/image/11603" loading="lazy" src="/web/image/11604"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_6.png" class="img-fluid w-100 h-100" data-src="/web/image/11605" loading="lazy" src="/web/image/11606"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_7.png" class="img-fluid w-100 h-100" data-src="/web/image/11607" loading="lazy" src="/web/image/11608"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_8.png" class="img-fluid w-100 h-100" data-src="/web/image/11609" loading="lazy" src="/web/image/11610"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_9.png" class="img-fluid w-100 h-100" data-src="/web/image/11611" loading="lazy" src="/web/image/11612"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_10.png" class="img-fluid w-100 h-100" data-src="/web/image/11613" loading="lazy" src="/web/image/11614"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_11.png" class="img-fluid w-100 h-100" data-src="/web/image/11615" loading="lazy" src="/web/image/11616"/> </li> <li class="col-6 col-md-4 col-lg-3 p-2"> <img alt="ks_12.png" class="img-fluid w-100 h-100" data-src="/web/image/11617" loading="lazy" src="/web/image/11618"/> </li> </ul> </div> <div class="my-3 my-lg-5 p-0 py-lg-4"> <h5 style=" font-family: 'Inter', sans-serif; font-weight: 600;font-size: 30px;line-height: 155.19%;color: #252525; text-align: center; font-family: 'Inter', sans-serif; font-size: calc(0.93rem + 1vw);"> Client Success </h5> <p style="font-weight: 500;font-size: 16px;line-height: 155.19%;text-align: center;color: #414141; font-family: 'Inter', sans-serif;"> Invest your trust like our elite clientele did! </p> <ul class="list-unstyled row m-0 justify-content-center"> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_1.png" class="img-fluid" data-src="/web/image/11619" loading="lazy" src="/web/image/11620"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_2.png" class="img-fluid" data-src="/web/image/11621" loading="lazy" src="/web/image/11622"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_3.png" class="img-fluid" data-src="/web/image/11623" loading="lazy" src="/web/image/11624"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_4.png" class="img-fluid" data-src="/web/image/11625" loading="lazy" src="/web/image/11626"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_5.png" class="img-fluid" data-src="/web/image/11627" loading="lazy" src="/web/image/11628"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_6.png" class="img-fluid" data-src="/web/image/11629" loading="lazy" src="/web/image/11630"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_7.png" class="img-fluid" data-src="/web/image/11631" loading="lazy" src="/web/image/11632"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_8.png" class="img-fluid" data-src="/web/image/11633" loading="lazy" src="/web/image/11634"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_9.png" class="img-fluid" data-src="/web/image/11635" loading="lazy" src="/web/image/11636"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_10.png" class="img-fluid" data-src="/web/image/11637" loading="lazy" src="/web/image/11638"/> </li> <li class="col-6 col-md-3 col-lg-2 p-1" style="text-align: center;"> <img alt="ks_c_11.png" class="img-fluid" data-src="/web/image/11639" loading="lazy" src="/web/image/11640"/> </li> </ul> </div> <div class="p-3 p-lg-5" style="background-color: #FAFAFA; border-radius: 30px;"> <h1 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;"> Products That Blends Together </h1> <p style="font-weight: 500;font-size: 16px;line-height: 155.19%;text-align: center; margin-bottom: 30px; font-family: 'Inter', sans-serif;"> Related Products You May Be Interested In! </p> <div> <div class="table-responsive"> <table class="table w-100"> <tr> <td class="text-center" style="padding: 0.5rem;"> <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="ks_dashboard_ninja.png" data-src="/web/image/11641" loading="lazy" src="/web/image/11642" style="border-radius: 10px;"/> <div class="mt-3" style="color: #333;font-size: 16px;font-weight: 600;">Dashboard Ninja</div> </a> </td> <td class="px-2" style="padding: 0.5rem; vertical-align: middle;font-size: 20px;color: #333;font-weight: 700;"> + </td> <td class="text-center" style="padding: 0.5rem;"> <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="ks_curved_backend_theme.png" data-src="/web/image/11643" height="136" loading="lazy" src="/web/image/11644" style="border-radius: 10px;" width="135"/> <div class="mt-3" style="color: #333;font-size: 16px;font-weight: 600;">Arc Backend Theme</div> </a> </td> <td class="px-2" style=" padding: 0.5rem; vertical-align: middle;font-size: 20px;color: #333;font-weight: 700;"> + </td> <td class="text-center" style="padding: 0.5rem;"> <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="ks_gantt_view_base.png" data-src="/web/image/11645" height="136" loading="lazy" src="/web/image/11646" style="border-radius: 10px;" width="135"/> <div class="mt-3" style="color: #333;font-size: 16px;font-weight: 600;">Odoo Gantt View Base</div> </a> </td> <td class="px-2" style="padding: 0.5rem; vertical-align: middle;font-size: 20px;color: #333;font-weight: 700;"> = </td> <td class="text-center" style="padding: 0.5rem;"> <div class="d-block bg-white p-4 text-center mx-auto" style="border-radius: 10px;width: 180px;min-height: 248px;"> <img alt="perfect_combo.png" data-src="/web/image/11647" loading="lazy" src="/web/image/11648" style="border-radius: 10px;"/> <div class="mt-3" style="color: #333;font-size: 16px;font-weight: 600;">Perfect Combo</div> </div> </td> </tr> </table> </div> </div> </div> </div> <div aria-labelledby="support-tab" class="tab-pane fade show pt-4 py-lg-5" id="support" role="tabpanel"> <div class="text-center"> <h3 style="font-size: 18px;line-height: 155.19%;color: #414141; margin-bottom: 36px; font-family: 'Inter', sans-serif; "> Ksolves is 24/7 open to discuss your thoughts and queries! </h3> <img alt="solution.png" class="img-fluid" data-src="/web/image/11649" loading="lazy" src="/web/image/11650"/> <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"> <a class="d-flex align-items-center justify-content-center px-2 py-3" href="mailto:sales@ksolves.com" style="background-color: #173E85; text-decoration: none; border-radius: 5px;font-style: normal; font-weight: 400; font-size: 14px; color: #ffffff; height:45px;"> <img alt="email.png" class="img-fluid pe-2 ps-2 me-xl-2 me-lg-0 me-2" data-src="/web/image/11493" loading="lazy" src="/web/image/11494"/>sales@ksolves.com</a> </div> <div class="col-lg-4 col-md-5 col-sm-9 col-11 mt-md-0 mt-2"> <a class="d-flex align-items-center justify-content-center px-2 py-3" href="tel:+91-8527471031" style="background-color: #173E85; text-decoration: none; border-radius: 5px;font-style: normal; font-weight: 400; font-size: 14px; color: #ffffff; height:45px;"> <img alt="phone.png" class="img-fluid pe-2 ps-2 me-xl-2 me-lg-0 me-2" data-src="/web/image/11495" loading="lazy" src="/web/image/11496"/>+91-8527471031</a> </div> </div> </div> <div class="row justify-content-center mt-3 mt-lg-5"> <div class="col-12 col-md-8"> <img alt="ks_map_img.png" class="w-100" data-src="/web/image/11651" loading="lazy" src="/web/image/11652"/> </div> </div> </div> </div> <div aria-labelledby="faq-tab" class="tab-pane fade show pt-4 py-lg-5" id="faq" role="tabpanel"> <div class="accordion" id="accordion6"> <div style="background-color:#fff">  <div 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" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> What is Gantt View Time Off ? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="card-body collapse" data-bs-parent="#accordion6" id="collapseFAQOne"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> Gantt View Time Off module is the one-stop platform to manage the leaves of employees for an organization/ business. </p> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapseFAQTwo" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> How will it help in leave management? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="card-body collapse" data-bs-parent="#accordion6" id="collapseFAQTwo"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> With it’s easy-to-use functionalities, anyone can leverage the Gantt Chart to organize regular leave routines. There are various leave types that can be set up along with specific durations, extra notes, etc. Critical path and leave dependencies can also be set up easily. </p> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapseFAQThree" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> Is this app compatible with Odoo Enterprise? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapseFAQThree"> <div class="card-body"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> No, it is not currently compatible with the Odoo Enterprise. However, future updates can make it compatible with Odoo Enterprise later. </p> </div> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapse4" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> How to create time off request? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapse4"> <div class="card-body"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> These are the steps to create the time off request:<br/> 1. Click on the create/plus icon button on the Gantt view,<br/> 2. Select the leave type,<br> 3. Add leave start/end date,<br> 4. Add description(regarding the leave) and then save it.<br/> </br></br></p> </div> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapse5" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> Do you provide any free support? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapse5"> <div class="card-body"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> Ksolves provides 120 days of free support since the day of app purchase regarding any issues, glitches, etc. </p> </div> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapse6" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> Need some customization in this app, whom to contact? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapse6"> <div class="card-body"> <p style="font-size:16px;line-height:27px;color:#414141; font-weight: normal; font-family: 'Inter', sans-serif;"> For customization in the Gantt View Time Off Module, you can contact the developers of the app, which is us. We will check the feasibility of your customization request and definitely work on it. </p> </div> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapse7" style="background:none; cursor: pointer;"> <a class="card-title" style="text-decoration:none; cursor: pointer; color: inherit; font-size: 18px;line-height:30px;font-weight:500; font-family: 'Inter', sans-serif;"> Is it possible to modify my leaves? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapse7"> <div class="card-body"> <p style="font-size:16px;line-height:27px;color:#414141; font-weight: normal; font-family: 'Inter', sans-serif;"> Yes, it is possible to modify the leaves by editing a saved leave. </p> </div> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapse8" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> Who can manage the leaves of other employees? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapse8"> <div class="card-body"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> The admin/manager can manage the leaves of other employees easily. </p> </div> </div>  <div class="card-header collapsed" data-bs-parent="#accordion6" data-bs-toggle="collapse" href="#collapse9" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8"> <a class="card-title" style="text-decoration:none; cursor: pointer; color:inherit; font-size:18px; line-height:30px; font-weight:500; font-family:'Inter', sans-serif"> In which formats can the Gantt View Time Off report be exported? <img alt="down-arrow.png" class="float-right pt-2" data-src="/web/image/11653" loading="lazy" src="/web/image/False"/> </a> </div> <div class="collapse" data-bs-parent="#accordion6" id="collapse9"> <div class="card-body"> <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal; font-family:'Inter', sans-serif"> The Gantt View Time Off report can be exported in many formats like Excel, PDF, PNG, JSON, MS Project(XML), Primavera P6, and iCal. </p> </div> </div> </div> </div> </div> <div aria-labelledby="releases-tab" class="tab-pane fade show" id="releases" role="tabpanel"> <div class="row pt-5 m-0"> <div class="col-md-3"> <h4 style="font-size: 16px; color: #514F4F;margin: 0;line-height: 26px; font-family: 'Inter', sans-serif;"> New Release 17.0.1.0.0 </h4> <span style="font-size: 14px; color: #7A7979;display: block; margin-bottom: 20px; font-family: 'Inter', sans-serif;"> 29th April, 2024 </span> </div> <div class="col-md-8"> <div style="padding: 0 0 40px;"> <div style="margin: 0 0 10px;"> <div style="display: inline-block; padding: 0px 8px; color: #514F4F; background-color: #FFD8D8; border-radius: 20px;"> Latest Release </div> </div> <div class="d-flex m-0" style="color: #7A7979; font-family: 'Inter', sans-serif;"> <ul class="ps-3 mb-0"> <li> Latest Version 17 release of Odoo Gantt view Timeoff </li> </ul> </div> </div> <div style="padding:0px 0 0; border-bottom:1px solid #E3E3E3"> </div> </div> </div> </div> </div> </div> </div> </section> <section> <div class="shadow pt-lg-5 pb-4 bg-white" id="free_support" style="margin-top: 42px; border-radius: 20px;"> <div class="row d-flex align-items-center justify-content-center"> <div class="col-11 px-0 mx-auto pb-lg-5 position-relative overflow-hidden" style="border-radius: 20px; background-color: #fffefd;"> <img alt="support-bg.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11655" loading="lazy" src="/web/image/11656" style="object-fit: cover;top: 0;left: 0;"/> <div class="row position-relative pt-lg-5 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: 95%;"> <div class="col-lg-auto col-sm-12"> <img alt="support.png" data-src="/web/image/11657" loading="lazy" src="/web/image/11658" width="219"/> </div> <div class="col ps-lg-5 ps-0 pt-lg-0 pt-3"> <h5 class="text-start" style="margin-bottom: 15px;font-style: normal;font-weight: 600;font-size: 36px;line-height: 44px;letter-spacing: 0.02em;text-transform: uppercase;color: #FFFFFF; font-family: 'Inter', sans-serif;"> Free <span style="color:#9EFFFF; font-weight: 800;">90 Days</span> Support </h5> <p style="font-style: normal;font-weight: 500;font-size: 18px;line-height: 28px;text-transform: capitalize;color: #FFFFFF;margin: 0; font-family: 'Inter', 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> </div> </div> </div> <div class="row d-flex align-items-center justify-content-center m-0"> <div class="col-12 p-0 pt-4 overflow-hidden text-center"> <p style="font-style: normal;font-weight: 500;font-size: 18px;line-height: 28px;letter-spacing: 0.01em;color: #535456;margin: 0;"><span style="font-style: normal;font-weight: 600;font-size: 24px;line-height: 28px;letter-spacing: 0.01em;color: #283C63;margin: 0 10px 0 0;">Note</span> Extensively Tested on Odoo Vanilla with Ubuntu OS</p> </div> </div> </div> <div class="shadow bg-white" id="all_suggested-app" style="margin-top: 42px; border-radius: 20px; padding-top: 41px; padding-bottom: 30px;"> <h5 class="text-center" style="color: #2B5FB2; font-weight: 700; font-size: 32px; line-height:43px; margin-bottom: 25px; font-size: calc(1.5rem + 0.4vw); font-family: 'Inter', sans-serif;"> <span style="color:#333333; ">Ksolves Suggested Apps</span> </h5> <div class="row d-flex align-items-center justify-content-center"> <div class="col-11 pt-lg-3 px-lg-5 pb-lg-2 p-md-4 p-3 position-relative overflow-hidden" style="border-radius: 10px; background-color: #fffefd;"> <div class="row position-relative" style="color: #333333; font-weight: 500; font-size: 16px; "> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_dashboard_ninja/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="Dashboard-Ninja.png" data-src="/web/image/11659" height="100" loading="lazy" src="/web/image/11660" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Dashboard Ninja </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_dn_advance/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="Dashboard-Ninja-Advance.png" data-src="/web/image/11661" height="100" loading="lazy" src="/web/image/11662" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Dashboard Ninja Advance </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_woocommerce/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="Odoo-WooCommerce.png" data-src="/web/image/11663" height="100" loading="lazy" src="/web/image/11664" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Odoo WooCommerce Connector </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/themes/14.0/ks_curved_backend_theme/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="arc-backend-theme.png" data-src="/web/image/11665" height="100" loading="lazy" src="/web/image/11666" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Arc Backend Theme </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_gantt_view_base/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="odoo-base.png" data-src="/web/image/11667" height="100" loading="lazy" src="/web/image/11668" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Odoo Gantt View Base </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_list_view_manager/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="list-view-manager.png" data-src="/web/image/11669" height="100" loading="lazy" src="/web/image/11670" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> List View Manager </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_custom_report/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="report.png" data-src="/web/image/11671" height="100" loading="lazy" src="/web/image/11672" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> ReportMate </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_dynamic_financial_report/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="dfr.png" data-src="/web/image/11673" height="100" loading="lazy" src="/web/image/11674" style="border-radius: 5px;" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Dynamic Financial Report </p> </div> </div> </a> </div> <div class="col-sm-6 col-lg-4 col-xl-4 mb-3 pe-lg-0 pe-sm-1"> <a href="https://apps.odoo.com/apps/modules/15.0/ks_shopify/" style="text-decoration:none" target="_blanck"> <div class="d-flex align-items-center h-100 bg-white px-3 py-3" style="border: 1px solid #EFECEC; border-radius: 8px;"> <div style="width:100px;"> <img alt="shopify.png" data-src="/web/image/11675" height="100" loading="lazy" src="/web/image/11676" width="100"/> </div> <div class="w-100 ps-3"> <p class="mb-0" style="font-style: normal;font-weight: 500;font-size: 15px;line-height: 150%;text-indent: 2px;color: #535456;"> Odoo Shopify Connector </p> </div> </div> </a> </div> </div> </div> </div> </div> <div class="shadow bg-white p-0" id="free_support" style="margin-top: 42px; 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;"> <img alt="ks-odoo-services-bg.png" class="h-100 w-100 position-absolute fix-bottom img-fluid" data-src="/web/image/11677" loading="lazy" src="/web/image/11678" style="object-fit: cover;top: 0;left: 0;"/> <div class="row 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 py-4"> <h5 class="text-center mb-4" style="font-style: normal;font-weight: 700;font-size: 32px;line-height: 48px;letter-spacing: -0.02em;text-indent: 2px;color: #9EFFFF; font-size: calc(1.5rem + 0.4vw); font-family: 'Inter', sans-serif;"> Ksolves Odoo Services </h5> <img alt="services-img.png" class="img-fluid" data-src="/web/image/11679" loading="lazy" src="/web/image/11680" width="685"/> </div> </div> </div> </div> </div> </section> </div> </main>  </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="107" 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