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.
1377 lines
80 KiB
1377 lines
80 KiB
<!DOCTYPE html>
|
|
<!--FINAL INDEX UPDATED-->
|
|
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
|
|
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
|
|
crossorigin="anonymous">
|
|
<link rel="stylesheet"
|
|
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
|
<style>
|
|
.nav-tabs li .active {
|
|
background-color: #bb89aa;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.accordion .card-body {
|
|
background-color: #f0f4f7;
|
|
}
|
|
|
|
.accordion .fa {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.accordion button,
|
|
.accordion button:hover,
|
|
.accordion button:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.card-header:after {
|
|
content: "\2212";
|
|
color: #000;
|
|
font-weight: bold;
|
|
float: left;
|
|
margin-right: 13px;
|
|
margin-left: 0px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.collapsed:after {
|
|
content: '\002B';
|
|
}
|
|
</style>
|
|
<script>
|
|
var acc = document.getElementsByClassName("accordion");
|
|
var i;
|
|
for (i = 0; i < acc.length; i++) {
|
|
acc[i].addEventListener("click", function () {
|
|
this.classList.toggle("active");
|
|
var panel = this.nextElementSibling;
|
|
if (panel.style.maxHeight) {
|
|
panel.style.maxHeight = null;
|
|
} else {
|
|
panel.style.maxHeight = panel.scrollHeight + "px";
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- HERO -->
|
|
<div class="container" style="width:84vw">
|
|
<!--Slide-->
|
|
<div class="row"
|
|
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #5154a5; font-weight: 900 !important;">
|
|
<span style="color:#5154a5;">HR BIOMETRIC DEVICE INTEGRATION</span>
|
|
</h1>
|
|
<p class="my-1 text-center text-uppercase"
|
|
style="letter-spacing: 4px !important; color: #74788D !important;font-size: 21px;font-weight: bold;">
|
|
THIS MODULE INTEGRATES ODOO EMPLOYEE MANAGEMENT WITH BIOMETRIC
|
|
DEVICE.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center">
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;font-size: 16px;font-weight: bolder;">
|
|
Fetch biometric user details from biometric device and sync with
|
|
odoo, available in community and enterprise V17
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center"
|
|
style="margin: 2rem 0;">
|
|
<img src="./assets/cybro-odoo.png" 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:#5154a5; border-radius:35px; font-family:Montserrat; display:inline-block; padding:7px 33px; border:1px solid #5154a5"
|
|
class="mx-1 mb-2 deep-1 deep_hover">
|
|
<img class="img" style="width:30px"
|
|
src="assets/icons/support.png">
|
|
<span class="pl-2"
|
|
style="color:#fff; 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"
|
|
class="mx-1 mb-2 deep-1 deep_hover">
|
|
<img class="img" style="width:27px"
|
|
src="assets/icons/skype.png">
|
|
<span class="pl-2"
|
|
style="color:#fff; font-size:16px; vertical-align:middle">Skype Us</span>
|
|
</a>
|
|
</div>
|
|
</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>
|
|
<!-- END OF slide -->
|
|
|
|
<!--Highlights-->
|
|
<section class="oe_container pb-5">
|
|
<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="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"
|
|
src="assets/icons/test-1.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;">
|
|
Live Capture</h3>
|
|
<p class=" mt8 mb-0"
|
|
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
|
|
Real-time Data Fetching from Biometric Device to
|
|
Odoo .
|
|
</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"
|
|
src="assets/icons/test-1.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;">
|
|
Schedule Downloads</h3>
|
|
<p class=" mt8 mb-0"
|
|
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
|
|
You can schedule attendance downloads by
|
|
configuring the time in the settings. </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"
|
|
src="assets/icons/test-1.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;">
|
|
User Management</h3>
|
|
<p class=" mt8 mb-0"
|
|
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
|
|
You can create, update, and delete users from
|
|
the biometric device, managing them through Odoo
|
|
employees
|
|
</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"
|
|
src="assets/icons/test-1.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;">
|
|
Options for Restart and Clear Data</h3>
|
|
<p class=" mt8 mb-0"
|
|
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
|
|
We can restart the device and also clear
|
|
attendance log in a single click. </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"
|
|
src="assets/icons/test-1.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;">
|
|
Supporting Models</h3>
|
|
<p class=" mt8 mb-0"
|
|
style="font-family:Roboto ; color: #280135; margin-bottom: 0px;">
|
|
This Module Support With The Following ZKteco
|
|
Machines (Clients have Reported):<br>
|
|
* UFace202<br>
|
|
* IFace990<br>
|
|
* K40 Pro<br>
|
|
* SFace900<br>
|
|
* FR1500<br>
|
|
* UA760<br>
|
|
* MB10 </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--End of Highlights-->
|
|
|
|
<!--Overview-->
|
|
<section class="oe_container pb-5">
|
|
<div class="mt64 mb64">
|
|
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-size:40px !important; color:#791d97; font-weight:900 !important">
|
|
<span style="color:#5154a5">Overview</span>
|
|
<sup>
|
|
</sup>
|
|
</h1>
|
|
<p class="my-1 text-center text-uppercase"
|
|
style="letter-spacing:4px !important; color:#74788D !important">
|
|
HR BIOMETRIC DEVICE INTEGRATION.</p>
|
|
</div>
|
|
|
|
<div class="col-sm-12 py-4">
|
|
<h5 style="text-indent: 2em; text-align: justify;">
|
|
This Odoo module facilitates seamless real-time data
|
|
synchronization between the biometric device and Odoo,
|
|
allowing you to fetch attendance logs, restart the device,
|
|
and manage user information. It supports features such as
|
|
storing employee fingerprint templates, configuring the
|
|
device's timezone, and scheduling attendance downloads.
|
|
Additionally, you can create, update, and delete biometric
|
|
device users directly from Odoo's interface, offering
|
|
comprehensive management through both Odoo employees and the
|
|
Biometric Device form.
|
|
</h5>
|
|
|
|
<div class="alert alert-primary mt-4">
|
|
<hr/>
|
|
This module uses an external python dependency 'pyzk'.
|
|
Before installing the module install the python package
|
|
first. The required python package can be installed using
|
|
the following command,
|
|
<br/>
|
|
<code class="d-block mt-2"
|
|
style="background-color: #e1f1f7;">pip install
|
|
pyzk</code>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<!--End of Overview-->
|
|
|
|
</div>
|
|
|
|
<!-- New section -->
|
|
|
|
<div class="container" style="width:84vw">
|
|
<div class="row"
|
|
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
|
|
<!-- tabs -->
|
|
<div class="col-md-12">
|
|
<ul role="tablist"
|
|
class="nav nav-tabs justify-content-center d-flex justify-content-center"
|
|
data-tabs="tabs"
|
|
style="border:none; background-color:unset; margin:0 auto">
|
|
|
|
<li class="nav-item"
|
|
style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#b6a1b0; margin-right:10px; border:1px solid #ddd; border-bottom:0">
|
|
<a href="#Screenshot" data-bs-toggle="tab"
|
|
aria-expanded="true" class="show active"
|
|
style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
|
|
<img src="assets/icons/screenshot.png"
|
|
style="width: 100%; width: 25px; margin-right: 10px;">screenshot
|
|
</a>
|
|
<span class="border-left-0"
|
|
style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
|
|
<span class="border-right-0"
|
|
style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
|
|
</li>
|
|
|
|
<li class="nav-item"
|
|
style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#b6a1b0; margin-right:10px; border:1px solid #ddd; border-bottom:0">
|
|
<a href="#Features" data-bs-toggle="tab"
|
|
aria-expanded="true" class="show"
|
|
style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
|
|
<img src="assets/icons/feature.png"
|
|
style="width: 100%; width: 25px; margin-right: 10px;">Features
|
|
</a>
|
|
<span class="border-left-0"
|
|
style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
|
|
<span class="border-right-0"
|
|
style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
|
|
</li>
|
|
|
|
|
|
<li class="nav-item"
|
|
style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#b6a1b0; margin-right:10px; border:1px solid #ddd; border-bottom:0">
|
|
<a href="#ReleaseNotes" data-bs-toggle="tab"
|
|
aria-expanded="true" class="show"
|
|
style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
|
|
<img src="assets/icons/notes.png"
|
|
style="width: 100%; width: 25px; margin-right: 10px;">Release
|
|
Notes </a>
|
|
<span class="border-left-0"
|
|
style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
|
|
<span class="border-right-0"
|
|
style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-12 tab-content ui-front"
|
|
style="border-top-right-radius:15px;border-bottom-right-radius:15px;height:auto;">
|
|
<div class="tab-pane fade active show" id="Screenshot"
|
|
role="tabpanel" aria-labelledby="screenshot-1">
|
|
<div class="row"
|
|
style="padding:4rem 2.5rem 0 !important; background-color:#fff !important">
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-size:40px !important; color:#791d97; font-weight:900 !important">
|
|
<span style="color:#5154a5">Screenshots</span>
|
|
<sup>
|
|
</sup>
|
|
</h1>
|
|
<p class="my-1 text-center text-uppercase"
|
|
style="letter-spacing:4px !important; color:#74788D !important">
|
|
HR BIOMETRIC DEVICE INTEGRATION.</p>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mt-3 mb0"
|
|
style=" font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Biometric Device Menu.
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
A new menu has been added to the Attendance Module
|
|
for configuring the Biometric Device. You can find
|
|
this option under Attendance --> Biometric Device.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric01.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Test Connection
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Create a new biometric device by configuring the
|
|
machine's IP address and port, and then test the
|
|
connection to ensure it is working.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric02.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Notification If Test Connection Succeed
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
If the Test connection fails, you will be notified
|
|
with a Validation error message</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric03.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Biometric Device Functionalities
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
In this area, you can see buttons that provide
|
|
access to different functionalities.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric04.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Download Data
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Clicking the Download button allows you to manually
|
|
download data from the machine. This will save the
|
|
attendance records, register employee details, and
|
|
update the device information.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric05.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Here we can see the Attendance in Attendance
|
|
Analysis
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric06.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Clear Data
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
We can clear attendance from both device and odoo.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric07.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
We can see the cleared log in Chatter.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric08.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Restart Device
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
We can restart the device in a single click.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric09.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Live Capture
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
If 'Live Capture' enabled, we can get the real-time
|
|
attendance from the device.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric10.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
The stopwatch appears when live capturing is
|
|
enabled. You also have the option to disable live
|
|
capturing.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric11.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Set Timezone
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
We can set the Timezone of the user into the device.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric12.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Will notify if the timezone is set.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric13.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
User Management
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
By clicking this button, a wizard will open to
|
|
manage users.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric14.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Here we have several options for managing users.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric15.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
by selecting 'Get all Users', we can get all users
|
|
from the device.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric16.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Here we can see all the users from the device.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric17.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
By selecting 'create user', we can select the
|
|
employee from the list.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric18.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
We can see the details in the Chatter. </p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric19.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
By selecting 'update user', the user will update in
|
|
device.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric20.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
By clicking 'Delete User', We can Delete the user
|
|
from machine or both devices.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric21.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
Here we can see the Details in chatter.</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric22.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Biometric Device details in the Employee's Form.
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
You can see the biometric device details in the HR
|
|
Settings of the Employee form.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric23.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Configure from Employee form.
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
You can configure the biometric device user details
|
|
from employee form.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric24.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
If the employee is already a device user, here we
|
|
can update and delete.Else we can create the user
|
|
from here.
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric25.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-5 col-lg-12 d-flex flex-column align-items-center">
|
|
<h3 class="mt16 mb0"
|
|
style="mt-3 font-family:Roboto; font-weight:500; font-size:22px; color:#781d96">
|
|
Schedule Downloads
|
|
</h3>
|
|
<p style="font-family:Roboto ; color:#280135">
|
|
In the settings, you can set up a schedule for
|
|
automatic attendance downloads and configure the
|
|
time interval and period for these downloads
|
|
</p>
|
|
<div style="margin:2rem">
|
|
<img src="assets/screenshots/hr_biometric26.png"
|
|
class="col-lg-12 d-flex flex-column align-items-center">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade active show" id="Features" role="tabpanel"
|
|
aria-labelledby="features-1">
|
|
<section class="oe_container pt16 mt16 pb-5">
|
|
<div class="row ">
|
|
<h3 style="color:#091E42; opacity:1; font-family:"Montserrat"; text-align:center; margin:auto; padding:25px; font-weight:600"
|
|
class="oe_slogan">
|
|
</h3>
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-size:40px !important; color:#791d97; font-weight:900 !important">
|
|
<span style="color:#5154a5">FEATURES </span>
|
|
<sup>
|
|
</sup>
|
|
</h1>
|
|
<p class="my-1 text-center text-uppercase"
|
|
style="letter-spacing:4px !important; color:#74788D !important">
|
|
Comprehensive Features of HR BIOMETRIC
|
|
ATTENDANCE</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
Real-Time Attendance Capturing
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
Option To Restart Biometric
|
|
Device In Odoo.
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
Option To Maintain Biometric
|
|
Device Attendance Logs In
|
|
Odoo </h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
Downloads And Save Machine
|
|
Information
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
Set Device's Timezone As The
|
|
Odoo User Time Zone.
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
You Can Schedule Attendance
|
|
Downloads By Configuring The
|
|
Time In The Settings.
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
You Can Create, Update, And
|
|
Delete Users From The Biometric
|
|
Device, Managing Them Through
|
|
Odoo Employees.Also You Can
|
|
Manage It From The Biometric
|
|
Device Form.
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 mt48"
|
|
style="padding-bottom: 10px">
|
|
<div class="bg-white shadow card"
|
|
style="border-radius:10px; padding:5px; height: 100%">
|
|
<div class="text-center d-flex align-items-center card-body"
|
|
style="display: flex; padding: 0px!important; min-height:110px">
|
|
<div class="d-flex align-items-center justify-content-center"
|
|
style="display: flex; align-items: center; justify-content: flex-start;">
|
|
<!-- Add the icon here -->
|
|
<img src="assets/icons/star-1.svg"
|
|
style="height: 25px; width: 25px; margin-right: 20px; margin-left: 10px">
|
|
|
|
<h5 style="margin-bottom: 0px !important; color:#0e1e40; font-size: 18px; text-transform:capitalize"
|
|
class="mb2 text-left mb-0">
|
|
This Module Support With The
|
|
Following ZKteco
|
|
Machines (Clients have
|
|
Reported):<br>
|
|
* UFace202<br>
|
|
* IFace990<br>
|
|
* K40 Pro<br>
|
|
* SFace900<br>
|
|
* FR1500<br>
|
|
* UA760<br>
|
|
* MB10 </p>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
|
|
<div class="tab-pane fade active show" id="ReleaseNotes"
|
|
role="tabpanel" aria-labelledby="video-1">
|
|
<div class="row"
|
|
style="padding:4rem 2.5rem 0 !important; background-color:#fff !important">
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-size:40px !important; color:#791d97; font-weight:900 !important">
|
|
<span style="color:#5154a5">RELEASE NOTES</span>
|
|
<sup>
|
|
</sup>
|
|
</h1>
|
|
</div>
|
|
<div class="tab-pane w-100">
|
|
<section class="oe_container mt48">
|
|
<div style="margin-bottom:4%">
|
|
<div class="relese-note w-100 pt-3 pb-2 pl-3 mb-4 pr-3 float-left"
|
|
style="border:1px solid #ccc; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);">
|
|
<p><b> Version 17.0.1.0.0<span
|
|
style="color:#3363c1; font-size: 14px;"> Released
|
|
on : 08th July 2024</span></b>
|
|
</p>
|
|
<p> Initial commit for
|
|
hr_biometric_attendance </p>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="tab-pane w-100">
|
|
<section class="oe_container mt48">
|
|
<div style="margin-bottom:4%">
|
|
<div class="relese-note w-100 pt-3 pb-2 pl-3 mb-4 pr-3 float-left"
|
|
style="border:1px solid #ccc; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);">
|
|
<p><b> Version 17.0.1.1.1<span
|
|
style="color:#3363c1; font-size: 14px;"> Released
|
|
on : 20th Dec 2024</span></b>
|
|
</p>
|
|
<p> Verified Password before test connection, and set up multi company rules. </p>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- New section -->
|
|
|
|
<section style="margin-top:140px;">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12-col-lg-2">
|
|
<h2 style="font-weight:bold; color:#3D3D4E">Related Modules</h2>
|
|
<p style="color:#777783">Explore our related modules</p>
|
|
<hr>
|
|
</div>
|
|
<div class="col-sm-12">
|
|
<div id="demo1" class="row carousel slide" data-ride="carousel">
|
|
<!-- The slideshow -->
|
|
<div class="carousel-inner" style="padding:30px">
|
|
<div class="carousel-item" style="min-height:198.656px">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_mail_messaging"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius:0px"
|
|
src="assets/modules/1.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/odoo_zoom_meet_integration"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius:0px"
|
|
src="assets/modules/2.jpg">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/odoo_google_meet_integration/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius:0px"
|
|
src="assets/modules/3.jpg">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item active"
|
|
style="min-height:198.656px">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/dropbox_integration"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius:0px"
|
|
src="assets/modules/4.jpg">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/onedrive_integration_odoo"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius:0px"
|
|
src="assets/modules/5.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
|
|
style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect/"
|
|
target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block"
|
|
style="border-radius:0px"
|
|
src="assets/modules/6.jpg">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Left and right controls -->
|
|
<a class="carousel-control-prev" href="#demo1"
|
|
data-slide="prev" style="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="#demo1"
|
|
data-slide="next"
|
|
style="width:35px; color:#000">
|
|
<span class="carousel-control-next-icon"><i
|
|
class="fa fa-chevron-right"
|
|
style="font-size:24px"></i></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<div class="d-flex align-items-center"
|
|
style="border-bottom:2px solid #714B67; padding:15px 0px">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color:#F5F5F5; border-radius:0px; width:40px; height:40px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/misc/star.png?aedef96">
|
|
</div>
|
|
<h2 class="mt-2"
|
|
style="font-family:'Montserrat', sans-serif; font-size:24px; font-weight:bold">
|
|
Our Services
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="container my-5">
|
|
<div class="row">
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#1dd1a1 !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/cogs.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Customization</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#ff6b6b !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/wrench.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Implementation</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#6462CD !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/lifebuoy.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Support</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#ffa801 !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/user.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Hire
|
|
Odoo
|
|
Developer</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#54a0ff !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/puzzle.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Integration</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#6d7680 !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/update.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Migration</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#786fa6 !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/consultation.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Consultancy</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#f8a5c2 !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/training.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Implementation</h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
|
|
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
|
|
style="background-color:#e6be26 !important; border-radius:15px !important; height:80px; width:80px">
|
|
<img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/license.png?aedef96"
|
|
class="img-responsive" height="48px" width="48px">
|
|
</div>
|
|
<h6 class="text-center"
|
|
style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
|
|
Odoo
|
|
Licensing Consultancy</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container" style="margin-top:6rem !important">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
|
|
<h2 style="color:#212529 !important">Our Industries</h2>
|
|
<hr
|
|
style="border:3px solid #714B67 !important; background-color:#714B67 !important; width:80px !important; margin-bottom:2rem !important">
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/trading-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
Trading
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
Easily procure
|
|
and
|
|
sell your products</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/pos-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
POS
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
Easy
|
|
configuration
|
|
and convivial experience</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/education-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
Education
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
A platform for
|
|
educational management</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/manufacturing-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
Manufacturing
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
Plan, track and
|
|
schedule your operations</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/ecom-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
E-commerce & Website
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
Mobile
|
|
friendly,
|
|
awe-inspiring product pages</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/service-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
Service Management
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
Keep track of
|
|
services and invoice</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/restaurant-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
Restaurant
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
Run your bar or
|
|
restaurant methodically</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
|
|
<img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/hotel-black.png?2d98612"
|
|
class="img-responsive mb-3" height="48px" width="48px">
|
|
<h5
|
|
style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
|
|
Hotel Management
|
|
</h5>
|
|
<p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
|
|
An
|
|
all-inclusive
|
|
hotel management application</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- FOOTER -->
|
|
<!-- Footer Section -->
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12-col-lg-2">
|
|
<h2 style="font-weight:bold; color:#3D3D4E">Support</h2>
|
|
<p style="color:#777783">Need help? Get in touch.
|
|
</p>
|
|
<hr>
|
|
</div>
|
|
<div class="col-sm-12 col-md-4">
|
|
<div class="d-flex align-items-center"
|
|
style="background-color:#F6F8F9; padding:22px">
|
|
<div class="mr-4 d-flex justify-content-center align-items-center"
|
|
style="background-color:#714B67; height:70px; width:70px">
|
|
<img src="assets/icons/support.png" height="48"
|
|
width="48" style="width:42px; height:42px">
|
|
</div>
|
|
<div>
|
|
<h4>Need Help?</h4>
|
|
<p style="line-height:100%">Got questions or need help?
|
|
Get
|
|
in touch.</p>
|
|
<a href="mailto:odoo@cybrosys.com">
|
|
<p style="font-weight:400; font-size:18px; line-height:80%; color:#714B67">
|
|
odoo@cybrosys.com</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-4">
|
|
<div class="d-flex align-items-center"
|
|
style="background-color:#F6F8F9; padding:30px">
|
|
<div class="mr-4 d-flex justify-content-center align-items-center"
|
|
style="background-color:#2AC44D; height:70px; width:70px">
|
|
<img src="assets/icons/whatsapp.png" height="52"
|
|
width="52" style="width:52px; height:52px">
|
|
</div>
|
|
<div>
|
|
<h4>WhatsApp</h4>
|
|
<p style="line-height:100%">Say hi to us on
|
|
WhatsApp!</p>
|
|
<span href="https://api.whatsapp.com/send?phone=918606827707">
|
|
<p style="font-weight:400; font-size:18px; line-height:80%; color:#714B67">+91
|
|
86068
|
|
27707</p>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-sm-12 col-md-4">
|
|
<div class="d-flex align-items-center"
|
|
style="background-color:#F6F8F9; padding:30px">
|
|
<div class="mr-4 d-flex justify-content-center align-items-center"
|
|
style="background-color:#03a9f4; height:70px; width:70px">
|
|
<img src="assets/icons/skype.png" height="52" width="52"
|
|
style="width:52px; height:52px">
|
|
</div>
|
|
<div>
|
|
<h4>Skype</h4>
|
|
<p style="line-height:100%">Say hi to us on Skype!</p>
|
|
<span href="cybroopenerp">
|
|
<p style="font-weight:400; font-size:18px; line-height:80%; color:#714B67">cybroopenerp
|
|
</p>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Footer -->
|
|
<section class="oe_container"
|
|
style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
|
|
<div class="row"
|
|
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
|
|
<!-- Logo -->
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center"
|
|
style="margin-top: 3rem;">
|
|
<img src="https://www.cybrosys.com/images/logo.png"
|
|
width="200px" height="auto"/>
|
|
</div>
|
|
<!-- End of Logo -->
|
|
</div>
|
|
</section>
|
|
<!-- END OF FOOTER -->
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
|
|
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html>
|