thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
620 Commits
14 Branches
0 Tags
6.8 GiB
 
 
 
 
 
Tree: 9559ac430b
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9559ac430b'
${ noResults }
CybroAddons/base_accounting_kit/static/description/index.html

2038 lines
142 KiB
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Odoo 18 Full Accounting Kit for Community</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<style>
:root {
--primary-color: #7f54b3;
--bg-white: #fff;
--text-color: #121212;
--text-color-light: #64728f;
}
body {
font-family: "Montserrat", sans-serif;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #121212;
font-family: Montserrat;
font-size: 16px !important;
font-weight: 500 !important;
border-radius: 30px;
line-height: normal;
text-transform: capitalize;
background-color: #F5F5F5;
border: none;
margin-bottom: 0;
padding: 12px 24px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: transparent;
isolation: isolate;
}
.nav-tabs .nav-link:focus-visible {
border-color: transparent;
box-shadow: none;
}
/* owl-carosel */
.owl-carousel .owl-nav {
position: absolute;
top: 42%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-42%);
}
.owl-carousel .owl-nav button.owl-prev {
position: absolute;
right: -36px;
font-size: 28px;
background-color: #e4e4e4;
border-radius: 20px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.owl-carousel .owl-nav button.owl-next {
position: absolute;
left: -36px;
font-size: 28px;
background-color: #e4e4e4;
border-radius: 20px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<!-- overview -->
<div class="container">
<div class="my-5">
<!-- button tab -->
<!-- -->
<!-- version support -->
<!-- support-header -->
<div class="supports my-5 py-3">
<div class="row justify-content-between">
<div class="col-4">
</div>
<div class="col-6">
<div class="row" style="margin-top:10px">
<div class="my-3 d-flex align-items-center justify-content-end">
<span class="me-3"><b>Supports: </b></span>
<div class="text-center"
style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">
Community
</div>
<!-- <div class="text-center"-->
<!-- style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">-->
<!-- Enterprise-->
<!-- </div>-->
</div>
</div>
<div class="row" style="margin-top:10px">
<div class="d-flex align-items-center justify-content-end">
<span class="me-3"><b>Availability: </b></span>
<div class="text-center col"
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
<i class="fa fa-check" style="color:green"></i> On Premise
</div>
<div class="text-center col"
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
<i class="fa fa-times" style="color:red"></i> Odoo Online
</div>
<div class="text-center col"
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
<i class="fa fa-times" style="color:red"></i> Odoo.sh
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-content" id="myTabContent">
<!-- description -->
<div class="tab-pane fade show active" id="home" role="tabpanel"
aria-labelledby="home-tab">
<div class="position-relative"
style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;">
<div class="row " style="
padding: 2rem 0rem 0 !important;
">
<div class="col-lg-12 d-flex flex-column align-items-center">
<h1 class="text-center text-uppercase"
style="font-size: 67px !important; color: #5154a5; font-weight: 900 !important;">
<span style="font-weight: bold;color:#5154a5;">Odoo 18 Full Accounting Kit for Community</span>
</h1>
<p class="my-1 text-center text-uppercase"
style="letter-spacing: 4px !important; color: #74788D !important;font-size: 21px;font-weight: bold;">
A Full-Fledged Accounting kit For Every Organization.</p>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin: 3rem 0;">
<img src="./assets/icons/brand-pair.svg"
width="100%"
height="auto"
style="width: 50%"
class="img-responsive"/>
</div>
<div class="col-md-12 text-center">
<a href="mailto:odoo@cybrosys.com"
target="_blank"
style="background-color: transparent;border-radius: 35px;
font-family: Montserrat;
display: inline-block;
padding: 7px 33px;
border: 1px solid #7f54b3;
color: #7f54b3;
text-decoration: none;
width: 231px;
"
class="mx-1 mb-2 deep-1 deep_hover">
<img class="img"
style="width: 24px"
src="./assets/icons/mail.svg"/>
<span class="pl-2"
style=" font-size: 16px; vertical-align: middle"
>Email Us</span>
</a>
<a href="skype:cybroopenerp?chat"
target="_blank"
style="
background-color: #7f289b;
font-family: Montserrat;
display: inline-block;
padding: 7px 33px;
border: 1px solid #7f289b;
border-radius: 35px;
text-decoration: none;
width: 231px;
"
class="mx-1 mb-2 deep-1 deep_hover">
<img
class="img"
style="width: 24px"
src="./assets/icons/skype-fill.svg"
/>
<span
class="pl-2"
style="color: #fff; font-size: 16px; vertical-align: middle"
>Skype Us</span>
</a>
<a href="https://wa.me/9074270811"
target="_blank"
style="
background-color: #25D366;
font-family: Montserrat;
display: inline-block;
color: #7f54b3;
padding: 7px 33px;
border: 1px solid #25D366;
border-radius: 35px;
text-decoration: none;
width: 230px;
"
class="mx-1 mb-2 deep-1 deep_hover">
<img
class="img"
style="width: 24px"
src="./assets/icons/whatsapp.svg"
/>
<span
class="pl-2"
style="color: #fff; font-size: 15px; vertical-align: middle"
>+91 9074270811</span>
</a>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin:2rem 0">
<img src="./assets/screenshots/hero.gif" width="100%" height="auto" class="img-responsive">
</div>
</div>
<div class="position-absolute bottom-0"
style="z-index: 1; width: 100%;padding-bottom: 0px;">
<img src="./assets/icons/banner-bg.svg"
class="img-fluid w-100">
</div>
<div class="position-absolute bottom-0 end-0"
style=" z-index: 2;">
<img src="./assets/icons/patter.svg">
</div>
</div>
<!-- Live Preview -->
<!-- video blog link section -->
<div style="background-color: #ffffff; border: 1px solid #e7e7e7; padding: 40px; border-radius: 12px; text-align: center; color: #000; margin-top: 34px;">
<h1 style="font-size: 32px; font-weight: bold; margin-bottom: 0px;">
Blog and Video Details
</h1>
<div style="margin-top: 30px;display: flex; gap: 20px; justify-content: center; align-items: center;">
<div style="width: 100%;">
<div style="background-color: #F7F3FF; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;">
<div style="margin-bottom: 24px;">
<img src="./assets/icons/blog-icon.png" style="padding: 10px; background-color: #E9E4F5;border-radius: 12px;">
</div>
<h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">Read Blog</h3>
<p style="color: #666666; font-size: 16px; margin-bottom: 24px;">Read Our Detailed Blog</p>
<div style="display: flex; align-items: center; gap: 12px; background-color: black; padding: 8px; border-radius: 8px;">
<div>
<img src="./assets/icons/copylink.svg">
</div>
<p style="padding-top: 7px; border: none; width: 368px; background: transparent; outline: none; color: #fff;text-overflow: ellipsis !important; margin: 0; overflow: hidden !important; white-space: nowrap;font-weight: bold;">
https://www.cybrosys.com/blog/what-are-the-key-features-of-odoo-18-full-accounting-kit-for-community
</p>
</div>
</div>
</div>
<div style="width: 100%;">
<div style="background-color: #FFF5F5; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;margin-left: 30px;">
<div style="margin-bottom: 24px;">
<img src="./assets/icons/youtube-icon.png" style="padding: 10px; background-color: #FFDCDC;border-radius: 12px;">
</div>
<h3 style="color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;">Video Tutorial</h3>
<p style="color: #666666; font-size: 16px; margin-bottom: 28px;">Watch Detailed Demo on Youtube</p>
<a href="https://www.youtube.com/watch?v=ROhYgB35Sls" target="_blank" style="display: inline-block; text-decoration: none; background-color: #FF3636; color: white; width: 100%; text-align: center; padding: 13px 32px; border-radius: 8px; font-weight: bold;">Watch Demo</a>
</div>
</div>
</div>
</div>
<!-- demo-main -->
<div style="background-color: #ECE8F2; padding: 40px; border-radius: 12px; font-family: Arial, sans-serif; text-align: center; color: #000; margin-top: 34px;">
<h1 style="font-size: 32px; font-weight: bold; margin-bottom: 30px;">
Demo Database for Accounting Kit
</h1>
<div style="background-color: #fff; max-width: 800px; margin: 0 auto; display: flex; flex-wrap: wrap; background: white !important; border-radius: 16px; overflow: hidden; padding: 30px;">
<div style="flex: 1; min-width: 250px; text-align: left;">
<h2 style="font-size: 28px; font-weight: bold; margin-bottom: 24px;">Login credentials</h2>
<p style="font-size: 22px; margin-bottom: 20px;">Copy Below Link</p>
<a href="https://kit.easyinstance.com" target="_blank"
style="font-size: 18px;display: inline-block; padding: 10px 14px; border: 2px dotted black; border-radius: 10px; font-weight: bold; text-decoration: none; color: black;">
https://kit.easyinstance.com
<span style="margin-left: 8px;"><img src="./assets/icons/external-link-line.svg"></span>
</a>
</div>
<div style="flex: 1; min-width: 330px; background-color: #f2f2f2; border-radius: 12px; padding: 20px; margin-top: 20px;margin-left: 100px;">
<div style="margin-bottom: 20px; text-align: left;">
<p style="margin-bottom: 6px;">Log in</p>
<div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;">
demo <span><img src="./assets/icons/user.svg"></span>
</div>
</div>
<div style="text-align: left;">
<p style="margin-bottom: 6px;">Password</p>
<div style="display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 10px 14px; border-radius: 10px; font-weight: bold;">
demo <span><img src="./assets/icons/password.svg"></span>
</div>
</div>
</div>
</div>
</div>
<!-- Black Banner section -->
<div class="my-5">
<div class="position-relative"
style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
<div class="d-flex flex-column gap-4">
<span class="wrapper-subtitle"
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px; font-family: Montserrat;">Odoo 18 Full Accounting Kit for Community</span>
<h3 class="wrapper-details"
style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; ">
Are you ready to make your business more
organized?
<br> Improve now!
</h3>
<div class="d-flex gap-3">
<a href="mailto:odoo@cybrosys.com"
class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
border: 1px solid #ffffff33;
background-color: #ffffff14;
backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
<span style="border-radius: 12px;
background-color: #ffffff1a;
backdrop-filter: blur(6px);padding: 12px; ">
<img src="./assets/icons/banner-mail.svg">
</span>
<span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span>
</a>
<a href="https://wa.me/9074270811" class="shop-btn" target="_blank"
style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
border: 1px solid #ffffff33;
background-color: #ffffff14;
backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
<span style="border-radius: 12px;
background-color: #ffffff1a;
backdrop-filter: blur(6px);padding: 12px;">
<img src="./assets/icons/banner-call.svg">
</span>
<span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span>
</a>
</div>
</div>
<div class="position-absolute bottom-0 end-0">
<img src="./assets/icons/banner-pattern.svg"
style="width: 540px;">
</div>
</div>
</div>
<!-- key-highlight -->
<div class="mt64 mb64">
<h2 class="text-center text-uppercase"
style="font-family: Montserrat, 'sans-serif' !important; font-size: 50px !important; color:#5154a5; font-weight: 900 !important;">
<span style="font-weight: bold;color:#5154a5;">KEY HIGHLIGHTS</span>
</h2>
<div class="row">
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive" style="width:105px;"
src="assets/icons/accounting_kit1.png">
</div>
<div class="col-md-9" style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
All Financial Reports</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
Balance Sheet, Profit and Loss, Partner Ledger,General Ledger, Trial Balance,
Tax Reports, Journals Audit Reports, etc </p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive" style="width:105px;"
src="assets/icons/accounting_kit2.png">
</div>
<div class="col-md-9" style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Manage Customer Follow-Ups.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
The Customer follow-up menu will be provided the Activities.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive" style="width:105px;"
src="assets/icons/accounting_kit3.png">
</div>
<div class="col-md-9" style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Multiple Invoice Copies Option</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
We can generate multiple Invoices copies.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive" style="width:117px;"
src="assets/icons/accounting_kit4.jpg">
</div>
<div class="col-md-9" style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Accounting Lock Dates.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
Easily set accounting closing dates</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit5.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Customer Credit Limit.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
Option for adding the Customer Credit Limit.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit6.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Asset Management System.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
We can manage the Asset and the related types.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/ajmaljk.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Translations</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
Different Translations Available<br/>
Eg : Arabic, German, Chinese, etc</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit7.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
PDC Management.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
In the Register Payment wizard we can add the
PDC to the recipient's bank account.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit8.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Bank Statement CSV File Format.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
We can import Bank Statement in CSV file.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit9.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Bank Statement XLSX File Format.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
We can import Bank Statement in XLSX File Format.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit10.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Bank Statement OFX File Format.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
We can import Bank Statement in OFX File Format.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 mt32">
<div class="container shadow d-flex align-items-center justify-content-center"
style="border-radius: 5px;padding: 33px 0px;min-height: 180px; margin: 15px auto;">
<div class="col-md-3 d-flex align-items-center justify-content-center"
style="float:left">
<img class="img img-responsive"
style="width:105px;" src="assets/icons/accounting_kit11.png">
</div>
<div class="col-md-9"
style="padding-left:0; float:left; width:70%">
<h3 class="mt16 mb0"
style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">
Bank Statement QIF File Format.</h3>
<p class=" mt8 mb-0"
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
We can import Bank Statement in QIF File Format.</p>
</div>
</div>
</div>
</div>
</div>
<!--code -->
<!-- end-code -->
<!-- -->
<!-- screenshot and other -->
<div class="mb-4 bg-white"
style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;">
<div>
<ul class="nav nav-tabs justify-content-center bg-white py-2"
id="myTab" role="tablist"
style="border-radius: 6px 6px 0 0;">
<li class="nav-item">
<a aria-controls="overview"
aria-bs-selected="true"
class="nav-link active" data-bs-toggle="tab"
href="#overview" id="overview-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">
Screenshots</a>
</li>
<li class="nav-item">
<a aria-controls="feature"
aria-bs-selected="false"
class="nav-link py-2" data-bs-toggle="tab"
href="#feature" id="feature-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">Features</a>
</li>
<li class="nav-item">
<a aria-controls="faq" aria-bs-selected="false"
class="nav-link" data-bs-toggle="tab"
href="#faq" id="faq-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">
FAQs</a>
</li>
<li class="nav-item">
<a aria-controls="releases"
aria-bs-selected="false" class="nav-link"
data-bs-toggle="tab" href="#releases"
id="releases-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">Releases</a>
</li>
</ul>
</div>
<div class="tab-content p-md-5 p-2 py-3" id="myTabContent">
<div aria-labelledby="overview-tab"
class="tab-pane fade show active" id="overview"
role="tabpanel">
<div class="position-relative mb-4"
style="border-radius:10px">
<img alt="acc_bg"
class="w-100 h-100 position-absolute img-fluid left_0"
loading="lazy"
src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f"
style="">
</div>
<!-- screenshots section-->
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Assets.</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Can Create Assets from Accounting > Accounting > Assets > New.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/1.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> The Asset details and Depreciation Board</span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">are displayed in the asset model.</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Can see the all Related data in the Asset model, It helps to
calculate the depreciation.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/2.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> Asset
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Categories.</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Can Create Asset categories from Accounting > Configuration >
Asset Types > New option.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/3.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Asset
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Types</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/4.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create Asset
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">from vendor bill.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/5.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> Manage</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Post dated checks.</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Can manage the PDC in the Register Payment method.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/6.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> Reconciliation</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Widget.</span>
</h1>
</div>
<!-- <div class="col-md-12 mb-4">-->
<!-- <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(&#45;&#45;text-color-light)">-->
<!-- Can reconcile the entries.-->
<!-- </p>-->
<!-- </div>-->
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/rec_1.png"
style="min-height: 1px;">
</div>
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px;margin-top:10px;">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/rec_2.png"
style="min-height: 1px;">
</div>
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px;margin-top:10px;">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/rec_3.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> Lock</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Dates.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/loc_1.png"
style="min-height: 1px;">
</div>
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px;margin-top:10px;">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/loc_2.png"
style="min-height: 1px;">
</div>
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px;margin-top:10px;">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/loc3.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create recurring templates from
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Accounting > Configuration > Recurring Templates.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/7.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">
Manage Customer Follow-ups from
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Accounting > Configuration > Management > Follow-up Levels.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/8.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Manage Customer Follow-ups from
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Accounting > Customers > Follow-up Reports.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/9.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> Reporting menu will gives the
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> all Accounting Reports.</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Can see menus for getting the Account related Reports. like
-Profit and Loss, Balance Sheet , Cash Flow, Bank Book, Cash
Book , Day Book etc
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/10.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Profit and Loss</span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/001.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Balance Sheet -</span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/002.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Cash Flow -</span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/003.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Bank Book -</span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/004.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Cash Book </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.
</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/005.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Day Book - </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.
</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/006.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Aged Partner Balance </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.
</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/aged.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Partner Ledger </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/008.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Invoice Analysis </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/19.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> General Ledger </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/009.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Trial Balance - </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/0010.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Tax Report</span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.
</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/0011.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Journal Audit </span>
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">- For the Accounting Report.</span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/0012.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">
A quick option to import bank statement.
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"></span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/import_button.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">
A wizard that allows user to upload file.
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"></span>
</h1>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/import_wizard.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">
After importing the file user can view the statements that imported
</span>
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"></span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
After importing the file user can view the statements that imported.
(The example format for csv, xlsx, ofx and qif are added in screenshots
folder in the module.).
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/bank_statements.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="feature-tab"
class="tab-pane fade show py-1" id="feature"
role="tabpanel">
<div class="row py-4">
<!-- Features Section -->
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Multiple Invoice Copies Option</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Manage Customer Follow-Ups.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Customer Credit Limit.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Asset Management System.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Accounting Report.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
PDC Management.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Reconciliation Widget.
</p>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="faq-tab"
class="tab-pane fade show" id="faq"
role="tabpanel">
<div class="row"
style=" background-color:#fff !important">
<div class="col-md-12" aria-labelledby="faq-tab"
id="faq" role="tabpanel">
<div class="accordion mb-4" id="accordion6">
<div style="background-color:#fff">
<!-- accordian -->
<div class="accordion"
id="accordion_faq">
<!-- Question 1 -->
<div class=""
style="margin:1rem 0rem">
<div aria-expanded="false"
class=" card-header collapsed"
data-bs-toggle="collapse"
data-bs-target="#collapseFAQOne"
href="#collapseFAQOne"
aria-controls="collapseFAQOne"
style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;">
<a class="card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
How does the module handle Post-Dated Cheque (PDC)
management?
<img alt=""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
</a>
</div>
<div class="accordion-collapse collapse"
aria-labelledby="collapseFAQOne"
data-bs-parent="#accordion_faq"
id="collapseFAQOne"
style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
<p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
You can manage PDCs by adding them to the
recipient's bank account in the Register Payment
wizard.
</p>
</div>
</div>
<!-- Question 2 -->
<div style="margin:1rem 0rem">
<div aria-expanded="false"
class="cursor-pointer card-header collapsed"
data-bs-toggle="collapse"
aria-controls="collapseFAQThree"
data-bs-target="#collapseFAQThree"
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
<a class="card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
Does the module support Odoo 18 Community Edition?
<img alt=""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
</a>
</div>
<div class="accordion-collapse collapse"
aria-labelledby="collapseFAQThree"
data-bs-parent="#accordion_faq"
id="collapseFAQThree"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
<p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
Yes, this module is specifically designed to work
with Odoo 18 Community Edition and not for odoo 18
enterprise edition.
</p>
</div>
</div>
<!-- Question 3 -->
<div style="margin:1rem 0rem">
<div aria-expanded="false"
class="cursor-pointer card-header collapsed"
data-bs-toggle="collapse"
aria-controls="collapseFAQFour"
data-bs-target="#collapseFAQFour"
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
<a class="card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
How does this module assist with customer
follow-ups?
<img alt=""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
</a>
</div>
<div class="accordion-collapse collapse"
aria-labelledby="collapseFAQFour"
data-bs-parent="#accordion_faq"
id="collapseFAQFour"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
<p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
It provides a customer follow-up menu that manages
follow-up activities directly.
</p>
</div>
</div>
<!-- Question 4 -->
</div>
<!-- -->
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="releases-tab"
class="tab-pane fade show" id="releases"
role="tabpanel">
<!-- Release Notes -->
<div class="row pt-5 m-0">
<div class="col-md-3">
<h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
Latest Release 18.0.2.0.4
</h4>
<span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
21nd April, 2025
</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">
Fix
</div>
</div>
<div class="d-flex m-0"
style="color:#7A7979;">
<ul class="pl-3 mb-0">
<li>
Fixed qifparse external dependency (python) issue.
</li>
</ul>
</div>
</div>
<div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
</div>
</div>
</div>
<div class="row pt-5 m-0">
<div class="col-md-3">
<h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
Latest Release 18.0.1.0.1
</h4>
<span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
22nd October, 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">
Updt
</div>
</div>
<div class="d-flex m-0"
style="color:#7A7979;">
<ul class="pl-3 mb-0">
<li>
Added reconciliation widget and lock date
</li>
</ul>
</div>
</div>
<div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
</div>
</div>
</div>
<div class="row pt-5 m-0">
<div class="col-md-3">
<h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
Latest Release 18.0.1.0.0
</h4>
<span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
26th September, 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">
Add
</div>
</div>
<div class="d-flex m-0"
style="color:#7A7979;">
<ul class="pl-3 mb-0">
<li>
Initial Commit
</li>
</ul>
</div>
</div>
<div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- -->
<!-- related post -->
<section class="oe_container mt32">
<h2 style="color: #091E42;font-family: &quot;Montserrat&quot;;text-align: center;margin: 25px auto;text-transform: uppercase;"
class="oe_slogan">
<b>Related Modules</b>
</h2>
<div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/18.0/auto_database_backup"
target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;"
src="./assets/modules/1.gif"/>
<h4 class="mt0 text-truncate"
style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Automatic Database Backup</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/18.0/ohrms_core" target="_blank"
style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;"
src="./assets/modules/2.jpg"/>
<h4 class="mt0 text-truncate"
style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Open HRMS Core</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/18.0/woo_commerce"
target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;"
src="./assets/modules/3.jpg"/>
<h4 class="mt0 text-truncate"
style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo WooCommerce Connector </h4>
</div>
</a>
</div>
</div>
<div class="carousel-item">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/18.0/dynamic_accounts_report" target="_blank"
style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;"
src="./assets/modules/4.png"/>
<h4 class="mt0 text-truncate"
style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo18 Dynamic Accounting Reports</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/18.0/hide_menu_user" target="_blank"
style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;"
src="./assets/modules/5.jpg"/>
<h4 class="mt0 text-truncate"
style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Hide Any Menu User Wise</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/18.0/odoo_dynamic_dashboard" target="_blank"
style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;"
src="./assets/modules/6.gif"/>
<h4 class="mt0 text-truncate"
style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo Dynamic Dashboard</h4>
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-bs-slide="prev"
style="margin-left: -30px;width: 35px;color: #000;">
<span class="carousel-control-prev-icon">
<i class="fa fa-chevron-left" style="font-size:24px"></i>
</span>
</a>
<a class="carousel-control-next" href="#demo" data-bs-slide="next"
style="margin-right: -30px;width: 35px;color: #000;">
<span class="carousel-control-next-icon">
<i class="fa fa-chevron-right" style="font-size:24px"></i>
</span>
</a>
</div>
</section>
<!-- -->
<!-- service-section -->
<section id="services" class="mt-5" style="border-radius: 16px;
border: 1px solid #EBEEF2;
background: var(--Neutral-N0, #FFF);
padding: 60px 40px;
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
<div class="text-center mt-4"><h3 class="mb-0" style="color: #000;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding-bottom: 50px;">
Our Services</h3></div>
<div class="row mt-3">
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo-customization-and-installation" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/gear.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;"> Odoo Customization</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo-erp-implementation" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/wrench-icon.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;"> Odoo Implementation</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo-erp-support" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/life-ring-icon.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Odoo Support</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo-migration-service" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/arrows-repeat.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Odoo Migration</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo-erp-integration" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/puzzle-piece-icon.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Odoo Integration</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo/odoo-consultant" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/odoo-consultancy.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Odoo Consultancy</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/odoo/odoo-licensing-consultancy" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/odoo-licencing.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Odoo Licensing</span>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-12 mb-3">
<a href="https://www.cybrosys.com/hire-odoo-developer" style="text-decoration:none">
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
<img src="./assets/icons/hire-odoo.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Hire Odoo Developer</span>
</div>
</a>
</div>
</div>
</div>
<!-- licence -->
<div class="tab-pane fade" id="profile" role="tabpanel"
aria-labelledby="profile-tab">
<div class="px-5">
....
</div>
</div>
<!-- -->
</div>
</section>
<!-- -->
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$('.owl-carousel').owlCarousel({
rtl:true,
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:3
}
}
})
</script>
</html>