diff --git a/auto_database_backup/README.rst b/auto_database_backup/README.rst
index aa53ac246..2aaa6b9bb 100644
--- a/auto_database_backup/README.rst
+++ b/auto_database_backup/README.rst
@@ -1,5 +1,5 @@
-Automatic Database Backup
-=========================
+Automatic Database Backup To Local Server, Remote Server, Google Drive And Dropbox
+==================================================================================
 * Generate Database Backups and store to multiple locations
 
 Installation
diff --git a/auto_database_backup/__init__.py b/auto_database_backup/__init__.py
index d3c6c989e..a4a979205 100644
--- a/auto_database_backup/__init__.py
+++ b/auto_database_backup/__init__.py
@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -19,3 +19,4 @@
 #    If not, see <http://www.gnu.org/licenses/>.
 
 from . import models
+from . import wizard
diff --git a/auto_database_backup/__manifest__.py b/auto_database_backup/__manifest__.py
index c31cfe41f..12293d2b3 100644
--- a/auto_database_backup/__manifest__.py
+++ b/auto_database_backup/__manifest__.py
@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -21,9 +21,9 @@
 #############################################################################
 
 {
-    'name': "Automatic Database Backup",
-    'version': '15.0.1.0.0',
-    'summary': """Generate automatic backup of databases and store to local, google drive or remote server""",
+    'name': "Automatic Database Backup To Local Server, Remote Server, Google Drive And Dropbox",
+    'version': '15.0.2.0.1',
+    'summary': """Generate automatic backup of databases and store to local, google drive, dropbox or remote server""",
     'description': """This module has been developed for creating database backups automatically 
                     and store it to the different locations.""",
     'author': "Cybrosys Techno Solutions",
@@ -35,7 +35,8 @@
     'data': [
         'security/ir.model.access.csv',
         'data/data.xml',
-        'views/db_backup_configure_views.xml'
+        'views/db_backup_configure_views.xml',
+        'wizard/dropbox_authcode_wizard_views.xml'
     ],
     'license': 'LGPL-3',
     'images': ['static/description/banner.gif'],
diff --git a/auto_database_backup/data/data.xml b/auto_database_backup/data/data.xml
index f373ae0ce..2787ddd11 100644
--- a/auto_database_backup/data/data.xml
+++ b/auto_database_backup/data/data.xml
@@ -48,6 +48,9 @@
                             <t t-elif="object.backup_destination == 'sftp'">
                                 <i>SFTP Server</i>
                             </t>
+                            <t t-elif="object.backup_destination == 'dropbox'">
+                                <i>Dropbox</i>
+                            </t>
                             .
                             <br/>
                             <br/>
@@ -67,7 +70,10 @@
                             <t t-elif="object.backup_destination == 'sftp'">
                                 SFTP Server
                             </t>
-                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp')">
+                            <t t-elif="object.backup_destination == 'dropbox'">
+                                Dropbox
+                            </t>
+                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp', 'dropbox')">
                                 <br/>
                                 Backup Path:
                                 <t t-if="object.backup_destination == 'local'">
@@ -79,6 +85,9 @@
                                 <t t-elif="object.backup_destination == 'sftp'">
                                     <t t-out="object.sftp_path"/>
                                 </t>
+                                <t t-elif="object.backup_destination == 'dropbox'">
+                                    <t t-out="object.dropbox_folder"/>
+                                </t>
                             </t>
                             <br/>
                             Backup Type:
@@ -127,7 +136,10 @@
                             <t t-elif="object.backup_destination == 'sftp'">
                                 SFTP Server
                             </t>
-                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp')">
+                             <t t-elif="object.backup_destination == 'dropbox'">
+                                Dropbox
+                            </t>
+                            <t t-if="object.backup_destination in ('local', 'ftp', 'sftp', 'dropbox')">
                                 <br/>
                                 Backup Path:
                                 <t t-if="object.backup_destination == 'local'">
@@ -139,6 +151,9 @@
                                 <t t-elif="object.backup_destination == 'sftp'">
                                     <t t-out="object.sftp_path"/>
                                 </t>
+                                <t t-elif="object.backup_destination == 'dropbox'">
+                                    <t t-out="object.dropbox_folder"/>
+                                </t>
                             </t>
                             <br/>
                             Backup Type: <t t-out="object.backup_format"/>
diff --git a/auto_database_backup/doc/RELEASE_NOTES.md b/auto_database_backup/doc/RELEASE_NOTES.md
index ff8b062f2..d17f5d9fb 100644
--- a/auto_database_backup/doc/RELEASE_NOTES.md
+++ b/auto_database_backup/doc/RELEASE_NOTES.md
@@ -5,5 +5,8 @@
 #### ADD
 - Initial commit for auto_database_backup
 
-
+#### 14.06.2022
+#### Version 15.0.1.0.1
+#### ADD
+- Dropbox integration added. Backup can be stored in to dropbox.
 
diff --git a/auto_database_backup/models/__init__.py b/auto_database_backup/models/__init__.py
index 90120bcea..f71ffa785 100644
--- a/auto_database_backup/models/__init__.py
+++ b/auto_database_backup/models/__init__.py
@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
diff --git a/auto_database_backup/models/db_backup_configure.py b/auto_database_backup/models/db_backup_configure.py
index 28d587e74..b3a0f3a27 100644
--- a/auto_database_backup/models/db_backup_configure.py
+++ b/auto_database_backup/models/db_backup_configure.py
@@ -3,7 +3,7 @@
 #
 #    Cybrosys Technologies Pvt. Ltd.
 #
-#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    You can modify it under the terms of the GNU LESSER
@@ -25,6 +25,8 @@ from odoo.exceptions import UserError, ValidationError
 import odoo
 from odoo.service import db
 
+import dropbox
+
 import datetime
 import os
 import paramiko
@@ -53,21 +55,26 @@ class AutoDatabaseBackup(models.Model):
         ('local', 'Local Storage'),
         ('google_drive', 'Google Drive'),
         ('ftp', 'FTP'),
-        ('sftp', 'SFTP')
+        ('sftp', 'SFTP'),
+        ('dropbox', 'Dropbox')
     ], string='Backup Destination')
     backup_path = fields.Char(string='Backup Path', help='Local storage directory path')
     sftp_host = fields.Char(string='SFTP Host')
     sftp_port = fields.Char(string='SFTP Port', default=22)
-    sftp_user = fields.Char(string='SFTP User')
-    sftp_password = fields.Char(string='SFTP Password')
+    sftp_user = fields.Char(string='SFTP User', copy=False)
+    sftp_password = fields.Char(string='SFTP Password', copy=False)
     sftp_path = fields.Char(string='SFTP Path')
     ftp_host = fields.Char(string='FTP Host')
     ftp_port = fields.Char(string='FTP Port', default=21)
-    ftp_user = fields.Char(string='FTP User')
-    ftp_password = fields.Char(string='FTP Password')
+    ftp_user = fields.Char(string='FTP User', copy=False)
+    ftp_password = fields.Char(string='FTP Password', copy=False)
     ftp_path = fields.Char(string='FTP Path')
+    dropbox_client_id = fields.Char(string='Dropbox Client ID', copy=False)
+    dropbox_client_secret = fields.Char(string='Dropbox Client Secret', copy=False)
+    dropbox_refresh_token = fields.Char(string='Dropbox Refresh Token', copy=False)
+    is_dropbox_token_generated = fields.Boolean(string='Dropbox Token Generated', compute='_compute_is_dropbox_token_generated', copy=False)
+    dropbox_folder = fields.Char('Dropbox Folder')
     active = fields.Boolean(default=True)
-    save_to_drive = fields.Boolean()
     auto_remove = fields.Boolean(string='Remove Old Backups')
     days_to_remove = fields.Integer(string='Remove After',
                                     help='Automatically delete stored backups after this specified number of days')
@@ -78,10 +85,48 @@ class AutoDatabaseBackup(models.Model):
     backup_filename = fields.Char(string='Backup Filename', help='For Storing generated backup filename')
     generated_exception = fields.Char(string='Exception', help='Exception Encountered while Backup generation')
 
-    @api.constrains('db_name', 'master_pwd')
+    @api.depends('dropbox_refresh_token')
+    def _compute_is_dropbox_token_generated(self):
+        """
+        Set True if the dropbox refresh token is generated
+        """
+        for rec in self:
+            rec.is_dropbox_token_generated = bool(rec.dropbox_refresh_token)
+
+    def action_get_dropbox_auth_code(self):
+        """
+        Open a wizard to setup dropbox Authorization code
+        """
+        return {
+            'type': 'ir.actions.act_window',
+            'name': 'Dropbox Authorization Wizard',
+            'res_model': 'dropbox.auth.wizard',
+            'view_mode': 'form',
+            'target': 'new',
+        }
+
+    def get_dropbox_auth_url(self):
+        """
+        Return dropbox authorization url
+        """
+        dbx_auth = dropbox.oauth.DropboxOAuth2FlowNoRedirect(self.dropbox_client_id, self.dropbox_client_secret,
+                                                             token_access_type='offline')
+        auth_url = dbx_auth.start()
+        return auth_url
+
+    def set_dropbox_refresh_token(self, auth_code):
+        """
+        Generate and set the dropbox refresh token from authorization code
+        """
+        dbx_auth = dropbox.oauth.DropboxOAuth2FlowNoRedirect(self.dropbox_client_id, self.dropbox_client_secret,
+                                                             token_access_type='offline')
+        outh_result = dbx_auth.finish(auth_code)
+        self.dropbox_refresh_token = outh_result.refresh_token
+
+    @api.constrains('db_name')
     def _check_db_credentials(self):
         """
-        Validate enetered database name and master password
+        Validate entered database name and master password
         """
         database_list = db.list_dbs()
         if self.db_name not in database_list:
@@ -133,7 +178,6 @@ class AutoDatabaseBackup(models.Model):
         """
         records = self.search([])
         mail_template_success = self.env.ref('auto_database_backup.mail_template_data_db_backup_successful')
-        print('mail template success', mail_template_success)
         mail_template_failed = self.env.ref('auto_database_backup.mail_template_data_db_backup_failed')
         for rec in records:
             backup_time = datetime.datetime.utcnow().strftime("%Y-%m-%d_%H-%M-%S")
@@ -157,7 +201,6 @@ class AutoDatabaseBackup(models.Model):
                             if backup_duration.days >= rec.days_to_remove:
                                 os.remove(file)
                     if rec.notify_user:
-                        print('success notify')
                         mail_template_success.send_mail(rec.id, force_send=True)
                 except Exception as e:
                     rec.generated_exception = e
@@ -265,3 +308,25 @@ class AutoDatabaseBackup(models.Model):
                     _logger.info('Google Drive Exception: %s', e)
                     if rec.notify_user:
                         mail_template_failed.send_mail(rec.id, force_send=True)
+            # Dropbox backup
+            elif rec.backup_destination == 'dropbox':
+                temp = tempfile.NamedTemporaryFile(suffix='.%s' % rec.backup_format)
+                with open(temp.name, "wb+") as tmp:
+                    odoo.service.db.dump_db(rec.db_name, tmp, rec.backup_format)
+                try:
+                    dbx = dropbox.Dropbox(app_key=rec.dropbox_client_id, app_secret=rec.dropbox_client_secret, oauth2_refresh_token=rec.dropbox_refresh_token)
+                    dropbox_destination = rec.dropbox_folder + '/' + backup_filename
+                    dbx.files_upload(temp.read(), dropbox_destination)
+                    if rec.auto_remove:
+                        files = dbx.files_list_folder(rec.dropbox_folder)
+                        file_entries = files.entries
+                        expired_files = list(filter(lambda fl: (datetime.datetime.now() - fl.client_modified).days >= rec.days_to_remove, file_entries))
+                        for file in expired_files:
+                            dbx.files_delete_v2(file.path_display)
+                    if rec.notify_user:
+                        mail_template_success.send_mail(rec.id, force_send=True)
+                except Exception as error:
+                    rec.generated_exception = error
+                    _logger.info('Dropbox Exception: %s', error)
+                    if rec.notify_user:
+                        mail_template_failed.send_mail(rec.id, force_send=True)
diff --git a/auto_database_backup/security/ir.model.access.csv b/auto_database_backup/security/ir.model.access.csv
index bd7799217..632a3360f 100644
--- a/auto_database_backup/security/ir.model.access.csv
+++ b/auto_database_backup/security/ir.model.access.csv
@@ -1,2 +1,3 @@
 id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
-access_db_backup_configure,access.db.backup.configure,model_db_backup_configure,base.group_user,1,1,1,1
\ No newline at end of file
+access_db_backup_configure,access.db.backup.configure,model_db_backup_configure,base.group_user,1,1,1,1
+access_dropbox_auth_wizard,access.dropbox.auth.wizard,model_dropbox_auth_wizard,base.group_user,1,1,1,1
\ No newline at end of file
diff --git a/auto_database_backup/static/description/assets/icons/f-alarm.png b/auto_database_backup/static/description/assets/icons/f-alarm.png
new file mode 100644
index 000000000..4a4d3d2c8
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-alarm.png differ
diff --git a/auto_database_backup/static/description/assets/icons/f-backup.png b/auto_database_backup/static/description/assets/icons/f-backup.png
new file mode 100644
index 000000000..808708a3f
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-backup.png differ
diff --git a/auto_database_backup/static/description/assets/icons/f-dropbox.png b/auto_database_backup/static/description/assets/icons/f-dropbox.png
new file mode 100644
index 000000000..c8885eb5a
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-dropbox.png differ
diff --git a/auto_database_backup/static/description/assets/icons/f-ftp.png b/auto_database_backup/static/description/assets/icons/f-ftp.png
new file mode 100644
index 000000000..0f9d99cdd
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-ftp.png differ
diff --git a/auto_database_backup/static/description/assets/icons/f-google-drive.png b/auto_database_backup/static/description/assets/icons/f-google-drive.png
new file mode 100644
index 000000000..cfb334951
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-google-drive.png differ
diff --git a/auto_database_backup/static/description/assets/icons/f-remove-database.png b/auto_database_backup/static/description/assets/icons/f-remove-database.png
new file mode 100644
index 000000000..d6550213d
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-remove-database.png differ
diff --git a/auto_database_backup/static/description/assets/icons/f-sftp.png b/auto_database_backup/static/description/assets/icons/f-sftp.png
new file mode 100644
index 000000000..11d4ae53d
Binary files /dev/null and b/auto_database_backup/static/description/assets/icons/f-sftp.png differ
diff --git a/auto_database_backup/static/description/banner.gif b/auto_database_backup/static/description/banner.gif
index d4eb732f7..57bfa2a33 100644
Binary files a/auto_database_backup/static/description/banner.gif and b/auto_database_backup/static/description/banner.gif differ
diff --git a/auto_database_backup/static/description/index.html b/auto_database_backup/static/description/index.html
index 54a4fe918..d80a2cfa2 100644
--- a/auto_database_backup/static/description/index.html
+++ b/auto_database_backup/static/description/index.html
@@ -1,35 +1,36 @@
 <div class="container" style="padding: 4rem 1.5rem !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;">
                 Automatic Database Backup</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;">
-                Generate Automatic Back up of databases and store to local, google drive or remote server
+                    style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
+                Generate Automatic Back up of databases and store to Local Storage, Google Drive, Dropbox And Remote
+                Server
             </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">
@@ -42,13 +43,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">
@@ -60,13 +61,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">
@@ -82,14 +83,14 @@
     <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;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
                 This module helps to generate backups of your databases automatically on regular interval of times.
                 The generated backups can be stored into local storage, ftp server, sftp server or Google Drive.
                 User can enable auto remove option to automatically delete old backups.
@@ -104,93 +105,125 @@
     <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>
 
         <div class="col-md-6 pl-3 py-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;">
-                    Generate Database Backup</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generate database backups on regular intervals.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-backup.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Generate Database Backup</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generate database backups on regular intervals
+                    </p>
+                </div>
             </div>
+
         </div>
 
         <div class="col-md-6 pl-3 py-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;">
-                    Store Backup to FTP Server</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generated backup can be stored to remote FTP server.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-ftp.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to FTP Server</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to remote FTP server.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-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;">
-                    Store Backup to SFTP Server</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generated backup can be stored to remote SFTP server.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-sftp.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to SFTP Server</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to remote SFTP server.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-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;">
-                    Store Backup to Google drive</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Generated backup can be stored to google drive.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-google-drive.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to Google Drive</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to Google Drive.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-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 remove old backups.</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Old backups files will be deleted automatically based on the obsolescence of backup.</p>
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-dropbox.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Store Backup to Dropbox</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Generated backup can be stored to Dropbox.
+                    </p>
+                </div>
             </div>
         </div>
 
         <div class="col-md-6 pl-3 py-3 d-flex">
-            <div>
-                <img src="assets/icons/check.png">
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-remove-database.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Automatically remove old backups</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        Old backups files will be deleted automatically based on the obsolescence of backup.
+                    </p>
+                </div>
             </div>
-            <div>
-                <h4
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    Notify user on success and failure of backup generation</h4>
-                <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    An email notification send to user on successful backup generation also send an email notification when backup operation failed.</p>
+        </div>
+
+        <div class="col-md-6 pl-3 py-3 d-flex">
+            <div class="container shadow"
+                 style="border-radius:10px; padding:10px 0px; display: flex; align-items: center;">
+                <div class="col-md-3" style="display: flex; justify-content: center; align-items: center;">
+                    <img class="img img-responsive" width="60" height="60" src="/assets/icons/f-alarm.png">
+                </div>
+                <div class="col-md-9" style="padding-left:0; float:left; width:70%;">
+                    <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px">
+                        Notify user on success and failure of backup generation</h3>
+                    <p class="mt8" style="font-family:Roboto; margin-bottom: 0 !important;">
+                        An email notification send to user on successful backup generation also send an email
+                        notification when
+                        backup operation failed.
+                    </p>
+                </div>
             </div>
+
         </div>
 
     </div>
@@ -352,10 +385,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 -->
@@ -365,8 +398,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/sales_credit_limit/" 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">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/1.png">
                                 </div>
                             </a>
                         </div>
@@ -374,8 +407,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/product_to_quotation/" 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">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/2.png">
                                 </div>
                             </a>
                         </div>
@@ -383,8 +416,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/" 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">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/3.png">
                                 </div>
                             </a>
                         </div>
@@ -394,8 +427,8 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" 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">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/4.png">
                                 </div>
                             </a>
                         </div>
@@ -403,18 +436,18 @@
                             <a href="https://apps.odoo.com/apps/modules/15.0/product_barcode/" 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">
+                                         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/15.0/inventory_barcode_scanning/"
-                                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/6.png">
+                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                         src="./assets/modules/6.png">
                                 </div>
                             </a>
                         </div>
@@ -422,13 +455,14 @@
                 </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>
+                   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>
@@ -440,12 +474,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;">
@@ -455,7 +489,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;">
@@ -465,7 +499,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;">
@@ -476,7 +510,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;">
@@ -487,7 +521,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;">
@@ -497,7 +531,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;">
@@ -508,7 +542,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;">
@@ -518,7 +552,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;">
@@ -528,7 +562,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;">
@@ -545,15 +579,14 @@
             <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;">
+                    <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;">
@@ -565,10 +598,9 @@
 
             <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;">
+                    <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;">
@@ -580,11 +612,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/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;">
+                         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;">
@@ -595,11 +626,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/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;">
+                         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;">
@@ -610,10 +640,9 @@
 
             <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;">
+                    <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;">
@@ -625,10 +654,9 @@
 
             <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;">
+                    <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;">
@@ -639,11 +667,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/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;">
+                         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;">
@@ -654,10 +681,9 @@
 
             <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;">
+                    <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;">
@@ -679,32 +705,27 @@
             <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-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-4">
+                    <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 class="col-lg-4">
-                        <a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
-                            style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
-                                class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
+                           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>+91 8606827707</a>
                     </div>
                 </div>
             </div>
@@ -717,12 +738,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/auto_database_backup/views/db_backup_configure_views.xml b/auto_database_backup/views/db_backup_configure_views.xml
index 1509ad3bc..c84ad4370 100644
--- a/auto_database_backup/views/db_backup_configure_views.xml
+++ b/auto_database_backup/views/db_backup_configure_views.xml
@@ -50,6 +50,39 @@
                             <field name="sftp_password" attrs="{'invisible': [('backup_destination', '!=', 'sftp')], 'required': [('backup_destination', '=', 'sftp')]}" password="True"/>
                             <field name="sftp_path" attrs="{'invisible': [('backup_destination', '!=', 'sftp')], 'required': [('backup_destination', '=', 'sftp')]}"/>
                             <field name="google_drive_folderid" attrs="{'invisible': [('backup_destination', '!=', 'google_drive')], 'required': [('backup_destination', '=', 'google_drive')]}"/>
+                            <field name="dropbox_client_id" string="App Key" attrs="{'invisible': [('backup_destination', '!=', 'dropbox')], 'required': [('backup_destination', '=', 'dropbox')]}" password="True"/>
+                            <field name="dropbox_client_secret" string="App Secret" attrs="{'invisible': [('backup_destination', '!=', 'dropbox')], 'required': [('backup_destination', '=', 'dropbox')]}" password="True"/>
+                            <div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', False)]}">
+                                    <i class="text-success fa fa-check"></i>
+                                    Refresh token set
+                                </div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', True)]}">
+                                    <i class="fa fa-exclamation-triangle text-warning"></i>
+                                    No refresh token set
+                                </div>
+                            </div>
+                            <div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', True)]}">
+                                    <button class="btn btn-link"
+                                            name="action_get_dropbox_auth_code"
+                                            type="object">
+                                        <i class="fa fa-arrow-right"></i>
+                                        Setup Token
+                                    </button>
+                                </div>
+                                <div attrs="{'invisible': ['|', ('backup_destination', '!=', 'dropbox'), ('is_dropbox_token_generated', '=', False)]}">
+                                    <button class="btn btn-link"
+                                            name="action_get_dropbox_auth_code"
+                                            type="object">
+                                        <i class="fa fa-arrow-right"></i>
+                                        Reset Token
+                                    </button>
+                                </div>
+                            </div>
+                            <field name="dropbox_refresh_token" invisible="1"/>
+                            <field name="is_dropbox_token_generated" invisible="1"/>
+                            <field name="dropbox_folder" attrs="{'invisible': [('backup_destination', '!=', 'dropbox')], 'required': [('backup_destination', '=', 'dropbox')]}"/>
                             <field name="auto_remove"/>
                             <label for="days_to_remove" class="oe_inline" attrs="{'invisible': [('auto_remove', '=', False)]}"/>
                             <div attrs="{'invisible': [('auto_remove', '=', False)]}">
diff --git a/auto_database_backup/wizard/__init__.py b/auto_database_backup/wizard/__init__.py
new file mode 100644
index 000000000..c59873163
--- /dev/null
+++ b/auto_database_backup/wizard/__init__.py
@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import dropbox_auth_code_wizard
diff --git a/auto_database_backup/wizard/dropbox_auth_code_wizard.py b/auto_database_backup/wizard/dropbox_auth_code_wizard.py
new file mode 100644
index 000000000..2faea96bd
--- /dev/null
+++ b/auto_database_backup/wizard/dropbox_auth_code_wizard.py
@@ -0,0 +1,42 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    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 LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import models, fields, api, _
+
+
+class DropboxAuthCode(models.TransientModel):
+    _name = 'dropbox.auth.wizard'
+    _description = 'Dropbox Authentication Code Wizard'
+
+    dropbox_authorization_code = fields.Char(string='Authorization Code')
+    dropbox_auth_url = fields.Char(string='Dropbox Authentication URL', compute='_compute_dropbox_auth_url')
+
+    @api.depends('dropbox_authorization_code')
+    def _compute_dropbox_auth_url(self):
+        backup_config = self.env['db.backup.configure'].browse(self.env.context.get('active_id'))
+        dropbox_auth_url = backup_config.get_dropbox_auth_url()
+        for rec in self:
+            rec.dropbox_auth_url = dropbox_auth_url
+
+    def action_setup_dropbox_token(self):
+        backup_config = self.env['db.backup.configure'].browse(self.env.context.get('active_id'))
+        backup_config.set_dropbox_refresh_token(self.dropbox_authorization_code)
diff --git a/auto_database_backup/wizard/dropbox_authcode_wizard_views.xml b/auto_database_backup/wizard/dropbox_authcode_wizard_views.xml
new file mode 100644
index 000000000..210ca26f2
--- /dev/null
+++ b/auto_database_backup/wizard/dropbox_authcode_wizard_views.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<odoo>
+    <record id="view_dropbox_authcode_wizard_views_form" model="ir.ui.view">
+        <field name="name">dropbox.auth.wizard.form</field>
+        <field name="model">dropbox.auth.wizard</field>
+        <field name="arch" type="xml">
+            <form>
+                <group>
+                    <span>Get an authorization code and set it in the field below.</span>
+                    <field name="dropbox_auth_url"
+                           class="fa fa-arrow-right"
+                           widget="url"
+                           text="Get Authorization Code"
+                           nolabel="1"/>
+                </group>
+                <group>
+                    <field name="dropbox_authorization_code" required="1"/>
+                </group>
+                <footer>
+                    <button string="Confirm" type="object" name="action_setup_dropbox_token" class="btn-primary"/>
+                    <button string="Cancel" class="btn-secondary" special="cancel"/>
+                </footer>
+            </form>
+        </field>
+    </record>
+</odoo>
\ No newline at end of file