NOV 27 : [UPDT] Index file updated 'pdf_report_action'

1 year ago · bebc853e6f
2 changed files with 468 additions and 393 deletions
--- a/pdf_report_action/static/description/assets/screenshots/pdf1.png
+++ b/pdf_report_action/static/description/assets/screenshots/pdf1.png
--- a/pdf_report_action/static/description/index.html
+++ b/pdf_report_action/static/description/index.html
@ -2,7 +2,8 @@
    <!-- 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;" />
+        <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;"
@ -24,7 +25,8 @@
                <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>
+                <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;"/>
@ -34,12 +36,15 @@
 </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 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
+    <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;">
@ -89,15 +94,19 @@
 <!-- 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 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 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="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>
@ -105,32 +114,40 @@
 <!-- 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 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 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="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">
+        <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">
+        <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">
+        <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 class="col-sm-12 col-md-6">

-    <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
+        <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>
@ -140,52 +157,70 @@
 <!-- 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 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 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 style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Set Report Action
+            <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 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">
+            <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>
+            <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>
+            <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>
+            <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>
+            <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>
+            <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>

@ -300,12 +335,15 @@

 <!-- OUR SERVICES -->

-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+<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 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our Services
    </h2>
 </div>

@ -314,9 +352,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Customization</h6>
        </div>
@ -324,9 +364,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Implementation</h6>
        </div>
@ -334,9 +376,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Support</h6>
        </div>
@ -345,9 +389,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Hire
                Odoo
                Developer</h6>
@ -356,9 +402,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Integration</h6>
        </div>
@ -366,9 +414,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Migration</h6>
        </div>
@ -377,9 +427,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Consultancy</h6>
        </div>
@ -387,9 +439,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Implementation</h6>
        </div>
@ -397,9 +451,11 @@
        <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">
+                <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;">
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
                Odoo
                Licensing Consultancy</h6>
        </div>
@ -411,12 +467,15 @@

 <!-- OUR INDUSTRIES -->

-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+<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
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our
        Industries
    </h2>
 </div>
@ -426,7 +485,8 @@
        <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">
+                <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>
@ -440,7 +500,8 @@
        <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">
+                <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>
@ -454,7 +515,8 @@
        <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">
+                <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>
@ -467,7 +529,8 @@
        <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">
+                <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>
@ -480,7 +543,8 @@
        <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">
+                <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>
@ -494,7 +558,8 @@
        <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">
+                <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>
@ -507,7 +572,8 @@
        <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">
+                <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>
@ -520,7 +586,8 @@
        <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">
+                <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>
@ -536,12 +603,15 @@
 <!-- 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 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 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Support
    </h2>
 </div>
 <div class="container mt-5">
@ -550,11 +620,13 @@
            <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;" />
+                    <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>
+                    <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>
@ -566,13 +638,15 @@
            <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;" />
+                    <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
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            +91 86068
                            27707</p>
                    </a>
                </div>
@ -581,7 +655,8 @@
    </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;" />
+            <img src="assets/misc/logo.png" width="144" height="31"
+                 style="width:144px; height: 31px; margin-top: 40px;"/>
        </div>
    </div>
 </div>