diff --git a/all_in_one_whatsapp_integration/README.rst b/all_in_one_whatsapp_integration/README.rst
index 79bdacb93..6e8efce56 100644
--- a/all_in_one_whatsapp_integration/README.rst
+++ b/all_in_one_whatsapp_integration/README.rst
@@ -2,8 +2,8 @@
     :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
     :alt: License: AGPL-3
 
-All in one WhatsApp Integration Odoo16
-======================================
+All in one Whatsapp
+===================
 This module helps you to send a whatsapp message to your partners that are in sale order,
 purchase order, invoice and bills, and deliver orders.
 
diff --git a/all_in_one_whatsapp_integration/__init__.py b/all_in_one_whatsapp_integration/__init__.py
index be204b38e..bb98d3f23 100644
--- a/all_in_one_whatsapp_integration/__init__.py
+++ b/all_in_one_whatsapp_integration/__init__.py
@@ -19,7 +19,6 @@
 #    If not, see <http://www.gnu.org/licenses/>.
 #
 ###############################################################################
-
 from . import controllers
 from . import models
 from . import wizard
diff --git a/all_in_one_whatsapp_integration/__manifest__.py b/all_in_one_whatsapp_integration/__manifest__.py
index 148f249c1..52c86e1cd 100644
--- a/all_in_one_whatsapp_integration/__manifest__.py
+++ b/all_in_one_whatsapp_integration/__manifest__.py
@@ -20,11 +20,13 @@
 #
 ###############################################################################
 {
-    'name': "All in one WhatsApp Integration Odoo16",
+    'name': "All in one Whatsapp",
     'version': '16.0.1.0.0',
     'category': 'Extra Tools',
-    'summary': """WhatsApp Integration In Sale Order, Purchase Order, Delivery Order with Twilio and CloudAPI""",
-    'description': """WhatsApp, WhatsApp Odoo, whatsapp, WhatsApp Integration In Sale Order, Purchase Order, Delivery Order with Twilio and CloudAPI""",
+    'summary': """Send whatsapp messages to the partner""",
+    'description': """ This module helps you to send a whatsapp message to your 
+     partners that are in sale order, purchase order, invoice and bills, and
+     deliver orders.""",
     'author': 'Cybrosys Techno Solutions',
     'company': 'Cybrosys Techno Solutions',
     'maintainer': 'Cybrosys Techno Solutions',
diff --git a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr1.png b/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr1.png
deleted file mode 100644
index 45913fa7b..000000000
Binary files a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr1.png and /dev/null differ
diff --git a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr2.png b/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr2.png
deleted file mode 100644
index 2c04ced07..000000000
Binary files a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr2.png and /dev/null differ
diff --git a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr3.png b/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr3.png
deleted file mode 100644
index ae70d0c23..000000000
Binary files a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr3.png and /dev/null differ
diff --git a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr4.png b/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr4.png
deleted file mode 100644
index 119c76379..000000000
Binary files a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr4.png and /dev/null differ
diff --git a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr5.png b/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr5.png
deleted file mode 100644
index 6821c26d2..000000000
Binary files a/all_in_one_whatsapp_integration/static/description/assets/screenshots/cr5.png and /dev/null differ
diff --git a/all_in_one_whatsapp_integration/static/description/banner.png b/all_in_one_whatsapp_integration/static/description/banner.png
index bb580b85b..d92288585 100644
Binary files a/all_in_one_whatsapp_integration/static/description/banner.png and b/all_in_one_whatsapp_integration/static/description/banner.png differ
diff --git a/all_in_one_whatsapp_integration/static/description/icon.png b/all_in_one_whatsapp_integration/static/description/icon.png
index 46c24cabb..dcb2409a0 100644
Binary files a/all_in_one_whatsapp_integration/static/description/icon.png and b/all_in_one_whatsapp_integration/static/description/icon.png differ
diff --git a/all_in_one_whatsapp_integration/static/description/index.html b/all_in_one_whatsapp_integration/static/description/index.html
index 0c8510605..4de27b494 100644
--- a/all_in_one_whatsapp_integration/static/description/index.html
+++ b/all_in_one_whatsapp_integration/static/description/index.html
@@ -1,959 +1,949 @@
-<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>
-            <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>Odoo.sh
-            </div>
-        </div>
-    </div>
-    <div class="container" style="padding: 0rem 1.5rem 4rem !important">
-        <div class="row" style="height: 900px !important;">
-            <div class="col-sm-12 col-md-12 col-lg-12"
-                 style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-                <h1
-                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-                    All In One WhatsApp Integration Odoo16</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;">
-                    WhatsApp Integration In Sale Order, Purchase Order, Delivery Order with Twilio and CloudAPI</p>
-                <img src="assets/screenshots/hero.gif" class="img-responsive"
-                     width="100%" height="auto"/>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-md-12"
-                 style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-                <h2
-                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                    <i class="fa fa-compass mr-2"></i>Explore this module
-                </h2>
-                <div class="row">
-                    <div class="col-md-6">
-                        <a href="#overview"
-                           style="text-decoration: none !important;">
-                            <div class="row"
-                                 style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-                                <div class="col-8">
-                                    <h3
-                                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-                                        Overview</h3>
-                                    <p
-                                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                                        Learn more about this module</p>
-                                </div>
-                                <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                                    <i class="fa fa-chevron-right"
-                                       style="color: #714B67 !important;"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </div>
-                    <div class="col-md-6">
-                        <a href="#features"
-                           style="text-decoration: none !important;">
-                            <div class="row"
-                                 style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-                                <div class="col-8">
-                                    <h3
-                                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-                                        Features</h3>
-                                    <p
-                                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                                        View features of this module</p>
-                                </div>
-                                <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                                    <i class="fa fa-chevron-right"
-                                       style="color: #714B67 !important;"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </div>
-                    <div class="col-md-6">
-                        <a href="#screenshots"
-                           style="text-decoration: none !important;">
-                            <div class="row"
-                                 style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-                                <div class="col-8">
-                                    <h3
-                                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-                                        Screenshots</h3>
-                                    <p
-                                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                                        See key screenshots of this module</p>
-                                </div>
-                                <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                                    <i class="fa fa-chevron-right"
-                                       style="color: #714B67 !important;"></i>
-                                </div>
-                            </div>
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row" id="overview">
-            <div class="col-md-12"
-                 style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                <h2
-                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                    <i class="fa fa-pie-chart mr-2"></i>Overview
-                </h2>
-            </div>
-            <div class="col-mg-12 pl-3">
-                <p
-                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-                    This Module Helps you to Send a Whatsapp Message to your
-                    Partners that are in Sale Order, Purchase Order, Invoice
-                    and Bills, and Deliver Orders.
-                </p>
-            </div>
-        </div>
-        <div class="row" id="features">
-            <div class="col-md-12"
-                 style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                <h2
-                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                    <i class="fa fa-star mr-2"></i>Features
-                </h2>
-            </div>
-
-            <div class="col-md-6 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;">
-                        Send Sale Order Details and Invoice Through WhatsApp to
-                        Users .</h4>
-                </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;">
-                        Send Purchase Order Details and Bill Through WhatsApp
-                        to
-                        Users.</h4>
-                </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;">
-                        Send Delivery Details and Receipt Through WhatsApp to
-                        Users.</h4>
-                </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;">
-                        Send WhatsApp Message by Twilio Method</h4>
-                </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;">
-                        Send WhatsApp Message by WhatsApp Web Method</h4>
-                </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;">
-                        Send WhatsApp Message through Livechat</h4>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <div class="row" id="screenshots">
-    <div class="col-md-12"
-         style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-        <h2
-                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-            <i class="fa fa-image mr-2"></i>Screenshots
-        </h2>
-    </div>
-    <div class="col-lg-12 my-2">
-        <h4 class="mt-2" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-            Get Twilio Credentials</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Go to the Twilio website at <a href="https://www.twilio.com/">https://www.twilio.com/</a><br/>
-                Click on the "Sign Up" Button to Create a new Account. If you
-                already have an Account, you can Log In Instead.</p>
-        <img src="assets/screenshots/a.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                After Logging in, Navigate to the Twilio Console. You can find
-                the Link to the Console in the top right Corner of the Website.
-                In the Twilio Console, you will see a Sidebar on the left.
-                Click on the "Get a Trial Number" button to obtain a Phone
-                Number for Testing</p>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                In the Settings page, you will find your Account SID (a unique
-                identifier for your Twilio account) and your Auth Token (used
-                for authentication). These Credentials will be Required to make API
-                Requests.
-            </p>
-        <img src="assets/screenshots/a1.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-            Twilio Configuration in Odoo</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Go to Settings and add the credentials under the
-                Twilio Credentials for Whatsapp.</p>
-        <img src="assets/screenshots/cr1.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Add whatsapp mobile number to the sale order partner.</p>
-        <img src="assets/screenshots/2.1.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send Quotation through whatsapp</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Go to Sales -> Quotation ->Click on the Button "SEND BY
-                WHATSAPP"</p>
-        <img src="assets/screenshots/2.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Using Twilio</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Choose 'Twilio' as the 'Send Using' method and click send</p>
-        <img src="assets/screenshots/5.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                The message will be sent as shown below.</p>
-        <img src="assets/screenshots/6.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Get Cloud API WhatsApp Credentials</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                To get cloud API whatsapp credential first you need a facebook
-                account. Go to the<a href="https://developers.facebook.com">
-                https://developers.facebook.com</a> website, and you can sign up
-                your developer facebook account using the
-                facebook account and whatsapp business account.</p>
-        <img src="assets/screenshots/c1.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                After Logging in, there has an option 'My Apps', from here we
-                can access all your apps in the facebook developer account.</p>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                From there we need to create new app for the whatsapp cloud
-                integration. There has 'Create App' option to create a new app.</p>
-        <img src="assets/screenshots/c2.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                It opens a new window, here there some option to choose, select
-                'Other' and click on 'Next' button.</p>
-        <img src="assets/screenshots/c3.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Select app type 'Business' and click on 'Next' button.</p>
-        <img src="assets/screenshots/c4.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Provide App name and App contact email, select Business account
-                as 'Test Business', click on Create App.</p>
-        <img src="assets/screenshots/c5.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Then after we need to integrate the Whatsapp with our app that
-                we created by clicking on 'Set up'.</p>
-        <img src="assets/screenshots/c7.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                There has API set up option menu under Whatsapp on the left
-                side,from there we can access our Temporary
-                Access Token, Phone Number ID and Whatsapp Business Account ID.</p>
-        <img src="assets/screenshots/c8.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                We can Choose a mobile number from 'To' option, can send
-                message to the number by clicking the 'Send
-                Message' button.</p>
-        <img src="assets/screenshots/c9.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">It will send a demonstration message like shown below</p>
-        <img src="assets/screenshots/c10.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Whatsapp Cloud API Configuration in Odoo</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Go to Settings and add the credentials under the
-                Whatsapp Cloud API Credentials.</p>
-        <img src="assets/screenshots/cr2.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send Quotation through whatsapp</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Go to Sales -> Quotation ->Click on the Button "SEND BY
-                WHATSAPP"</p>
-        <img src="assets/screenshots/2.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Using Cloud WhatsApp</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Choose 'Cloud WhatsApp' as the Send Using method, We have Two
-                options Using , Text and Document. Choose one and click Send.</p>
-        <img src="assets/screenshots/1.1.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                The message will be sent as shown below.</p>
-        <img src="assets/screenshots/1.3.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Using WhatsApp Web</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Choose 'WhatsApp Web' as the Send Using method. It will redirect
-                you to WhatsApp Web and you can send message through it.</p>
-        <img src="assets/screenshots/3.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                The message will be sent as shown below.</p>
-        <img src="assets/screenshots/4.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send By WhatsApp in Purchase Module</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Go to Purchase -> RFQ ->Click on the Button "SEND BY
-                WHATSAPP"</p>
-        <img src="assets/screenshots/10.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send By WhatsApp in Invoicing Module</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Go to Invoicing -> Customers -> Invoice ->Click on the Button "SEND BY
-                WHATSAPP"</p>
-        <img src="assets/screenshots/cr3.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Send By WhatsApp in Inventory Module</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Got to Inventory -> Transfer ->Click on the Button "SEND BY
-                WHATSAPP"</p>
-        <img src="assets/screenshots/11.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">WhatsApp Message Through Livechat</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-               First add the Number to the related partner of the user.
-            Make sure do not include the spaces.</p>
-        <img src="assets/screenshots/c11.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                We can receive realtime whatsapp messages to the Business
-                whatsapp number through Live Chat. For that
-                first we need to configure Webhooks from facebook developer
-                account. There has 'Configuration' menu
-                under Whatsapp on left side, from there we configure webhook
-                for the realtime message chat.</p>
-        <img src="assets/screenshots/cr4.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                We add Call back url for the webhook here. It will trigger a
-                response while we receive whatsapp message
-                to the Business whatsapp. Also need to provide a verification
-                token to connect it, click on 'Verify and Save' Button.
-                The Webhook format is "ip_address/whatsapp_message".</p>
-        <img src="assets/screenshots/cr5.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Then after we need to choose 'message' as webhook field by
-                clicking the manage button. Enable the messages option and click Done</p>
-        <img src="assets/screenshots/c14.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">Message Through Livechat</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                We get the realtime whatsapp chats of business whatsapp through
-                the Live Chat.</p>
-        <img src="assets/screenshots/c16.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"></h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                We can also send messages through the LiveChat.</p>
-        <img src="assets/screenshots/c17.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-    <div class="col-lg-12 my-3">
-        <h4 class="mt-3" style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">WhatsApp View</h4>
-        <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                The portal users view will be as shown</p>
-        <img src="assets/screenshots/c18.png"
-             class="img-responsive img-thumbnail border"
-             width="100%" height="auto"/>
-    </div>
-</div>
-    <!-- RELATED PRODUCTS -->
-    <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/categories.png"/>
-        </div>
-        <h2 class="mt-2"
-            style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
-            Related
-            Products
-        </h2>
-    </div>
-    <div class="row">
-        <div class="col-sm-12">
-            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                <!-- The slideshow -->
-                <div class="carousel-inner" style="padding: 30px;">
-                    <div class="carousel-item" style="min-height: 198.656px;">
-                        <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/whatsapp_mail_messaging/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/11.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/16.0/whatsapp_redirect/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/12.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/16.0/insta_feed_snippet/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/13.png">
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                    <div class="carousel-item active"
-                         style="min-height: 198.656px;">
-                        <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/website_floating_whatsapp_icon/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/14.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/16.0/whatsapp_chat_layout/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/15.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/16.0/fb_messenger/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/16.png">
-                                </div>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-                <!-- Left and right controls -->
-                <a class="carousel-control-prev" href="#demo1"
-                   data-slide="prev"
-                   style="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="width:35px; color:#000">
-                <span class="carousel-control-next-icon"><i
-                        class="fa fa-chevron-right" style="font-size:24px"></i></span>
-            </a>
-            </div>
-        </div>
-    </div>
-    <!-- END OF RELATED PRODUCTS -->
-
-    <!-- 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>
-
-    <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="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/wrench.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Implementation</h6>
-            </div>
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/lifebuoy.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Support</h6>
-            </div>
-
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/user.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Hire
-                    Odoo
-                    Developer</h6>
-            </div>
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/puzzle.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Integration</h6>
-            </div>
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/update.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Migration</h6>
-            </div>
-
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/consultation.png"
-                         class="img-responsive" height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Consultancy</h6>
-            </div>
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/training.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Implementation</h6>
-            </div>
-
-            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <img src="assets/icons/license.png" class="img-responsive"
-                         height="48px" width="48px">
-                </div>
-                <h6 class="text-center"
-                    style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    Odoo
-                    Licensing Consultancy</h6>
-            </div>
-        </div>
-
-    </div>
-
-    <!-- END OF OUR SERVICES -->
-
-    <!-- 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>
-
-    <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="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/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/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/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>
-
-    <!-- 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>
-    <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>
-                    <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>
-                    <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>
-        </div>
-    </div>
-    <!-- END OF SUPPORT -->
-</div>
\ No newline at end of file
+<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: #875A7B; 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 style="color: #017E84; 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>Odoo.sh
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12"
+                 >
+                <h1
+                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
+                    All In One Whatsapp</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;">
+                    Send Whatsapp Messages to the Partner </p>
+                <img src="assets/screenshots/hero.gif" class="img-responsive"
+                     width="100%" height="auto"/>
+            </div>
+        </div>
+    </div>
+</div>
+       <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
+            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
+            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
+            screenshots for this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+</div>
+       <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 !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+                   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">
+                <p
+                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
+                    This Module Helps you to Send a Whatsapp Message to your
+                    Partners that are in Sale Order, Purchase Order, Invoice
+                    and Bills, and Deliver Orders.
+                </p>
+            </div>
+        </div>
+        <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"/>
+
+                </div>
+                <div>
+                    <h4
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        Send Sale Order Details and Invoice Through WhatsApp to
+                        Users .</h4>
+                </div>
+            </div>
+             <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"/>
+                    <h4
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        Send Purchase Order Details and Bill Through WhatsApp
+                        to
+                        Users.</h4>
+                </div>
+            </div>
+             <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"/>
+                    <h4
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        Send Delivery Details and Receipt Through WhatsApp to
+                        Users.</h4>
+                </div>
+            </div>
+
+            <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"/>
+                    <h4
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        Send WhatsApp Message by Twilio Method</h4>
+                </div>
+            </div>
+            <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"/>
+                    <h4
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                        Send WhatsApp Message by WhatsApp Web Method</h4>
+                </div>
+            </div>
+        </div>
+
+
+   <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 style="display: block; margin: 30px auto;">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Twilio Credentials </h4>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Go to the Twilio website at <a href="ttps://www.twilio.com/">ttps://www.twilio.com/</a><br/>
+                Click on the "Sign Up" Button to Create a new Account. If you
+                already have an Account, you can Log In Instead.</p>
+            <img src="assets/screenshots/a.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                After Logging in, Navigate to the Twilio Console. You can find
+                the
+                Link to the Console in the top right Corner of the Website.
+                In the Twilio Console, you will see a Sidebar on the left.
+                Click
+                on
+                the "Get a Trial Number" button to obtain a Phone Number for
+                Testing
+            </p>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                In the Settings page, you will find your Account SID (a unique
+                identifier for your Twilio account) and your Auth Token (used
+                for
+                authentication). These Credentials will be Required to make API
+                Requests.
+            </p>
+            <img src="assets/screenshots/a1.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+
+           <div style="display: block; margin: 30px auto;">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Cloud Credentials </h4>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                To get cloud API whatsapp credential first you need a facebook
+                account. Go to the
+                https://developers.facebook.com website, and you can sign up
+                your developer facebook account using the
+                facebook account and whatsapp business account. </p>
+            <img src="assets/screenshots/c1.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                After Logging in, there has an option 'My Apps', from here we
+                can access all your apps in the facebook
+                developer account
+            </p>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                From there we need to create new app for the whatsapp cloud
+                integration. There has 'Create App' option
+                to create a new app.
+            </p>
+            <img src="assets/screenshots/c2.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                It opens a new window, here there some option to choose, select
+                'Other' and click on 'Next' button.
+            </p>
+            <img src="assets/screenshots/c3.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Select app type 'Business' and click on 'Next' button.
+            </p>
+            <img src="assets/screenshots/c4.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Provide App name and App contact email, select Business account
+                as 'Test Business', click on Create App.
+            </p>
+            <img src="assets/screenshots/c5.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Need to enter your password here.
+            </p>
+            <img src="assets/screenshots/c6.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Then after we need to integrate the Whatsapp with our app that
+                we created by clicking on 'Set up'.
+            </p>
+            <img src="assets/screenshots/c7.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                There has API set up option menu under Whatsapp on the left
+                side,from there we can access our Temporary
+                Access Token, Phone Number ID and Whatsapp Business Account ID.
+            </p>
+            <img src="assets/screenshots/c8.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We can Choose a mobile number from 'To' option, can send
+                message to the number by clicking the 'Send
+                Message' button.
+            </p>
+            <img src="assets/screenshots/c9.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <img src="assets/screenshots/c10.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+
+           <div style="display: block; margin: 30px auto;">
+            <h4 class="mt-2"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Configuration of Credentials </h4>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Go to Settings and add Twilio Account
+                Credentials and Cloud Whatsapp Credentials.</p>
+            <img src="assets/screenshots/1.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+           <div style="display: block; margin: 30px auto;">
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Add whatsapp mobile number to the sale order partner.</p>
+            <img src="assets/screenshots/2.1.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+
+           <div style="display: block; margin: 30px auto;">
+            <h4 class="mt-3"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Sales -> Quotation ->Click on the Button "SEND BY
+                WHATSAPP" </h4>
+
+            <img src="assets/screenshots/2.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Choose One Method to Send Message (Twilio or Web or Cloud) and
+                also we
+                can
+                See the Sample of Whatsapp Message.
+            </p>
+            <img src="assets/screenshots/3.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                The message shown as:
+            </p>
+            <img src="assets/screenshots/4.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <h4 class="mt-3"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Using Twilio
+            </h4>
+            <img src="assets/screenshots/5.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                The message shown as:
+            </p>
+            <img src="assets/screenshots/6.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <h4 class="mt-3"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Using Cloud Whatsapp , We have Two options Using , Text and
+                Document.Choose one.
+            </h4>
+            <img src="assets/screenshots/1.1.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                The message shown as:
+            </p>
+            <img src="assets/screenshots/1.3.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+           <div style="display: block; margin: 30px auto;">
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We can send whatsapp message in Sales , Purchase and in
+                Transfer.
+            </p>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Purchase -> RFQ ->Click on the Button "SEND BY
+                WHATSAPP" </p>
+            <img src="assets/screenshots/10.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Inventory -> Transfer ->Click on the Button "SEND BY
+                WHATSAPP"
+            </p>
+            <img src="assets/screenshots/11.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+        </div>
+
+           <div style="display: block; margin: 30px auto;">
+            <h4 class="mt-3"
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Send and Receive whatsapp message through Livechat </h4>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                There has option to send and receive whatsapp message through
+                Livechat. For that first we need to set
+                the Whatsapp Business whatsapp number to the related partner of
+                the user.
+            </p>
+            <img src="assets/screenshots/c11.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We can receive realtime whatsapp messages to the Business
+                whatsapp number through Live Chat. For that
+                first we need to configure Webhooks from facebook developer
+                account. There has 'Configuration' menu
+                under Whatsapp on left side, from there we configure webhook
+                for the realtime message chat.
+            </p>
+            <img src="assets/screenshots/c12.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We add Call back url for the webhook here. It will trigger a
+                response while we receive whatsapp message
+                to the Business whatsapp. Also need to provide a verification
+                token to connect it, click on 'Verify and Save' Button.
+                The Webhook format is "ip_address/whatsapp_message".
+            </p>
+             <img src="assets/screenshots/t88.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Then after we need to choose 'message' as webhook field by
+                clicking the manage button.
+            </p>
+
+            <img src="assets/screenshots/c14.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We get the realtime whatsapp chats of business whatsapp through
+                the Live Chat.
+            </p>
+
+            <img src="assets/screenshots/c16.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                We can also send messages through the LiveChat.
+
+            </p>
+
+            <img src="assets/screenshots/c17.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+            <p
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                The portal user can get the message through whatsapp that we
+                sent by Live Chat
+
+            </p>
+
+            <img src="assets/screenshots/c18.png"
+                 class="img-responsive img-thumbnail border" width="100%"
+                 height="auto"/>
+
+
+        </div>
+
+    </div>
+</div>
+    <!-- RELATED PRODUCTS -->
+    <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/categories.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Related
+        Products
+    </h2>
+</div>
+<div class="row">
+
+            <div class="col-sm-12">
+                <div id="demo1" class="row carousel slide"
+                     data-ride="carousel">
+                <!-- The slideshow -->
+                <div class="carousel-inner" style="padding: 30px;">
+                    <div class="carousel-item" style="min-height: 198.656px;">
+                        <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/whatsapp_mail_messaging/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-radius: 0px;"
+                                         src="assets/modules/11.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/16.0/whatsapp_redirect/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-radius: 0px;"
+                                         src="assets/modules/12.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/16.0/insta_feed_snippet/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-radius: 0px;"
+                                         src="assets/modules/13.png">
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                    <div class="carousel-item active"
+                         style="min-height: 198.656px;">
+                        <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/website_floating_whatsapp_icon/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-radius: 0px;"
+                                         src="assets/modules/14.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/16.0/whatsapp_chat_layout/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-radius: 0px;"
+                                         src="assets/modules/15.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/16.0/fb_messenger/"
+                               target="_blank">
+                                <div style="border-radius:10px">
+                                    <img class="img img-responsive center-block"
+                                         style="border-radius: 0px;"
+                                         src="assets/modules/16.png">
+                                </div>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+                <!-- Left and right controls -->
+                <a class="carousel-control-prev" href="#demo1"
+                   data-slide="prev"
+                   style="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="width:35px; color:#000">
+                <span class="carousel-control-next-icon"><i
+                        class="fa fa-chevron-right" style="font-size:24px"></i></span>
+            </a>
+            </div>
+        </div>
+    </div>
+    <!-- END OF RELATED PRODUCTS -->
+
+    <!-- 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>
+
+<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="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/wrench.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/lifebuoy.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Support</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/user.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Hire
+                Odoo
+                Developer</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/puzzle.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Integration</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/update.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Migration</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/consultation.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Consultancy</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/training.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/license.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Licensing Consultancy</h6>
+        </div>
+    </div>
+
+</div>
+
+<!-- END OF OUR SERVICES -->
+
+<!-- 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>
+
+<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="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/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/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/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>
+
+<!-- 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>
+<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>
+                <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>
+                <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>
+    </div>
+</div>
+<!-- END OF SUPPORT -->