diff --git a/hide_cost_price/README.rst b/hide_cost_price/README.rst
index 016ee0a52..4b104ea3b 100644
--- a/hide_cost_price/README.rst
+++ b/hide_cost_price/README.rst
@@ -1,4 +1,4 @@
-.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg
     :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
     :alt: License: AGPL-3
 
@@ -26,7 +26,7 @@ Affero General Public License v3.0 (AGPL v3)
 
 Credits
 -------
-* Developer: (v15)Sajna Sherin <sajna@cybrosys.in>
+* Developers: (V15) Sajna Sherin,Fathima Mazlin AM, Contact: odoo@cybrosys.com
 
 Contacts
 --------
@@ -48,4 +48,4 @@ For support and more information, please visit https://www.cybrosys.com
 
 Further information
 --------------------
-HTML Description: `<static/description/index.html>`__
\ No newline at end of file
+HTML Description: `<static/description/index.html>`__
diff --git a/hide_cost_price/__init__.py b/hide_cost_price/__init__.py
index 414fc31ba..86fcb2e2f 100644
--- a/hide_cost_price/__init__.py
+++ b/hide_cost_price/__init__.py
@@ -2,7 +2,7 @@
 ###############################################################################
 #
 #    Cybrosys Technologies Pvt. Ltd.
-#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    This program is free software: you can modify
diff --git a/hide_cost_price/__manifest__.py b/hide_cost_price/__manifest__.py
index 8d17ec22f..fb6c8909a 100644
--- a/hide_cost_price/__manifest__.py
+++ b/hide_cost_price/__manifest__.py
@@ -2,7 +2,7 @@
 ###############################################################################
 #
 #    Cybrosys Technologies Pvt. Ltd.
-#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
 #    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
 #
 #    This program is free software: you can modify
@@ -18,18 +18,18 @@
 #    You should have received a copy of the GNU Affero General Public License
 #    along with this program.  If not, see <https://www.gnu.org/licenses/>.
 #
-################################################################################
+###############################################################################
 {
     'name': 'Hide Cost Price',
-    'version': '15.0.1.0.0',
+    'version': '15.0.1.1.0',
+    'category': 'Sales',
     'summary': """Hide cost price module hide the cost of products""",
-    'description': """Product cost price will be visible only for specified 
-                      group""",
+    'description': 'Product cost price will be visible only for specified '
+                   'group',
     'author': 'Cybrosys Techno Solutions',
     'company': 'Cybrosys Techno Solutions',
     'maintainer': 'Cybrosys Techno Solutions',
     'website': 'https://www.cybrosys.com',
-    'category': 'Stock',
     'depends': ['base', 'product'],
     'data': [
         'security/hide_cost_price_groups.xml',
diff --git a/hide_cost_price/doc/RELEASE_NOTES.md b/hide_cost_price/doc/RELEASE_NOTES.md
index 2ab8a1dd0..074551dba 100644
--- a/hide_cost_price/doc/RELEASE_NOTES.md
+++ b/hide_cost_price/doc/RELEASE_NOTES.md
@@ -3,4 +3,9 @@
 ### 12.07.2023
 ### Version 15.0.1.0.0
 ### ADD
- - Initial Commit for Hide Cost Price
\ No newline at end of file
+ - Initial Commit for Hide Cost Price
+
+### 03.11.2023
+### Version 15.0.1.1.0
+### ADD
+ - Add New Feature - Hide Sale Price (Fathima Mazlin AM)
diff --git a/hide_cost_price/security/hide_cost_price_groups.xml b/hide_cost_price/security/hide_cost_price_groups.xml
index 7b265ce5b..6c23c297a 100644
--- a/hide_cost_price/security/hide_cost_price_groups.xml
+++ b/hide_cost_price/security/hide_cost_price_groups.xml
@@ -1,11 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
-    <data>
-        <!-- This record defines the "View Cost Price" group -->
-        <record id="hide_cost_price_group_user" model="res.groups">
-            <field name="name">View Cost Price</field>
-            <field name="users"
-                   eval="[(4, ref('base.user_root')), (4, ref('base.user_admin'))]"/>
-        </record>
-    </data>
-</odoo>
\ No newline at end of file
+    <!-- This record defines the "View Cost Price" group -->
+    <record id="hide_cost_price_group_view_product_cost" model="res.groups">
+        <field name="name">View Product Cost</field>
+        <field name="users"
+               eval="[(4, ref('base.user_root')), (4, ref('base.user_admin'))]"/>
+    </record>
+    <!--    Creating group for show the product price-->
+    <record id="hide_cost_price_group_view_product_sale_price"
+            model="res.groups">
+        <field name="name">View Product Sale Price</field>
+        <field name="users"
+               eval="[(4, ref('base.user_root')), (4, ref('base.user_admin'))]"/>
+    </record>
+</odoo>
diff --git a/hide_cost_price/static/description/assets/misc/categories.png b/hide_cost_price/static/description/assets/misc/categories.png
new file mode 100644
index 000000000..bedf1e0b1
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/categories.png differ
diff --git a/hide_cost_price/static/description/assets/misc/check-box.png b/hide_cost_price/static/description/assets/misc/check-box.png
new file mode 100644
index 000000000..42caf24b9
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/check-box.png differ
diff --git a/hide_cost_price/static/description/assets/misc/compass.png b/hide_cost_price/static/description/assets/misc/compass.png
new file mode 100644
index 000000000..d5fed8faa
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/compass.png differ
diff --git a/hide_cost_price/static/description/assets/misc/corporate.png b/hide_cost_price/static/description/assets/misc/corporate.png
new file mode 100644
index 000000000..2eb13edbf
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/corporate.png differ
diff --git a/hide_cost_price/static/description/assets/misc/customer-support.png b/hide_cost_price/static/description/assets/misc/customer-support.png
new file mode 100644
index 000000000..79efc72ed
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/customer-support.png differ
diff --git a/hide_cost_price/static/description/assets/misc/cybrosys-logo.png b/hide_cost_price/static/description/assets/misc/cybrosys-logo.png
new file mode 100644
index 000000000..cc3cc0ccf
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/cybrosys-logo.png differ
diff --git a/hide_cost_price/static/description/assets/misc/features.png b/hide_cost_price/static/description/assets/misc/features.png
new file mode 100644
index 000000000..b41769f77
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/features.png differ
diff --git a/hide_cost_price/static/description/assets/misc/logo.png b/hide_cost_price/static/description/assets/misc/logo.png
new file mode 100644
index 000000000..478462d3e
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/logo.png differ
diff --git a/hide_cost_price/static/description/assets/misc/pictures.png b/hide_cost_price/static/description/assets/misc/pictures.png
new file mode 100644
index 000000000..56d255fe9
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/pictures.png differ
diff --git a/hide_cost_price/static/description/assets/misc/pie-chart.png b/hide_cost_price/static/description/assets/misc/pie-chart.png
new file mode 100644
index 000000000..426e05244
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/pie-chart.png differ
diff --git a/hide_cost_price/static/description/assets/misc/right-arrow.png b/hide_cost_price/static/description/assets/misc/right-arrow.png
new file mode 100644
index 000000000..730984a06
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/right-arrow.png differ
diff --git a/hide_cost_price/static/description/assets/misc/star.png b/hide_cost_price/static/description/assets/misc/star.png
new file mode 100644
index 000000000..2eb9ab29f
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/star.png differ
diff --git a/hide_cost_price/static/description/assets/misc/support.png b/hide_cost_price/static/description/assets/misc/support.png
new file mode 100644
index 000000000..4f18b8b82
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/support.png differ
diff --git a/hide_cost_price/static/description/assets/misc/whatsapp.png b/hide_cost_price/static/description/assets/misc/whatsapp.png
new file mode 100644
index 000000000..d513a5356
Binary files /dev/null and b/hide_cost_price/static/description/assets/misc/whatsapp.png differ
diff --git a/hide_cost_price/static/description/assets/modules/budget_image.png b/hide_cost_price/static/description/assets/modules/budget_image.png
deleted file mode 100644
index b50130c7d..000000000
Binary files a/hide_cost_price/static/description/assets/modules/budget_image.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/credit_image.png b/hide_cost_price/static/description/assets/modules/credit_image.png
deleted file mode 100644
index 3ad04ecfd..000000000
Binary files a/hide_cost_price/static/description/assets/modules/credit_image.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/customer_so_history.png b/hide_cost_price/static/description/assets/modules/customer_so_history.png
new file mode 100644
index 000000000..a49d2394c
Binary files /dev/null and b/hide_cost_price/static/description/assets/modules/customer_so_history.png differ
diff --git a/hide_cost_price/static/description/assets/modules/d3.png b/hide_cost_price/static/description/assets/modules/d3.png
deleted file mode 100644
index 3c3ff1afb..000000000
Binary files a/hide_cost_price/static/description/assets/modules/d3.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/employee_image.png b/hide_cost_price/static/description/assets/modules/employee_image.png
deleted file mode 100644
index 30ad58232..000000000
Binary files a/hide_cost_price/static/description/assets/modules/employee_image.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/export_image.png b/hide_cost_price/static/description/assets/modules/export_image.png
deleted file mode 100644
index 492980ad0..000000000
Binary files a/hide_cost_price/static/description/assets/modules/export_image.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/gantt_image.png b/hide_cost_price/static/description/assets/modules/gantt_image.png
deleted file mode 100644
index 1ae7cfe3b..000000000
Binary files a/hide_cost_price/static/description/assets/modules/gantt_image.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/gantt_view.png b/hide_cost_price/static/description/assets/modules/gantt_view.png
deleted file mode 100644
index 3c3ff1afb..000000000
Binary files a/hide_cost_price/static/description/assets/modules/gantt_view.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/generated_po.png b/hide_cost_price/static/description/assets/modules/generated_po.png
deleted file mode 100644
index 4aaf7e99a..000000000
Binary files a/hide_cost_price/static/description/assets/modules/generated_po.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/individual_product_report.png b/hide_cost_price/static/description/assets/modules/individual_product_report.png
new file mode 100644
index 000000000..cd5d80e40
Binary files /dev/null and b/hide_cost_price/static/description/assets/modules/individual_product_report.png differ
diff --git a/hide_cost_price/static/description/assets/modules/project_task_checksheet.png b/hide_cost_price/static/description/assets/modules/project_task_checksheet.png
deleted file mode 100644
index a371728b3..000000000
Binary files a/hide_cost_price/static/description/assets/modules/project_task_checksheet.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/project_task_timer.png b/hide_cost_price/static/description/assets/modules/project_task_timer.png
deleted file mode 100644
index 8eb268300..000000000
Binary files a/hide_cost_price/static/description/assets/modules/project_task_timer.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/project_xls.png b/hide_cost_price/static/description/assets/modules/project_xls.png
deleted file mode 100644
index 2c43716d5..000000000
Binary files a/hide_cost_price/static/description/assets/modules/project_xls.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/quotation_image.png b/hide_cost_price/static/description/assets/modules/quotation_image.png
deleted file mode 100644
index 499b1a72f..000000000
Binary files a/hide_cost_price/static/description/assets/modules/quotation_image.png and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/modules/sale_discount_total.png b/hide_cost_price/static/description/assets/modules/sale_discount_total.png
new file mode 100644
index 000000000..004c61a9e
Binary files /dev/null and b/hide_cost_price/static/description/assets/modules/sale_discount_total.png differ
diff --git a/hide_cost_price/static/description/assets/modules/sale_report_advanced.png b/hide_cost_price/static/description/assets/modules/sale_report_advanced.png
new file mode 100644
index 000000000..1c019bdd8
Binary files /dev/null and b/hide_cost_price/static/description/assets/modules/sale_report_advanced.png differ
diff --git a/hide_cost_price/static/description/assets/modules/sale_report_format_editor.png b/hide_cost_price/static/description/assets/modules/sale_report_format_editor.png
new file mode 100644
index 000000000..c58491994
Binary files /dev/null and b/hide_cost_price/static/description/assets/modules/sale_report_format_editor.png differ
diff --git a/hide_cost_price/static/description/assets/modules/sales_order_delivery_status.png b/hide_cost_price/static/description/assets/modules/sales_order_delivery_status.png
new file mode 100644
index 000000000..94c023fe1
Binary files /dev/null and b/hide_cost_price/static/description/assets/modules/sales_order_delivery_status.png differ
diff --git a/hide_cost_price/static/description/assets/modules/task_deadline.jpg b/hide_cost_price/static/description/assets/modules/task_deadline.jpg
deleted file mode 100644
index 4117309c2..000000000
Binary files a/hide_cost_price/static/description/assets/modules/task_deadline.jpg and /dev/null differ
diff --git a/hide_cost_price/static/description/assets/screenshots/1.png b/hide_cost_price/static/description/assets/screenshots/1.png
index 191b953fd..9a0cd6b1c 100644
Binary files a/hide_cost_price/static/description/assets/screenshots/1.png and b/hide_cost_price/static/description/assets/screenshots/1.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/2.png b/hide_cost_price/static/description/assets/screenshots/2.png
index dfc534e5e..25bbfe028 100644
Binary files a/hide_cost_price/static/description/assets/screenshots/2.png and b/hide_cost_price/static/description/assets/screenshots/2.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/3.png b/hide_cost_price/static/description/assets/screenshots/3.png
index fbcf4cdda..9bdc954bc 100644
Binary files a/hide_cost_price/static/description/assets/screenshots/3.png and b/hide_cost_price/static/description/assets/screenshots/3.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/4.png b/hide_cost_price/static/description/assets/screenshots/4.png
index 5059bcfc1..af2d4c081 100644
Binary files a/hide_cost_price/static/description/assets/screenshots/4.png and b/hide_cost_price/static/description/assets/screenshots/4.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/5.png b/hide_cost_price/static/description/assets/screenshots/5.png
index 9cdf6ab0b..8ad8cfc86 100644
Binary files a/hide_cost_price/static/description/assets/screenshots/5.png and b/hide_cost_price/static/description/assets/screenshots/5.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/6.png b/hide_cost_price/static/description/assets/screenshots/6.png
new file mode 100644
index 000000000..8520cbadf
Binary files /dev/null and b/hide_cost_price/static/description/assets/screenshots/6.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/7.png b/hide_cost_price/static/description/assets/screenshots/7.png
new file mode 100644
index 000000000..8a3436645
Binary files /dev/null and b/hide_cost_price/static/description/assets/screenshots/7.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/configuration.png b/hide_cost_price/static/description/assets/screenshots/configuration.png
new file mode 100644
index 000000000..9cad0b42f
Binary files /dev/null and b/hide_cost_price/static/description/assets/screenshots/configuration.png differ
diff --git a/hide_cost_price/static/description/assets/screenshots/hero.gif b/hide_cost_price/static/description/assets/screenshots/hero.gif
index d090d5cd6..77644e19f 100644
Binary files a/hide_cost_price/static/description/assets/screenshots/hero.gif and b/hide_cost_price/static/description/assets/screenshots/hero.gif differ
diff --git a/hide_cost_price/static/description/index.html b/hide_cost_price/static/description/index.html
index 3fd8fcf78..6e95dd71c 100644
--- a/hide_cost_price/static/description/index.html
+++ b/hide_cost_price/static/description/index.html
@@ -1,361 +1,403 @@
-<div class="container"
-     style="padding: 1rem !important; margin-bottom: 1rem !important;">
-    <div class="row">
-        <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
-             style="border-bottom: 1px solid #d5d5d5;">
-            <div class="my-3">
-                <img src="./assets/icons/logo.png"
-                     style="width: auto !important; height: 40px !important;">
-            </div>
-            <div class="my-3 d-flex align-items-center">
-                <div
-                        style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-                    <i class="fa fa-check mr-1"></i>Community
-                </div>
-                <div
-                        style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-                    <i class="fa fa-check mr-1"></i>Enterprise
-                </div>
-                <div
-                        style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-                    <i class="fa fa-check mr-1"></i>Odoo.sh
-                </div>
+<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>
+    <!-- END OF TITLE BAR -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <!-- APP HERO -->
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Hide Cost Price</h1>
+                <p
+                        style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    This Module Allows to Hide Product Price and Cost for
+                    Specific Users</p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/hero.gif" class="img-responsive"
+                     style="width: 100%; margin-left: auto; margin-right: auto;"/>
             </div>
         </div>
     </div>
 </div>
-
-<div 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;">
-                Hide Cost Price</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;">
-                Cost price will be visible only for selected users
-
-            </p>
-            <img src="./assets/screenshots/hero.gif" class="img-responsive"
-                 width="100%" height="auto"/>
+    <!-- NAVIGATION SECTION -->
+    <div class="d-flex align-items-center"
+         style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+        <div class="d-flex justify-content-center align-items-center mr-2"
+             style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+            <img src="assets/misc/compass.png"/>
         </div>
+        <h2 class="mt-2"
+            style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+            Explore This
+            Module</h2>
     </div>
-
-    <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 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>
-                <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>
+            </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>
-            </div>
+            </a>
         </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 class="col-sm-12 col-md-6 my-3">
+            <a href="#configuration">
+                <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;">Configuration</span>
+                        <span
+                                style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        configuration of this
+                        module</span>
+                    </div>
+                    <img src="assets/misc/right-arrow.png" width="36"
+                         height="36"/>
+                </div>
+            </a>
         </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;">
-                With the module create a custom new group, add users to this
-                group and only the members of this group can view the cost
-                price of the product.
-            </p>
+        <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="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>
+    <!-- END OF NAVIGATION SECTION -->
+    <!-- OVERVIEW SECTION -->
+    <div class="d-flex align-items-center"
+         style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+         id="overview">
+        <div class="d-flex justify-content-center align-items-center mr-2"
+             style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+            <img src="assets/misc/pie-chart.png"/>
         </div>
-
-        <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;">
-                    Cost price visibility restricted.</h4>
-            </div>
+        <h2 class="mt-2"
+            style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+            Overview
+        </h2>
+    </div>
+    <div class="row"
+         style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+        <div class="col-sm-12 py-4">
+            This module provides an option to hide sales price or cost price in
+            the tree, kanban and form view.
         </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;">
-                    Visible only for the users in the group.</h4>
-            </div>
+    </div>
+    <!-- END OF OVERVIEW SECTION -->
+    <!-- FEATURES SECTION -->
+    <div class="d-flex align-items-center"
+         style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+         id="features">
+        <div class="d-flex justify-content-center align-items-center mr-2"
+             style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+            <img src="assets/misc/features.png"/>
         </div>
-
-        <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;">
-                    By default administrator will be added to this group.</h4>
+        <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: 40px; margin-bottom: 40px">
+                <img src="assets/misc/check-box.png" class="mr-2"/>
+                <span
+                        style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Community, Enterprise & Odoo sh Support.</span>
+            </div>
+            <div class="d-flex align-items-center"
+                 style="margin-top: 30px; margin-bottom: 30px">
+                <img src="assets/misc/check-box.png" class="mr-2"/>
+                <span
+                        style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> Easy to hide sales price in the tree, kanban and form view. </span>
+            </div>
+            <div class="d-flex align-items-center"
+                 style="margin-top: 30px; margin-bottom: 30px">
+                <img src="assets/misc/check-box.png" class="mr-2"/>
+                <span
+                        style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;"> Easy to hide cost price in the tree, kanban and form view. </span>
             </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;">
-                Adding user to the View Cost Price group</h4>
-            <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                User will see the product cost price only if he is added in this
-                group.
-
-            </p>
-            <img src="assets/screenshots/1.png"
-                 class="img-responsive img-thumbnail border" width="100%"
-                 height="auto"/>
+    <!-- END OF FEATURES SECTION -->
+    <!--    CONFIGURATION SECTION-->
+    <div class="d-flex align-items-center"
+         style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+         id="configuration">
+        <div class="d-flex justify-content-center align-items-center mr-2"
+             style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+            <img src="assets/misc/features.png"/>
         </div>
-
-        <div class="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;">
-                Product form view with cost price</h4>
-            <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Product form view with cost price.
-            </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;">
-                Product tree view with cost price</h4>
-            <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Product tree view with cost price.
-            </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;">
-                Product View for users not in the Group</h4>
-            <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Product form view without cost price.
-            </p>
-            <img src="assets/screenshots/4.png"
-                 class="img-responsive img-thumbnail border" width="100%"
-                 height="auto"/>
+        <h2 class="mt-2"
+            style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+            Configuration
+        </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">
+            The user should be added to the security group:(Other / Show Product
+            Price),
+            (Other / Show Product Cost) inorder to get access the price and cost
         </div>
+    </div>
 
+    <!-- END CONFIGURATION SECTION -->
 
-        <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;">
-                Product tree view without cost price</h4>
-            <p
-                    style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                Product tree view without cost price
-            </p>
-            <img src="assets/screenshots/5.png"
-                 class="img-responsive img-thumbnail border" width="100%"
-                 height="auto"/>
+    <!-- SCREENSHOTS SECTION -->
+    <div class="d-flex align-items-center"
+         style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+         id="screenshots">
+        <div class="d-flex justify-content-center align-items-center mr-2"
+             style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+            <img src="assets/misc/pictures.png"/>
         </div>
-
+        <h2 class="mt-2"
+            style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+            Screenshots
+        </h2>
     </div>
-    <!-- SUGGESTED PRODUCTS -->
     <div class="row">
-        <div class="col-lg-12 d-flex flex-column justify-content-center"
-             style="text-align: center; padding: 2.5rem 1rem !important;">
-            <h2 style="color: #212529 !important;">Suggested Products</h2>
-            <hr
-                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
-
-            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                <!-- The slideshow -->
-                <div class="carousel-inner">
-                    <div class="carousel-item active" style="min-height:0px">
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/15.0/project_report_pdf/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="./assets/modules/project_xls.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/15.0/po_from_tenders/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="./assets/modules/generated_po.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="./assets/modules/gantt_view.png">
-                                </div>
-                            </a>
-                        </div>
+        <div class="col-sm-12">
+
+            <div class="col-lg-12 my-2">
+                <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    Show Price and Cost
+                </h3>
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Enable the boolean fields "View Product Cost" and "View
+                    Product Sale Price" for showing the Price and Cost.
+                </p>
+                <img src="assets/screenshots/configuration.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Show Price in kanban view.
+                </p>
+                <img src="assets/screenshots/1.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Show Sales Price and Cost in tree view.
+                </p>
+                <img src="assets/screenshots/2.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Show Sales Price and Cost in form view.
+                </p>
+                <img src="assets/screenshots/3.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                    Hide Sale Price and Cost
+                </h3>
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Disable the boolean fields "View Product Cost" and "View
+                    Product Sale Price" for hiding the Price and Cost.
+                </p>
+                <img src="assets/screenshots/4.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Hide Price in kanban view.
+                </p>
+                <img src="assets/screenshots/5.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Hide Sales Price and Cost in Tree view.
+                </p>
+                <img src="assets/screenshots/6.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+            <div class="col-lg-12 my-2">
+                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                    Hide Sales Price and Cost in Form view
+                </p>
+                <img src="assets/screenshots/7.png"
+                     class="img-responsive img-thumbnail border" width="100%"
+                     height="auto"/>
+            </div>
+        </div>
+    </div>
+    <!-- END OF SCREENSHOTS SECTION -->
+
+ <!-- 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/15.0/sale_discount_total/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/sale_discount_total.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/sale_report_advanced/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/sale_report_advanced.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/sales_order_delivery_status/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/sales_order_delivery_status.png">
+                            </div>
+                        </a>
                     </div>
-                    <div class="carousel-item" style="min-height:0px">
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/15.0/task_deadline_reminder/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="./assets/modules/task_deadline.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/15.0/project_task_timer/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="./assets/modules/project_task_timer.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/15.0/projects_task_checklists/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                         src="./assets/modules/project_task_check sheet.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/15.0/customer_so_history/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/customer_so_history.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/individual_product_report/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/individual_product_report.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/sale_report_format_editor/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/sale_report_format_editor.png">
+                            </div>
+                        </a>
                     </div>
                 </div>
-                <!-- Left and right controls -->
-                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                   style="left:-25px;width: 35px;color: #000;">
-                    <span class="carousel-control-prev-icon"><i
-                            class="fa fa-chevron-left"
-                            style="font-size:24px"></i></span> </a>
-                <a class="carousel-control-next" href="#demo1" data-slide="next"
-                   style="right:-25px;width: 35px;color: #000;">
-                    <span class="carousel-control-next-icon"><i
-                            class="fa fa-chevron-right"
-                            style="font-size:24px"></i></span>
-                </a>
             </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>
-    <!-- END OF SUGGESTED PRODUCTS -->
+</div>
+<!-- END OF RELATED PRODUCTS -->
 
     <!-- OUR SERVICES -->
     <section class="container" style="margin-top: 6rem !important;">
@@ -667,5 +709,3 @@
         </div>
     </section>
     <!-- END OF FOOTER -->
-
-</div>
\ No newline at end of file
diff --git a/hide_cost_price/views/product_product_views.xml b/hide_cost_price/views/product_product_views.xml
index 531e7b113..476838cf2 100644
--- a/hide_cost_price/views/product_product_views.xml
+++ b/hide_cost_price/views/product_product_views.xml
@@ -1,39 +1,59 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
-    <!--inherit product variant form view-->
+    <!--    Hide product cost and  sale price in product form view-->
     <record id="product_normal_form_view" model="ir.ui.view">
-        <field name="name">product.product.view.form.inherit.hide.cost.price
+        <field name="name">
+            product.product.view.form.inherit.hide.cost.price
         </field>
         <field name="model">product.product</field>
         <field name="inherit_id" ref="product.product_normal_form_view"/>
         <field name="arch" type="xml">
-            <xpath expr="//label[@for='standard_price']"
-                   position="attributes">
+            <field name="lst_price" position="attributes">
                 <attribute name="groups">
-                    hide_cost_price.hide_cost_price_group_user
+                    hide_cost_price.hide_cost_price_group_view_product_sale_price
                 </attribute>
-            </xpath>
-            <xpath expr="//field[@name='standard_price']"
+            </field>
+            <field name="standard_price" position="attributes">
+                <attribute name="groups">
+                    hide_cost_price.hide_cost_price_group_view_product_cost
+                </attribute>
+            </field>
+        </field>
+    </record>
+    <!--    Hide product cost and sale price in product kanban view-->
+    <record id="product_kanban_view" model="ir.ui.view">
+        <field name="name">
+            product.product.view.kanban.inherit.hide.cost.price
+        </field>
+        <field name="model">product.product</field>
+        <field name="inherit_id" ref="product.product_kanban_view"/>
+        <field name="arch" type="xml">
+            <xpath expr="//div[hasclass('oe_kanban_details')]/ul"
                    position="attributes">
                 <attribute name="groups">
-                    hide_cost_price.hide_cost_price_group_user
+                    hide_cost_price.hide_cost_price_group_view_product_sale_price
                 </attribute>
             </xpath>
         </field>
     </record>
-    <!--inherit product variant tree view-->
+    <!--    Hide product cost and price in product tree view-->
     <record id="product_product_tree_view" model="ir.ui.view">
-        <field name="name">product.product.view.tree.inherit.hide.cost.price
+        <field name="name">
+            product.product.view.tree.inherit.hide.cost.price
         </field>
         <field name="model">product.product</field>
         <field name="inherit_id" ref="product.product_product_tree_view"/>
         <field name="arch" type="xml">
-            <xpath expr="//field[@name='standard_price']"
-                   position="attributes">
+            <field name="lst_price" position="attributes">
                 <attribute name="groups">
-                    hide_cost_price.hide_cost_price_group_user
+                    hide_cost_price.hide_cost_price_group_view_product_sale_price
                 </attribute>
-            </xpath>
+            </field>
+            <field name="standard_price" position="attributes">
+                <attribute name="groups">
+                    hide_cost_price.hide_cost_price_group_view_product_cost
+                </attribute>
+            </field>
         </field>
     </record>
-</odoo>
\ No newline at end of file
+</odoo>
diff --git a/hide_cost_price/views/product_template_views.xml b/hide_cost_price/views/product_template_views.xml
index fbf8142cf..8dbc3e382 100644
--- a/hide_cost_price/views/product_template_views.xml
+++ b/hide_cost_price/views/product_template_views.xml
@@ -1,40 +1,69 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
-    <!--inherit product form view -->
-    <record id="product_template_only_form_view" model="ir.ui.view">
-        <field name="name">product.template.view.form.inherit.hide.cost.price
-        </field>
+    <!--    Hide product cost and price in product template form view-->
+    <record id="product_template_form_view" model="ir.ui.view">
+        <field name="name">product.template.view.form.inherit.hide.cost.price</field>
         <field name="model">product.template</field>
-        <field name="inherit_id"
-               ref="product.product_template_only_form_view"/>
+        <field name="inherit_id" ref="product.product_template_form_view"/>
         <field name="arch" type="xml">
-            <xpath expr="//label[@for='standard_price']"
+            <xpath expr="//label[@for='list_price']" position="attributes">
+                <attribute name="groups">
+                   hide_cost_price.hide_cost_price_group_view_product_sale_price
+                </attribute>
+            </xpath>
+             <xpath expr="//field[@name='list_price']"
                    position="attributes">
+                 <attribute name="groups">
+                     hide_cost_price.hide_cost_price_group_view_product_sale_price
+                </attribute>
+             </xpath>
+            <xpath expr="//label[@for='standard_price']" position="attributes">
                 <attribute name="groups">
-                    hide_cost_price.hide_cost_price_group_user
+                   hide_cost_price.hide_cost_price_group_view_product_cost
                 </attribute>
             </xpath>
-            <xpath expr="//field[@name='standard_price']"
+             <xpath expr="//field[@name='standard_price']"
+                   position="attributes">
+                 <attribute name="groups">
+                     hide_cost_price.hide_cost_price_group_view_product_cost
+                </attribute>
+             </xpath>
+        </field>
+    </record>
+    <!--    Hide product cost and price in product template kanban view-->
+    <record id="product_template_kanban_view" model="ir.ui.view">
+        <field name="name">
+            product.template.view.kanban.inherit.hide.cost.price
+        </field>
+        <field name="model">product.template</field>
+        <field name="inherit_id" ref="product.product_template_kanban_view"/>
+        <field name="arch" type="xml">
+            <xpath expr="//div[@name='product_lst_price']"
                    position="attributes">
                 <attribute name="groups">
-                    hide_cost_price.hide_cost_price_group_user
+                    hide_cost_price.hide_cost_price_group_view_product_sale_price
                 </attribute>
             </xpath>
         </field>
     </record>
-    <!--inherit product tree view-->
+    <!--    Hide product cost and price in product template tree view-->
     <record id="product_template_tree_view" model="ir.ui.view">
-        <field name="name">product.template.view.tree.inherit.hide.cost.price
+        <field name="name">
+            product.template.view.tree.inherit.hide.cost.price
         </field>
         <field name="model">product.template</field>
         <field name="inherit_id" ref="product.product_template_tree_view"/>
         <field name="arch" type="xml">
-            <xpath expr="//field[@name='standard_price']"
-                   position="attributes">
+            <field name="list_price" position="attributes">
                 <attribute name="groups">
-                    hide_cost_price.hide_cost_price_group_user
+                     hide_cost_price.hide_cost_price_group_view_product_sale_price
                 </attribute>
-            </xpath>
+            </field>
+            <field name="standard_price" position="attributes">
+                <attribute name="groups">
+                    hide_cost_price.hide_cost_price_group_view_product_cost
+                </attribute>
+            </field>
         </field>
     </record>
-</odoo>
\ No newline at end of file
+</odoo>