diff --git a/access_restriction_by_ip/__manifest__.py b/access_restriction_by_ip/__manifest__.py
index 08c14e97b..07f8f9133 100644
--- a/access_restriction_by_ip/__manifest__.py
+++ b/access_restriction_by_ip/__manifest__.py
@@ -31,8 +31,12 @@
         'security/ir.model.access.csv',
         'views/allowed_ips_view.xml',
     ],
+    'assets': {
+        'web.assets_backend': [
+            '/access_restriction_by_ip/static/src/js/widget.js',
+        ],
+    },
     'images': ['static/description/banner.png'],
     'installable': True,
     'auto_install': False,
 }
-
diff --git a/access_restriction_by_ip/controllers/main.py b/access_restriction_by_ip/controllers/main.py
index e0a79908c..152ee3036 100644
--- a/access_restriction_by_ip/controllers/main.py
+++ b/access_restriction_by_ip/controllers/main.py
@@ -34,10 +34,8 @@ class Home(main.Home):
         request.params['login_success'] = False
         if request.httprequest.method == 'GET' and redirect and request.session.uid:
             return request.redirect(redirect)
-
         if not request.uid:
             request.uid = odoo.SUPERUSER_ID
-
         values = request.params.copy()
         try:
             values['databases'] = http.db_list()
@@ -85,5 +83,15 @@ class Home(main.Home):
                         request.uid = old_uid
                         if e.args == odoo.exceptions.AccessDenied().args:
                             values['error'] = _("Wrong login/password")
-
         return request.render('web.login', values)
+
+    @http.route('/get_ip', auth='user', type='json')
+    def get_ip(self):
+        ip_address = request.httprequest.environ['REMOTE_ADDR']
+        ip_addresses = []
+        for ips in request.env.user.allowed_ips:
+            ip_addresses.append(ips.ip_address)
+        if ip_addresses:
+            if ip_address not in ip_addresses:
+                return False
+        return True
diff --git a/access_restriction_by_ip/models/allowed_ips.py b/access_restriction_by_ip/models/allowed_ips.py
index 105e2a2f3..2d0f0ef18 100644
--- a/access_restriction_by_ip/models/allowed_ips.py
+++ b/access_restriction_by_ip/models/allowed_ips.py
@@ -17,7 +17,7 @@
 #    If not, see <http://www.gnu.org/licenses/>.
 #
 ##############################################################################
-from odoo import models, fields
+from odoo import api, models, fields
 
 
 class ResUsersInherit(models.Model):
@@ -31,3 +31,4 @@ class AllowedIPs(models.Model):
 
     users_ip = fields.Many2one('res.users', string='IP')
     ip_address = fields.Char(string='Allowed IP')
+
diff --git a/access_restriction_by_ip/static/description/index.html b/access_restriction_by_ip/static/description/index.html
index 5930e3a01..0742276e8 100644
--- a/access_restriction_by_ip/static/description/index.html
+++ b/access_restriction_by_ip/static/description/index.html
@@ -1,18 +1,17 @@
-
 <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;">
+             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;">
+                        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;">
+                        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>
 
@@ -24,35 +23,35 @@
 <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;">
+             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;">
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
                 Access Restriction By IP </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;">
-                User can access his account only from specified IP's 
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
+                User can access his account only from specified IP's
             </p>
-            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
+            <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;">
+                    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;">
+                     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;">
+                                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;">
+                                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">
@@ -64,13 +63,13 @@
         <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;">
+                     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;">
+                                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;">
+                                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">
@@ -82,13 +81,13 @@
         <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;">
+                     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;">
+                                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;">
+                                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">
@@ -100,13 +99,13 @@
         <div class="col-md-6">
             <a href="#video" 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;">
+                     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;">
+                                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
                             Video</h3>
                         <p
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
+                                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
                             Watch tutorial video on this module</p>
                     </div>
                     <div class="col-4 text-right d-flex justify-content-end align-items-center">
@@ -121,15 +120,15 @@
     <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;">
+                    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;">
-                This module will restrict the users access to his account from specified IP address only 
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
+                This module will restrict the users access to his account from specified IP address only
             </p>
 
         </div>
@@ -139,7 +138,7 @@
     <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;">
+                    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>
@@ -150,10 +149,10 @@
             </div>
             <div>
                 <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                     Admin Access</h4>
                 <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                     Administrator can set a IP or a group of IP address for each users.</p>
             </div>
         </div>
@@ -164,10 +163,10 @@
             </div>
             <div>
                 <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                     User Restriction</h4>
                 <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                     Users can access their account only from the specified IP's.</p>
             </div>
         </div>
@@ -178,10 +177,10 @@
             </div>
             <div>
                 <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                     Restricted Login</h4>
                 <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                     Accessing system from a non-specified IP will restrict the user login.</p>
             </div>
         </div>
@@ -192,10 +191,10 @@
             </div>
             <div>
                 <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                     Warning</h4>
                 <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                     A warning message will be displayed.</p>
             </div>
         </div>
@@ -206,11 +205,12 @@
             </div>
             <div>
                 <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                     Userwise IP</h4>
                 <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    If no IP is set to user means there is not any restriction by IP. IP Address for each users can be set from users form view</p>
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    If no IP is set to user means there is not any restriction by IP. IP Address for each users can be
+                    set from users form view</p>
             </div>
         </div>
 
@@ -219,7 +219,7 @@
     <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;">
+                    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>
@@ -228,25 +228,26 @@
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Setting IP address for User</h4>
             <p
-                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                 Setting IP address for user from users form view</p>
             <p
-                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                 User will be able to access his account only from this IP's</p>
             <img src="assets/screenshots/access_restriction_by_ip_1.png" class="img-responsive img-thumbnail border"
-                width="100%" height="auto" />
+                 width="100%" height="auto"/>
         </div>
-        
+
         <div class="col-lg-12 my-3">
             <h4 class="mt-3"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 User accessing his account</h4>
             <p
-                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                On accessing account from a non specified IP.
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                On accessing account from a non specified IP.(If the user is already logged in he/she will be logged out
+                after the first reload)
             </p>
             <img src="assets/screenshots/access_restriction_by_ip_2.png" class="img-responsive img-thumbnail border"
-                width="100%" height="auto" />
+                 width="100%" height="auto"/>
         </div>
 
     </div>
@@ -254,15 +255,15 @@
     <div class="row" id="video">
         <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;">
+                    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>Video
             </h2>
         </div>
         <div class="col-12 d-flex justify-content-center">
             <div class="s_panel_video" data-video-id="nn6dAL6eKPc">
                 <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0"
-                    src="assets/screenshots/access_restriction_by_ip-youtube.png" alt="Cybrosys Cover Video"
-                    style="max-width:100%">
+                     src="assets/screenshots/access_restriction_by_ip-youtube.png" alt="Cybrosys Cover Video"
+                     style="max-width:100%">
             </div>
         </div>
     </div>
@@ -270,10 +271,10 @@
     <!-- 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;">
+             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;" />
+                    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 -->
@@ -283,8 +284,8 @@
                             <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" 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/export_image.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/export_image.png">
                                 </div>
                             </a>
                         </div>
@@ -292,18 +293,18 @@
                             <a href="https://apps.odoo.com/apps/modules/14.0/dashboard_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/pos_image.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/pos_image.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/product_approval_management/"
-                                target="_blank">
+                               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/approval_image.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/approval_image.png">
                                 </div>
                             </a>
                         </div>
@@ -313,8 +314,8 @@
                             <a href="https://apps.odoo.com/apps/modules/14.0/base_account_budget/" 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/budget_image.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/budget_image.png">
                                 </div>
                             </a>
                         </div>
@@ -322,8 +323,8 @@
                             <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" 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/shopify_image.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/shopify_image.png">
                                 </div>
                             </a>
                         </div>
@@ -331,8 +332,8 @@
                             <a href="https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" 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/magento_image.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/magento_image.png">
                                 </div>
                             </a>
                         </div>
@@ -340,13 +341,13 @@
                 </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
+                   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>
+                                                                style="font-size:24px"></i></span>
+            </a>
             </div>
         </div>
     </div>
@@ -358,12 +359,12 @@
             <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;" />
+                        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;">
+                     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;">
@@ -373,7 +374,7 @@
 
             <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;">
+                     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;">
@@ -383,7 +384,7 @@
 
             <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;">
+                     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;">
@@ -394,7 +395,7 @@
 
             <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;">
+                     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;">
@@ -405,7 +406,7 @@
 
             <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;">
+                     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;">
@@ -415,7 +416,7 @@
 
             <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;">
+                     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;">
@@ -426,7 +427,7 @@
 
             <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;">
+                     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;">
@@ -436,7 +437,7 @@
 
             <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;">
+                     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;">
@@ -446,7 +447,7 @@
 
             <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;">
+                     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;">
@@ -463,15 +464,15 @@
             <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;" />
+                        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;">
+                     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;">
+                            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;">
@@ -483,10 +484,10 @@
 
             <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;">
+                     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;">
+                            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;">
@@ -498,11 +499,11 @@
 
             <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;">
+                     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">
+                         width="48px">
                     <h5
-                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            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;">
@@ -513,11 +514,11 @@
 
             <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;">
+                     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">
+                         width="48px">
                     <h5
-                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            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;">
@@ -528,10 +529,10 @@
 
             <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;">
+                     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;">
+                            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;">
@@ -543,10 +544,10 @@
 
             <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;">
+                     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;">
+                            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;">
@@ -557,11 +558,11 @@
 
             <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;">
+                     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">
+                         width="48px">
                     <h5
-                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            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;">
@@ -572,10 +573,10 @@
 
             <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;">
+                     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;">
+                            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;">
@@ -597,26 +598,26 @@
             <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;" />
+                        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;">
+             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
+                           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="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>
@@ -630,12 +631,12 @@
         <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" />
+                <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;">
+                        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>
diff --git a/access_restriction_by_ip/static/src/js/widget.js b/access_restriction_by_ip/static/src/js/widget.js
new file mode 100644
index 000000000..8c076176c
--- /dev/null
+++ b/access_restriction_by_ip/static/src/js/widget.js
@@ -0,0 +1,33 @@
+/** @odoo-module **/
+import SystrayMenu from 'web.SystrayMenu';
+import Widget from 'web.Widget';
+var ajax = require('web.ajax');
+var core = require('web.core');
+var qweb = core.qweb;
+
+var GetUser = Widget.extend({
+    /**
+    function run before loading the page to call methode "get_idle_time"
+    */
+    willStart: function() {
+        var self = this;
+        return this._super().then(function() {
+            self.get_user();
+        });
+    },
+    /**
+    Getting minutes through python for the corresponding user in the backend
+    */
+    get_user: function() {
+        var self = this
+        var now = new Date().getTime();
+        ajax.rpc('/get_ip').then(function(data) {
+           console.log(data)
+           if (data == false){
+              location.replace("/web/session/logout")
+           }
+        })
+    },
+});
+SystrayMenu.Items.push(GetUser);
+export default GetUser;
\ No newline at end of file