diff --git a/pdf_report_action/static/description/assets/screenshots/pdf1.png b/pdf_report_action/static/description/assets/screenshots/pdf1.png
new file mode 100644
index 000000000..cfcad89ef
Binary files /dev/null and b/pdf_report_action/static/description/assets/screenshots/pdf1.png differ
diff --git a/pdf_report_action/static/description/index.html b/pdf_report_action/static/description/index.html
index e5ada8c17..fb9e7d151 100755
--- a/pdf_report_action/static/description/index.html
+++ b/pdf_report_action/static/description/index.html
@@ -1,196 +1,231 @@
 <div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
-  <!-- TITLE BAR -->
-  <div class="d-flex align-items-center justify-content-between"
-    style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
-    <img src="assets/misc/cybrosys-logo.png" width="42" height="42" style="width: 42px; height: 42px;" />
-    <div>
-      <div
-        style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
-        class="mr-2">
-        <i class="fa fa-check mr-1"></i>Community
-      </div>
-      <div
-        style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
-        class="mr-2">
-        <i class="fa fa-check mr-1"></i>Enterprise
-      </div>
+    <!-- TITLE BAR -->
+    <div class="d-flex align-items-center justify-content-between"
+         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+        <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
+             style="width: 42px; height: 42px;"/>
+        <div>
+            <div
+                    style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Community
+            </div>
+            <div
+                    style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Enterprise
+            </div>
+        </div>
     </div>
-  </div>
-  <!-- END OF TITLE BAR -->
-  <div class="container">
-    <div class="row">
-      <div class="col-sm-12 col-md-12 col-lg-12">
-        <!-- APP HERO -->
-        <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
-          Dynamic Report Operations
-        </h1>
-        <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">Different Action Types For PDF Report.</p>
-        <!-- END OF APP HERO -->
-        <img src="assets/screenshots/hero.gif" class="img-responsive"
-          style="width: 100%; margin-left: auto; margin-right: auto;" />
-      </div>
+    <!-- END OF TITLE BAR -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <!-- APP HERO -->
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Dynamic Report Operations
+                </h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    Different Action Types For PDF Report.</p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/hero.gif" class="img-responsive"
+                     style="width: 100%; margin-left: auto; margin-right: auto;"/>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
 
 <!-- NAVIGATION SECTION -->
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/compass.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Explore This
-    Module</h2>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/compass.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Explore This
+        Module</h2>
 </div>
 <div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
-  <div class="col-sm-12 col-md-6 my-3">
-    <a href="#overview">
-      <div class="d-flex justify-content-between align-items-center"
-        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
-        <div>
-          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
-          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
             more about this
             module</span>
-        </div>
-        <img src="assets/misc/right-arrow.png" width="36" height="36" />
-      </div>
-    </a>
-  </div>
-  <div class="col-sm-12 col-md-6 my-3">
-    <a href="#features">
-      <div class="d-flex justify-content-between align-items-center"
-        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
-        <div>
-          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
-          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
             features of this
             module</span>
-        </div>
-        <img src="assets/misc/right-arrow.png" width="36" height="36" />
-      </div>
-    </a>
-  </div>
-  <div class="col-sm-12 col-md-6 my-3">
-    <a href="#screenshots">
-      <div class="d-flex justify-content-between align-items-center"
-        style="background-color: #f5f5f5; padding: 30px; width: 100%;">
-        <div>
-          <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
-          <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
             screenshots for this
             module</span>
-        </div>
-        <img src="assets/misc/right-arrow.png" width="36" height="36" />
-      </div>
-    </a>
-  </div>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
 </div>
 <!-- END OF NAVIGATION SECTION -->
 
 <!-- OVERVIEW SECTION -->
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/pie-chart.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Overview
-  </h2>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pie-chart.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Overview
+    </h2>
 </div>
-<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
-  <div class="col-sm-12 py-4">
-    This module allows users to have different actions for pdf report.
-  </div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">
+        This module allows users to have different actions for pdf report.
+    </div>
 </div>
 <!-- END OF OVERVIEW SECTION -->
 
 <!-- FEATURES SECTION -->
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/features.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Features
-  </h2>
-</div>
-<div class="row" style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
-  <div class="col-sm-12 col-md-6">
-    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
-      <img src="assets/misc/check-box.png" class="mr-2" />
-      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Define different actions for pdf report</span>
-    </div>
-    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
-      <img src="assets/misc/check-box.png" class="mr-2" />
-      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Print, Download, Open and Share by Email</span>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/features.png"/>
     </div>
-    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
-      <img src="assets/misc/check-box.png" class="mr-2" />
-      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Available for Sales, Purchase, Inventory and Invoice modules</span>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Features
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Define different actions for pdf report</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Print, Download, Open and Share by Email</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Available for Sales, Purchase, Inventory and Invoice modules</span>
+        </div>
     </div>
-  </div>
-  <div class="col-sm-12 col-md-6">
+    <div class="col-sm-12 col-md-6">
 
-    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
-      <img src="assets/misc/check-box.png" class="mr-2" />
-      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Can share report either using email template or without, according to the module.</span>
-    </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Can share report either using email template or without, according to the module.</span>
+        </div>
 
-  </div>
+    </div>
 </div>
 <!-- END OF FEATURES SECTION -->
 
 <!-- SCREENSHOTS SECTION -->
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="screenshots">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/pictures.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Screenshots
-  </h2>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="screenshots">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pictures.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Screenshots
+    </h2>
 </div>
 <div class="row">
-  <div class="col-sm-12">
+    <div class="col-sm-12">
 
-    <div style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Set Report Action
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
 
-      </h3>
-      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Go to Your Module -> Action
-        ->We can see an option 'PDF Report Action'.
-       </p>
-      <img src="assets/screenshots/pdf_rprt2.png" class="img-thumbnail">
-    </div>
+            </h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                We can see a Systray icon 'Report Actions'.
+            </p>
+            <img src="assets/screenshots/pdf_rprt2.png" class="img-thumbnail">
+        </div>
 
-    <div style="display: block; margin: 30px auto;">
-      <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">There are four actions Print, Download, Open and Share by Email </p>
-      <img src="assets/screenshots/pdf_reprt_action_1.png" class="img-thumbnail">
-    </div>
+        <div style="display: block; margin: 30px auto;">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                There are four actions Print, Download, Open and Share by
+                Email </p>
+            <img src="assets/screenshots/pdf_reprt_action_1.png"
+                 class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                We can select the model and records to perform the report
+                actions</p>
+            <img src="assets/screenshots/pdf1.png" class="img-thumbnail">
+        </div>
 
-    <div style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sale Order Report View</h3>
-      <img src="assets/screenshots/Screenshot3.png" class="img-thumbnail">
-    </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Sale Order Report View</h3>
+            <img src="assets/screenshots/Screenshot3.png" class="img-thumbnail">
+        </div>
 
-    <div style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Purchase Order Report View</h3>
-      <img src="assets/screenshots/Screenshot4.png" class="img-thumbnail">
-    </div>
-     <div style="display: block; margin: 30px auto;">
-          <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Invoice Report View</h3>
-          <img src="assets/screenshots/Screenshot5.png" class="img-thumbnail">
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Purchase Order Report View</h3>
+            <img src="assets/screenshots/Screenshot4.png" class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Invoice Report View</h3>
+            <img src="assets/screenshots/Screenshot5.png" class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Stock Picking Report View</h3>
+            <img src="assets/screenshots/Screenshot6.png" class="img-thumbnail">
         </div>
-    <div style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Stock Picking Report View</h3>
-      <img src="assets/screenshots/Screenshot6.png" class="img-thumbnail">
-    </div>
 
-    <div style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Share Report Via Email</h3>
-      <img src="assets/screenshots/Screenshot7.png" class="img-thumbnail">
-    </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Share Report Via Email</h3>
+            <img src="assets/screenshots/Screenshot7.png" class="img-thumbnail">
+        </div>
 
 
-  </div>
+    </div>
 </div>
 <!-- END OF SCREENSHOTS SECTION -->
 
@@ -257,7 +292,7 @@
                             </div>
                         </a>
                     </div>
-                     <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
                          style="float:left">
                         <a href="https://apps.odoo.com/apps/modules/16.0/user_weather_notification/"
                            target="_blank">
@@ -300,110 +335,131 @@
 
 <!-- OUR SERVICES -->
 
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/star.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our Services
-  </h2>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/star.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our Services
+    </h2>
 </div>
 
 <div class="container my-5">
-  <div class="row">
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Customization</h6>
-    </div>
+    <div class="row">
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/cogs.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Customization</h6>
+        </div>
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Implementation</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/wrench.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Support</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/lifebuoy.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Support</h6>
+        </div>
 
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Hire
-        Odoo
-        Developer</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/user.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Hire
+                Odoo
+                Developer</h6>
+        </div>
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Integration</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/puzzle.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Integration</h6>
+        </div>
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Migration</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/update.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Migration</h6>
+        </div>
 
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Consultancy</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/consultation.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Consultancy</h6>
+        </div>
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Implementation</h6>
-    </div>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/training.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
 
-    <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-      <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
-      </div>
-      <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        Odoo
-        Licensing Consultancy</h6>
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/license.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Licensing Consultancy</h6>
+        </div>
     </div>
-  </div>
 
 </div>
 
@@ -411,178 +467,197 @@
 
 <!-- OUR INDUSTRIES -->
 
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/corporate.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Our
-    Industries
-  </h2>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/corporate.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our
+        Industries
+    </h2>
 </div>
 
 <div class="container my-5">
-  <div class="row">
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          Trading
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          Easily procure
-          and
-          sell your products</p>
-      </div>
-    </div>
+    <div class="row">
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/trading-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Trading
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easily procure
+                    and
+                    sell your products</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          POS
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          Easy
-          configuration
-          and convivial experience</p>
-      </div>
-    </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/pos-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    POS
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easy
+                    configuration
+                    and convivial experience</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/education-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          Education
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          A platform for
-          educational management</p>
-      </div>
-    </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/education-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Education
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    A platform for
+                    educational management</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          Manufacturing
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          Plan, track and
-          schedule your operations</p>
-      </div>
-    </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/manufacturing-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Manufacturing
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Plan, track and
+                    schedule your operations</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          E-commerce &amp; Website
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          Mobile
-          friendly,
-          awe-inspiring product pages</p>
-      </div>
-    </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/ecom-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    E-commerce &amp; Website
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Mobile
+                    friendly,
+                    awe-inspiring product pages</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          Service Management
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          Keep track of
-          services and invoice</p>
-      </div>
-    </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/service-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Service Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Keep track of
+                    services and invoice</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          Restaurant
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          Run your bar or
-          restaurant methodically</p>
-      </div>
-    </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/restaurant-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Restaurant
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Run your bar or
+                    restaurant methodically</p>
+            </div>
+        </div>
 
-    <div class="col-lg-3">
-      <div class="my-4 d-flex flex-column justify-content-center"
-        style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
-        <img src="assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
-        <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-          Hotel Management
-        </h5>
-        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-          An
-          all-inclusive
-          hotel management application</p>
-      </div>
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/hotel-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Hotel Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    An
+                    all-inclusive
+                    hotel management application</p>
+            </div>
+        </div>
     </div>
-  </div>
 </div>
 
 <!-- END OF OUR INDUSTRIES -->
 
 <!-- SUPPORT -->
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
-  <div class="d-flex justify-content-center align-items-center mr-2"
-    style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-    <img src="assets/misc/customer-support.png" />
-  </div>
-  <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Support
-  </h2>
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/customer-support.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Support
+    </h2>
 </div>
 <div class="container mt-5">
-  <div class="row">
-    <div class="col-sm-12 col-md-6">
-      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
-        <div class="mr-4 d-flex justify-content-center align-items-center"
-          style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
-          <img src="assets/misc/support.png" height="48" width="48" style="width: 42px; height: 42px;" />
+    <div class="row">
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4 d-flex justify-content-center align-items-center"
+                     style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/support.png" height="48" width="48"
+                         style="width: 42px; height: 42px;"/>
+                </div>
+                <div>
+                    <h4>Need Help?</h4>
+                    <p style="line-height: 100%;">Got questions or need help?
+                        Get in touch.</p>
+                    <a href="mailto:odoo@cybrosys.com">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            odoo@cybrosys.com</p>
+                    </a>
+                </div>
+            </div>
         </div>
-        <div>
-          <h4>Need Help?</h4>
-          <p style="line-height: 100%;">Got questions or need help? Get in touch.</p>
-          <a href="mailto:odoo@cybrosys.com">
-            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
-              odoo@cybrosys.com</p>
-          </a>
-        </div>
-      </div>
-    </div>
-    <div class="col-sm-12 col-md-6">
-      <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
-        <div class="mr-4 d-flex justify-content-center align-items-center"
-          style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
-          <img src="assets/misc/whatsapp.png" height="52" width="52" style="width: 52px; height: 52px;" />
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4 d-flex justify-content-center align-items-center"
+                     style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/whatsapp.png" height="52" width="52"
+                         style="width: 52px; height: 52px;"/>
+                </div>
+                <div>
+                    <h4>WhatsApp</h4>
+                    <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+                    <a href="https://api.whatsapp.com/send?phone=918606827707">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            +91 86068
+                            27707</p>
+                    </a>
+                </div>
+            </div>
         </div>
-        <div>
-          <h4>WhatsApp</h4>
-          <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
-          <a href="https://api.whatsapp.com/send?phone=918606827707">
-            <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">+91 86068
-              27707</p>
-          </a>
-        </div>
-      </div>
     </div>
-  </div>
-  <div class="row">
-    <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
-      <img src="assets/misc/logo.png" width="144" height="31" style="width:144px; height: 31px; margin-top: 40px;" />
+    <div class="row">
+        <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+            <img src="assets/misc/logo.png" width="144" height="31"
+                 style="width:144px; height: 31px; margin-top: 40px;"/>
+        </div>
     </div>
-  </div>
 </div>
 <!-- END OF SUPPORT -->
\ No newline at end of file