diff --git a/employee_stages/README.rst b/employee_stages/README.rst
new file mode 100755
index 000000000..080ed8b34
--- /dev/null
+++ b/employee_stages/README.rst
@@ -0,0 +1,14 @@
+EMPLOYEE STAGES
+===============
+Manage different stages of an employee.
+
+Configuration
+=============
+
+No additional configurations needed
+
+Credits
+=======
+Developer: V13 Varsha Vivek K @ cybrosys, Contact: odoo@cybrosys.com
+           V14 Minhaj T @ cybrosys, Contact: odoo@cybrosys.com
+           V15 Aiswarya J P @ cybrosys, Contact: odoo@cybrosys.com
diff --git a/employee_stages/__init__.py b/employee_stages/__init__.py
new file mode 100755
index 000000000..7bdbb3680
--- /dev/null
+++ b/employee_stages/__init__.py
@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+###################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies (<https://www.cybrosys.com>).
+#    Author: Cybrosys Technologies (<https://www.cybrosys.com>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+###################################################################################
+
+from . import models
+
diff --git a/employee_stages/__manifest__.py b/employee_stages/__manifest__.py
new file mode 100755
index 000000000..cb853d666
--- /dev/null
+++ b/employee_stages/__manifest__.py
@@ -0,0 +1,45 @@
+# -*- coding: utf-8 -*-
+###################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies (<https://www.cybrosys.com>).
+#    Author: Cybrosys Technologies (<https://www.cybrosys.com>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+###################################################################################
+
+{
+    'name': 'Employee Stages',
+    'version': '15.0.1.0.0',
+    'summary': """Manages Employee Stages""",
+    'description': """This module is used to tracking employee's different stages.""",
+    'category': "Generic Modules/Human Resources",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['base', 'hr'],
+    'data': [
+        'security/ir.model.access.csv',
+        'views/employee_stages_view.xml',
+    ],
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}
+
+
diff --git a/employee_stages/doc/RELEASE_NOTES.md b/employee_stages/doc/RELEASE_NOTES.md
new file mode 100755
index 000000000..baeb7211c
--- /dev/null
+++ b/employee_stages/doc/RELEASE_NOTES.md
@@ -0,0 +1,6 @@
+## Module <employee_stages>
+
+#### 07.10.2021
+#### Version 15.0.1.0.0
+##### ADD
+- Initial commit for Employee Stages
diff --git a/employee_stages/models/__init__.py b/employee_stages/models/__init__.py
new file mode 100755
index 000000000..4833243fc
--- /dev/null
+++ b/employee_stages/models/__init__.py
@@ -0,0 +1,25 @@
+# -*- coding: utf-8 -*-
+###################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies (<https://www.cybrosys.com>).
+#    Author: Cybrosys Technologies (<https://www.cybrosys.com>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+###################################################################################
+
+from . import employee_stages
+
diff --git a/employee_stages/models/employee_stages.py b/employee_stages/models/employee_stages.py
new file mode 100755
index 000000000..9a2b7e69e
--- /dev/null
+++ b/employee_stages/models/employee_stages.py
@@ -0,0 +1,147 @@
+# -*- coding: utf-8 -*-
+###################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2019-TODAY Cybrosys Technologies (<https://www.cybrosys.com>).
+#    Author: Cybrosys Technologies (<https://www.cybrosys.com>)
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+###################################################################################
+
+from datetime import date
+from odoo import models, fields, api
+
+
+class EmployeeFormInherit(models.Model):
+    _inherit = 'hr.employee'
+
+    @api.model
+    def create(self, vals):
+        result = super(EmployeeFormInherit, self).create(vals)
+        result.stages_history.sudo().create({'start_date': date.today(),
+                                             'employee_id': result.id,
+                                             'state': 'joined'})
+        return result
+
+    def start_grounding(self):
+        self.state = 'grounding'
+        self.stages_history.sudo().create({'start_date': date.today(),
+                                           'employee_id': self.id,
+                                           'state': 'grounding'})
+
+    def set_as_employee(self):
+        self.state = 'employment'
+        stage_obj = self.stages_history.search([('employee_id', '=', self.id),
+                                                ('state', '=', 'test_period')])
+        if stage_obj:
+            stage_obj.sudo().write({'end_date': date.today()})
+        self.stages_history.sudo().create({'start_date': date.today(),
+                                           'employee_id': self.id,
+                                           'state': 'employment'})
+
+    def start_notice_period(self):
+        self.state = 'notice_period'
+        stage_obj = self.stages_history.search([('employee_id', '=', self.id),
+                                                ('state', '=', 'employment')])
+        if stage_obj:
+            stage_obj.sudo().write({'end_date': date.today()})
+        self.stages_history.sudo().create({'start_date': date.today(),
+                                           'employee_id': self.id,
+                                           'state': 'notice_period'})
+
+    def relived(self):
+        self.state = 'relieved'
+        self.active = False
+        stage_obj = self.stages_history.search([('employee_id', '=', self.id),
+                                                ('state', '=', 'notice_period')])
+        if stage_obj:
+            stage_obj.sudo().write({'end_date': date.today()})
+        self.stages_history.sudo().create({'end_date': date.today(),
+                                           'employee_id': self.id,
+                                           'state': 'relieved'})
+
+    def start_test_period(self):
+        self.state = 'test_period'
+        self.stages_history.search([('employee_id', '=', self.id),
+                                    ('state', '=', 'grounding')]).sudo().write({'end_date': date.today()})
+        self.stages_history.sudo().create({'start_date': date.today(),
+                                           'employee_id': self.id,
+                                           'state': 'test_period'})
+
+    def terminate(self):
+        self.state = 'terminate'
+        self.active = False
+        stage_obj = self.stages_history.search([('employee_id', '=', self.id),
+                                                ('state', '=', 'employment')])
+
+        if stage_obj:
+            stage_obj.sudo().write({'end_date': date.today()})
+        else:
+            self.stages_history.search([('employee_id', '=', self.id),
+                                        ('state', '=', 'grounding')]).sudo().write({'end_date': date.today()})
+        self.stages_history.sudo().create({'end_date': date.today(),
+                                           'employee_id': self.id,
+                                           'state': 'terminate'})
+
+    state = fields.Selection([('joined', 'Slap On'),
+                              ('grounding', 'Grounding'),
+                              ('test_period', 'Test Period'),
+                              ('employment', 'Employment'),
+                              ('notice_period', 'Notice Period'),
+                              ('relieved', 'Resigned'),
+                              ('terminate', 'Terminated')], string='Status', default='joined',
+                             track_visibility='always', copy=False,
+                             help="Employee Stages.\nSlap On: Joined\nGrounding: Training\nTest period : Probation")
+    stages_history = fields.One2many('hr.employee.status.history', 'employee_id', string='Stage History',
+                                     help='It shows the duration and history of each stages')
+
+
+class EmployeeStageHistory(models.Model):
+    _name = 'hr.employee.status.history'
+    _description = 'Status History'
+
+    start_date = fields.Date(string='Start Date')
+    end_date = fields.Date(string='End Date')
+    duration = fields.Integer(compute='get_duration', string='Duration(days)')
+
+    def get_duration(self):
+        self.duration = 0
+        for each in self:
+            if each.end_date and each.start_date:
+                duration = fields.Date.from_string(each.end_date) - fields.Date.from_string(each.start_date)
+                each.duration = duration.days
+
+    state = fields.Selection([('joined', 'Slap On'),
+                              ('grounding', 'Grounding'),
+                              ('test_period', 'Test Period'),
+                              ('employment', 'Employment'),
+                              ('notice_period', 'Notice Period'),
+                              ('relieved', 'Resigned'),
+                              ('terminate', 'Terminated')], string='Stage')
+    employee_id = fields.Many2one('hr.employee', invisible=1)
+
+
+class WizardEmployee(models.TransientModel):
+    _name = 'wizard.employee.stage'
+
+    def set_as_employee(self):
+        context = self._context
+        employee_obj = self.env['hr.employee'].search([('id', '=', context.get('employee_id'))])
+        if self.related_user:
+            employee_obj.user_id = self.related_user
+        employee_obj.set_as_employee()
+
+    related_user = fields.Many2one('res.users', string="Related User")
diff --git a/employee_stages/security/ir.model.access.csv b/employee_stages/security/ir.model.access.csv
new file mode 100755
index 000000000..fb8ce590e
--- /dev/null
+++ b/employee_stages/security/ir.model.access.csv
@@ -0,0 +1,7 @@
+id,name,model_id/id,group_id/id,perm_read,perm_write,perm_create,perm_unlink
+access_wizard_employee_stage_manager,wizard.employee.stage.manager,model_wizard_employee_stage,hr.group_hr_manager,1,1,1,1
+access_wizard_employee_stage_hr_user,wizard.employee.stage.user,model_wizard_employee_stage,hr.group_hr_user,1,1,1,0
+access_hr_employee_status_history_manager,hr.employee.status.history.manager,model_hr_employee_status_history,hr.group_hr_manager,1,1,1,1
+access_hr_employee_status_history_hr_user,hr.employee.status.history.user,model_hr_employee_status_history,hr.group_hr_user,1,1,1,0
+
+
diff --git a/employee_stages/static/description/assets/icons/check.png b/employee_stages/static/description/assets/icons/check.png
new file mode 100644
index 000000000..c8e85f51d
Binary files /dev/null and b/employee_stages/static/description/assets/icons/check.png differ
diff --git a/employee_stages/static/description/assets/icons/chevron.png b/employee_stages/static/description/assets/icons/chevron.png
new file mode 100644
index 000000000..2089293d6
Binary files /dev/null and b/employee_stages/static/description/assets/icons/chevron.png differ
diff --git a/employee_stages/static/description/assets/icons/cogs.png b/employee_stages/static/description/assets/icons/cogs.png
new file mode 100644
index 000000000..95d0bad62
Binary files /dev/null and b/employee_stages/static/description/assets/icons/cogs.png differ
diff --git a/employee_stages/static/description/assets/icons/consultation.png b/employee_stages/static/description/assets/icons/consultation.png
new file mode 100644
index 000000000..8319d4baa
Binary files /dev/null and b/employee_stages/static/description/assets/icons/consultation.png differ
diff --git a/employee_stages/static/description/assets/icons/ecom-black.png b/employee_stages/static/description/assets/icons/ecom-black.png
new file mode 100644
index 000000000..a9385ff13
Binary files /dev/null and b/employee_stages/static/description/assets/icons/ecom-black.png differ
diff --git a/employee_stages/static/description/assets/icons/education-black.png b/employee_stages/static/description/assets/icons/education-black.png
new file mode 100644
index 000000000..3eb09b27b
Binary files /dev/null and b/employee_stages/static/description/assets/icons/education-black.png differ
diff --git a/employee_stages/static/description/assets/icons/hotel-black.png b/employee_stages/static/description/assets/icons/hotel-black.png
new file mode 100644
index 000000000..130f613be
Binary files /dev/null and b/employee_stages/static/description/assets/icons/hotel-black.png differ
diff --git a/employee_stages/static/description/assets/icons/license.png b/employee_stages/static/description/assets/icons/license.png
new file mode 100644
index 000000000..a5869797e
Binary files /dev/null and b/employee_stages/static/description/assets/icons/license.png differ
diff --git a/employee_stages/static/description/assets/icons/lifebuoy.png b/employee_stages/static/description/assets/icons/lifebuoy.png
new file mode 100644
index 000000000..658d56ccc
Binary files /dev/null and b/employee_stages/static/description/assets/icons/lifebuoy.png differ
diff --git a/employee_stages/static/description/assets/icons/logo.png b/employee_stages/static/description/assets/icons/logo.png
new file mode 100644
index 000000000..478462d3e
Binary files /dev/null and b/employee_stages/static/description/assets/icons/logo.png differ
diff --git a/employee_stages/static/description/assets/icons/manufacturing-black.png b/employee_stages/static/description/assets/icons/manufacturing-black.png
new file mode 100644
index 000000000..697eb0e9f
Binary files /dev/null and b/employee_stages/static/description/assets/icons/manufacturing-black.png differ
diff --git a/employee_stages/static/description/assets/icons/pos-black.png b/employee_stages/static/description/assets/icons/pos-black.png
new file mode 100644
index 000000000..97c0f90c1
Binary files /dev/null and b/employee_stages/static/description/assets/icons/pos-black.png differ
diff --git a/employee_stages/static/description/assets/icons/puzzle.png b/employee_stages/static/description/assets/icons/puzzle.png
new file mode 100644
index 000000000..65cf854e7
Binary files /dev/null and b/employee_stages/static/description/assets/icons/puzzle.png differ
diff --git a/employee_stages/static/description/assets/icons/restaurant-black.png b/employee_stages/static/description/assets/icons/restaurant-black.png
new file mode 100644
index 000000000..4a35eb939
Binary files /dev/null and b/employee_stages/static/description/assets/icons/restaurant-black.png differ
diff --git a/employee_stages/static/description/assets/icons/service-black.png b/employee_stages/static/description/assets/icons/service-black.png
new file mode 100644
index 000000000..301ab51cb
Binary files /dev/null and b/employee_stages/static/description/assets/icons/service-black.png differ
diff --git a/employee_stages/static/description/assets/icons/trading-black.png b/employee_stages/static/description/assets/icons/trading-black.png
new file mode 100644
index 000000000..9398ba2f1
Binary files /dev/null and b/employee_stages/static/description/assets/icons/trading-black.png differ
diff --git a/employee_stages/static/description/assets/icons/training.png b/employee_stages/static/description/assets/icons/training.png
new file mode 100644
index 000000000..884ca024d
Binary files /dev/null and b/employee_stages/static/description/assets/icons/training.png differ
diff --git a/employee_stages/static/description/assets/icons/update.png b/employee_stages/static/description/assets/icons/update.png
new file mode 100644
index 000000000..ecbc5a01a
Binary files /dev/null and b/employee_stages/static/description/assets/icons/update.png differ
diff --git a/employee_stages/static/description/assets/icons/user.png b/employee_stages/static/description/assets/icons/user.png
new file mode 100644
index 000000000..6ffb23d9f
Binary files /dev/null and b/employee_stages/static/description/assets/icons/user.png differ
diff --git a/employee_stages/static/description/assets/icons/wrench.png b/employee_stages/static/description/assets/icons/wrench.png
new file mode 100644
index 000000000..6c04dea0f
Binary files /dev/null and b/employee_stages/static/description/assets/icons/wrench.png differ
diff --git a/employee_stages/static/description/assets/modules/1.png b/employee_stages/static/description/assets/modules/1.png
new file mode 100644
index 000000000..4269b1cd9
Binary files /dev/null and b/employee_stages/static/description/assets/modules/1.png differ
diff --git a/employee_stages/static/description/assets/modules/2.png b/employee_stages/static/description/assets/modules/2.png
new file mode 100644
index 000000000..34cee3e01
Binary files /dev/null and b/employee_stages/static/description/assets/modules/2.png differ
diff --git a/employee_stages/static/description/assets/modules/3.png b/employee_stages/static/description/assets/modules/3.png
new file mode 100644
index 000000000..85bb9021f
Binary files /dev/null and b/employee_stages/static/description/assets/modules/3.png differ
diff --git a/employee_stages/static/description/assets/modules/4.png b/employee_stages/static/description/assets/modules/4.png
new file mode 100644
index 000000000..3afc14722
Binary files /dev/null and b/employee_stages/static/description/assets/modules/4.png differ
diff --git a/employee_stages/static/description/assets/modules/5.png b/employee_stages/static/description/assets/modules/5.png
new file mode 100644
index 000000000..cea66b05f
Binary files /dev/null and b/employee_stages/static/description/assets/modules/5.png differ
diff --git a/employee_stages/static/description/assets/modules/6.png b/employee_stages/static/description/assets/modules/6.png
new file mode 100644
index 000000000..0c9bb377e
Binary files /dev/null and b/employee_stages/static/description/assets/modules/6.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_1.png b/employee_stages/static/description/assets/screenshots/employee_stage_1.png
new file mode 100644
index 000000000..18b994746
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_1.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_2.png b/employee_stages/static/description/assets/screenshots/employee_stage_2.png
new file mode 100644
index 000000000..7acb5a1bd
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_2.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_3.png b/employee_stages/static/description/assets/screenshots/employee_stage_3.png
new file mode 100644
index 000000000..065fd0e48
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_3.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_4.png b/employee_stages/static/description/assets/screenshots/employee_stage_4.png
new file mode 100755
index 000000000..a6b020402
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_4.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_5.png b/employee_stages/static/description/assets/screenshots/employee_stage_5.png
new file mode 100644
index 000000000..6dee03d8f
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_5.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_6.png b/employee_stages/static/description/assets/screenshots/employee_stage_6.png
new file mode 100644
index 000000000..a76f6b2eb
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_6.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_7.png b/employee_stages/static/description/assets/screenshots/employee_stage_7.png
new file mode 100644
index 000000000..b4e07b306
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_7.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_8.png b/employee_stages/static/description/assets/screenshots/employee_stage_8.png
new file mode 100644
index 000000000..dc12aca73
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_8.png differ
diff --git a/employee_stages/static/description/assets/screenshots/employee_stage_9.png b/employee_stages/static/description/assets/screenshots/employee_stage_9.png
new file mode 100644
index 000000000..81cc32fc1
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/employee_stage_9.png differ
diff --git a/employee_stages/static/description/assets/screenshots/hero.png b/employee_stages/static/description/assets/screenshots/hero.png
new file mode 100644
index 000000000..0e73b3e5b
Binary files /dev/null and b/employee_stages/static/description/assets/screenshots/hero.png differ
diff --git a/employee_stages/static/description/banner.png b/employee_stages/static/description/banner.png
new file mode 100644
index 000000000..7f48b87ac
Binary files /dev/null and b/employee_stages/static/description/banner.png differ
diff --git a/employee_stages/static/description/icon.png b/employee_stages/static/description/icon.png
new file mode 100644
index 000000000..b3fd75310
Binary files /dev/null and b/employee_stages/static/description/icon.png differ
diff --git a/employee_stages/static/description/index.html b/employee_stages/static/description/index.html
new file mode 100644
index 000000000..f68f78841
--- /dev/null
+++ b/employee_stages/static/description/index.html
@@ -0,0 +1,732 @@
+<div class="container" style="padding: 1rem !important; margin-bottom: 1rem !important;">
+    <div class="row">
+        <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
+            style="border-bottom: 1px solid #d5d5d5;">
+            <div class="my-3">
+                <img src="./assets/icons/logo.png" style="width: auto !important; height: 40px !important;">
+            </div>
+            <div class="my-3 d-flex align-items-center">
+                <div
+                    style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Community
+                </div>
+                <div
+                    style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Enterprise
+                </div>
+
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="container" style="padding: 0rem 1.5rem 4rem !important">
+    <div class="row" style="height: 900px !important;">
+        <div class="col-sm-12 col-md-12 col-lg-12"
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
+            <h1
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
+                Employee Stages</h1>
+            <p
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
+                Manages Employee Stages
+            </p>
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
+            <h2
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-compass mr-2"></i>Explore this module
+            </h2>
+        </div>
+        <div class="col-md-6">
+            <a href="#overview" style="text-decoration: none !important;">
+                <div class="row"
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                    <div class="col-8">
+                        <h3
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                            Overview</h3>
+                        <p
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                            Learn more about this module</p>
+                    </div>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
+                    </div>
+                </div>
+            </a>
+        </div>
+        <div class="col-md-6">
+            <a href="#features" style="text-decoration: none !important;">
+                <div class="row"
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                    <div class="col-8">
+                        <h3
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                            Features</h3>
+                        <p
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                            View features of this module</p>
+                    </div>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
+                    </div>
+                </div>
+            </a>
+        </div>
+        <div class="col-md-6">
+            <a href="#screenshots" style="text-decoration: none !important;">
+                <div class="row"
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
+                    <div class="col-8">
+                        <h3
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
+                            Screenshots</h3>
+                        <p
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                            See key screenshots of this module</p>
+                    </div>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
+                    </div>
+                </div>
+            </a>
+        </div>
+    </div>
+
+
+    <div class="row" id="overview">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+            <h2
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-pie-chart mr-2"></i>Overview
+            </h2>
+        </div>
+
+        <div class="col-mg-12 pl-3">
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
+                Every employee may undergo different stages during his term in a company. It may be probation,
+                training, employment etc. The stages may vary according to the organisation. It is important to
+                track such stages systematically to assess the performance indices of an employee. So here we are
+                providing a new module which will facilitate the management of different stages of an employee.</p>
+
+        </div>
+    </div>
+
+
+    <div class="row" id="features">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+            <h2
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-star mr-2"></i>Features
+            </h2>
+        </div>
+
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+
+                    Managing employee's different stages.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Added employee's current stage in the tree view.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Added employee's current stage in kanban view.</h4>
+            </div>
+        </div>
+
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+
+                    Added group by stage in search view.</h4>
+            </div>
+        </div>
+
+
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+
+                    Added Employee filter in search view.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Added default search for employees in the search bar.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Automatically recording the stage history.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+
+                    Computing the duration of each stage.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 mb-4 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Option to set 'Related User' while converting to the employee.</h4>
+            </div>
+        </div>
+        <div class="col-md-6 pl-3 d-flex">
+            <div>
+                <img src="assets/icons/check.png">
+            </div>
+            <div>
+                <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                    Automatically inactive the employee while terminating or relieving the employee.</h4>
+            </div>
+        </div>
+
+    </div>
+
+    <div class="row" id="screenshots">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
+            <h2
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                <i class="fa fa-image mr-2"></i>Screenshots
+            </h2>
+        </div>
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                View Different Stages of Employee</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Here we can see different stages of the employee, buttons to change the stages and overall history.
+            </p>
+            <img src="assets/screenshots/employee_stage_1.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Status History Tab</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Status History tab tracking the Start date, End date and Duration of each stage.</p>
+            <img src="assets/screenshots/employee_stage_2.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Automatic Inactivation of resigned employee</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                When an employee's state has reached to 'Resigned' stage then the system will automatically inactive
+                this employee.</p>
+            <img src="assets/screenshots/employee_stage_3.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Option to add Related user</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We have an option to add 'Related User' when we set to 'Employment' stage.</p>
+            <img src="assets/screenshots/employee_stage_4.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Kanban View</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Current stage is visible in the Kanban view.</p>
+            <img src="assets/screenshots/employee_stage_5.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Tree View</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Current stage is visible in the Tree view.
+            </p>
+            <img src="assets/screenshots/employee_stage_6.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Search Bar</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Added default search for employees in the search bar.
+            </p>
+            <img src="assets/screenshots/employee_stage_7.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Group by filter in Search View</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Search View using Filters Group By.
+            </p>
+            <img src="assets/screenshots/employee_stage_8.png" class="img-responsive img-thumbnail border" width="100%"
+                height="auto" />
+        </div>
+
+
+        <div class="col-lg-12 my-2">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Search View using Filters.</h4>
+            <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+
+                Added Employee filter in search view.
+                <img src="assets/screenshots/employee_stage_9.png" class="img-responsive img-thumbnail border"
+                    width="100%" height="auto" />
+        </div>
+
+
+    </div>
+
+    <!-- SUGGESTED PRODUCTS -->
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
+            style="text-align: center; padding: 2.5rem 1rem !important;">
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
+            <hr
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
+                <!-- The slideshow -->
+                <div class="carousel-inner">
+                    <div class="carousel-item active" style="min-height:0px">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/employee_orientation/" target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        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/14.0/employee_documents_expiry/"
+                                target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="./assets/modules/2.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/14.0/automatic_payroll/" target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="./assets/modules/3.png">
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="carousel-item" style="min-height:0px">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/product_return_pos/" target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="./assets/modules/4.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/14.0/point_of_sale_logo" target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        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/14.0/invoice_format_editor/" target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                        src="./assets/modules/6.png">
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <!-- Left and right controls -->
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
+                    style="left:-25px;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="right:-25px;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>
+    <!-- END OF SUGGESTED PRODUCTS -->
+
+    <!-- OUR SERVICES -->
+    <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 Services</h2>
+                <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+            </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: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/cogs.png" 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="assets/icons/wrench.png" 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="assets/icons/lifebuoy.png" 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="assets/icons/user.png" 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="assets/icons/puzzle.png" 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="assets/icons/update.png" 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="assets/icons/consultation.png" 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="assets/icons/training.png" 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="assets/icons/license.png" 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>
+    </section>
+    <!-- END OF END OF OUR SERVICES -->
+
+    <!-- OUR INDUSTRIES -->
+    <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="./assets/icons/trading-black.png" 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="./assets/icons/pos-black.png" 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="./assets/icons/education-black.png" 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="./assets/icons/manufacturing-black.png" 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="./assets/icons/ecom-black.png" 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 &amp; 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="./assets/icons/service-black.png" 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="./assets/icons/restaurant-black.png" 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="./assets/icons/hotel-black.png" 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>
+
+    <!-- END OF END OF OUR INDUSTRIES -->
+
+    <!-- FOOTER -->
+    <!-- Footer Section -->
+    <section class="container" style="margin: 5rem auto 2rem;">
+        <div class="row" style="max-width:1540px;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Need Help?</h2>
+                <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+            </div>
+        </div>
+
+        <!-- Contact Cards -->
+        <div class="row d-flex justify-content-center align-items-center"
+            style="max-width:1540px; margin: 0 auto 2rem auto;">
+
+            <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                    </div>
+                    <div class="col-lg-6">
+                        <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
+                            class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <!-- End of Contact Cards -->
+    </section>
+    <!-- Footer -->
+    <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+        <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 class="col-lg-12">
+                <hr
+                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                <!-- End of Footer Section -->
+            </div>
+        </div>
+    </section>
+    <!-- END OF FOOTER -->
+
+</div>
\ No newline at end of file
diff --git a/employee_stages/views/employee_stages_view.xml b/employee_stages/views/employee_stages_view.xml
new file mode 100755
index 000000000..f196a725a
--- /dev/null
+++ b/employee_stages/views/employee_stages_view.xml
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <record id='wizard_employee_form' model='ir.ui.view'>
+        <field name="name">wizard.employee.form</field>
+        <field name="model">wizard.employee.stage</field>
+        <field name="arch" type="xml">
+            <form string="Set as Employee">
+                <group>
+                    <field name="related_user"/>
+                </group>
+                <footer>
+                    <button name="set_as_employee" string="Set as Employee" type="object" class="oe_highlight"/>
+                    or
+                    <button string="Cancel" class="oe_link" special="cancel" />
+                </footer>
+            </form>
+        </field>
+    </record>
+
+    <record id='wizard_employee_act' model='ir.actions.act_window'>
+        <field name="name">Set as Employee</field>
+        <field name="res_model">wizard.employee.stage</field>
+        <field name="view_mode">form</field>
+        <field name="view_id" ref="wizard_employee_form"/>
+        <field name="target">new</field>
+    </record>
+
+    <record model="ir.ui.view" id="hr_employee_stages_inherit_form_view">
+        <field name="name">hr.employee.form.view</field>
+        <field name="model">hr.employee</field>
+        <field name="inherit_id" ref="hr.view_employee_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//header" position="inside">
+                <button name="start_grounding" string="Start Grounding" type="object" states="joined"/>
+                <button name="start_test_period" string="Start Test Period" type="object" states="grounding"/>
+                <button name="%(employee_stages.wizard_employee_act)d" string="Set as Employee" type="action"
+                        states="joined,test_period" context="{'employee_id':id}"/>
+                <button name="start_notice_period" string="Start Notice Period" type="object" states="employment"/>
+                <button name="relived" string="Relieved" type="object" states="notice_period"/>
+                <button name="terminate" string="Terminate" type="object" states="grounding,employment"/>
+                <field name="state" widget="statusbar" statusbar_visible="joined,grounding,employment"/>
+            </xpath>
+            <page name="hr_settings" position="after">
+                <page name="stage_history" string="Status History">
+                    <field name="stages_history">
+                        <tree>
+                            <field name="state"/>
+                            <field name="start_date"/>
+                            <field name="end_date"/>
+                            <field name="duration" sum="Total"/>
+                        </tree>
+                    </field>
+                </page>
+            </page>
+        </field>
+    </record>
+
+    <record model="ir.ui.view" id="hr_employee_stages_inherit_tree_view">
+        <field name="name">hr.employee.tree.view</field>
+        <field name="model">hr.employee</field>
+        <field name="inherit_id" ref="hr.view_employee_tree"/>
+        <field name="arch" type="xml">
+            <field name="parent_id" position="after">
+                <field name="state"/>
+            </field>
+        </field>
+    </record>
+
+    <record model="ir.ui.view" id="hr_employee_stages_inherit_search_view">
+        <field name="name">hr.employee.search.view</field>
+        <field name="model">hr.employee</field>
+        <field name="inherit_id" ref="hr.view_employee_filter"/>
+        <field name="arch" type="xml">
+            <field name="job_id" position="after">
+                <field name="state"/>
+                <filter string="Employees" name="employee" domain="[('state','=','employment')]"/>
+            </field>
+            <xpath expr="//group" position="inside">
+                <filter name="state" string="State" domain="[]" context="{'group_by':'state'}"/>
+            </xpath>
+        </field>
+    </record>
+
+    <record model="ir.ui.view" id="hr_employee_stages_inherit_kanban_view">
+        <field name="name">hr.employee.kanban.view</field>
+        <field name="model">hr.employee</field>
+        <field name="inherit_id" ref="hr.hr_kanban_view_employees"/>
+        <field name="arch" type="xml">
+            <xpath expr="//li[3]" position="after">
+                <li t-if="record.state.raw_value"><field name="state"/></li>
+            </xpath>
+        </field>
+    </record>
+
+    <record id="hr.open_view_employee_list_my" model="ir.actions.act_window">
+        <field name="name">Employees</field>
+        <field name="res_model">hr.employee</field>
+        <field name="view_mode">kanban,tree,form</field>
+        <field name="domain">[]</field>
+        <field name="context">{"search_default_employee":1}</field>
+        <field name="view_id" eval="False"/>
+        <field name="search_view_id" ref="hr.view_employee_filter"/>
+        <field name="help" type="html">
+          <p class="oe_view_nocontent_create">
+            Click to add a new employee.
+          </p><p>
+            With just a quick glance on the Odoo employee screen, you
+            can easily find all the information you need for each person;
+            contact data, job position, availability, etc.
+          </p>
+        </field>
+    </record>
+</odoo>