diff --git a/product_visibility_website/doc/RELEASE_NOTES.md b/product_visibility_website/doc/RELEASE_NOTES.md
index 4e184ac2b..14c13fa6e 100644
--- a/product_visibility_website/doc/RELEASE_NOTES.md
+++ b/product_visibility_website/doc/RELEASE_NOTES.md
@@ -1,4 +1,4 @@
-## Module <website_product_visibility>
+## Module <product_visibility_website>
 
 #### 18.08.2022
 #### Version 16.0.1.0.0
@@ -9,7 +9,7 @@
 ##### FIX
 - Bug Fixed 
 
-#### 12.10.2023
+#### 20.10.2023
 #### Version 16.0.1.1.1
 ##### FIX
 - Feature Of Website Product Visibility For Portal Users Is Added
diff --git a/product_visibility_website/static/description/assets/modules/1.png b/product_visibility_website/static/description/assets/modules/1.png
index e90228872..5238bdeab 100644
Binary files a/product_visibility_website/static/description/assets/modules/1.png and b/product_visibility_website/static/description/assets/modules/1.png differ
diff --git a/product_visibility_website/static/description/assets/modules/2.png b/product_visibility_website/static/description/assets/modules/2.png
index 7b32f3698..1ae7cfe3b 100644
Binary files a/product_visibility_website/static/description/assets/modules/2.png and b/product_visibility_website/static/description/assets/modules/2.png differ
diff --git a/product_visibility_website/static/description/assets/modules/3.png b/product_visibility_website/static/description/assets/modules/3.png
index 6058f6c3b..3c3ff1afb 100644
Binary files a/product_visibility_website/static/description/assets/modules/3.png and b/product_visibility_website/static/description/assets/modules/3.png differ
diff --git a/product_visibility_website/static/description/assets/modules/4.png b/product_visibility_website/static/description/assets/modules/4.png
index 7a9d3b1f6..3fae4631e 100644
Binary files a/product_visibility_website/static/description/assets/modules/4.png and b/product_visibility_website/static/description/assets/modules/4.png differ
diff --git a/product_visibility_website/static/description/assets/modules/5.gif b/product_visibility_website/static/description/assets/modules/5.gif
new file mode 100644
index 000000000..2a5f8e659
Binary files /dev/null and b/product_visibility_website/static/description/assets/modules/5.gif differ
diff --git a/product_visibility_website/static/description/assets/modules/5.png b/product_visibility_website/static/description/assets/modules/5.png
deleted file mode 100755
index 2b7aaa6d2..000000000
Binary files a/product_visibility_website/static/description/assets/modules/5.png and /dev/null differ
diff --git a/product_visibility_website/static/description/assets/modules/6.png b/product_visibility_website/static/description/assets/modules/6.png
index 80f8587fb..7f2815273 100644
Binary files a/product_visibility_website/static/description/assets/modules/6.png and b/product_visibility_website/static/description/assets/modules/6.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/1.png b/product_visibility_website/static/description/assets/screenshots/1.png
index 99ca58d77..60616fbb9 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/1.png and b/product_visibility_website/static/description/assets/screenshots/1.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/11.png b/product_visibility_website/static/description/assets/screenshots/11.png
index ddd7e7317..8555b4b91 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/11.png and b/product_visibility_website/static/description/assets/screenshots/11.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/12.png b/product_visibility_website/static/description/assets/screenshots/12.png
index b791673d7..858373611 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/12.png and b/product_visibility_website/static/description/assets/screenshots/12.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/13.png b/product_visibility_website/static/description/assets/screenshots/13.png
index 02ce89cf4..fc01279ed 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/13.png and b/product_visibility_website/static/description/assets/screenshots/13.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/14.png b/product_visibility_website/static/description/assets/screenshots/14.png
index c2e844bf2..d60d4f82d 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/14.png and b/product_visibility_website/static/description/assets/screenshots/14.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/15.png b/product_visibility_website/static/description/assets/screenshots/15.png
index 58d6c0fe5..698106aff 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/15.png and b/product_visibility_website/static/description/assets/screenshots/15.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/2.png b/product_visibility_website/static/description/assets/screenshots/2.png
index 244e816e5..cc82d4d6c 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/2.png and b/product_visibility_website/static/description/assets/screenshots/2.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/3.png b/product_visibility_website/static/description/assets/screenshots/3.png
index edfd3a96e..7e23a34b8 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/3.png and b/product_visibility_website/static/description/assets/screenshots/3.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/4.png b/product_visibility_website/static/description/assets/screenshots/4.png
index 7f17821cb..88f793de1 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/4.png and b/product_visibility_website/static/description/assets/screenshots/4.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/5.png b/product_visibility_website/static/description/assets/screenshots/5.png
index 6988bdf4f..0f21d31e1 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/5.png and b/product_visibility_website/static/description/assets/screenshots/5.png differ
diff --git a/product_visibility_website/static/description/assets/screenshots/hero.gif b/product_visibility_website/static/description/assets/screenshots/hero.gif
index 2a995063a..912e87f75 100644
Binary files a/product_visibility_website/static/description/assets/screenshots/hero.gif and b/product_visibility_website/static/description/assets/screenshots/hero.gif differ
diff --git a/product_visibility_website/static/description/index.html b/product_visibility_website/static/description/index.html
index 88f281f96..7ea07985e 100644
--- a/product_visibility_website/static/description/index.html
+++ b/product_visibility_website/static/description/index.html
@@ -1,43 +1,35 @@
-<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+<div style="background-color: #714B67; min-height: 600px; 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;">
+    <div
+            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">
+            <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">
+            <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">
+            <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;">
-                    Website Product Visibility</h1>
-                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
-                    Website Product Visibility For Logged in, Logged out Users/Visitors and Portal 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>
 
+    <!-- APP HERO -->
+    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+        Website Product Visibility</h1>
+    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+        Website Product Visibility for Logged in and Logged out
+        Users/Portal Users/Visitors</p>
+    <!-- END OF APP HERO -->
+    <img src="assets/screenshots/hero.gif"
+         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
 
 </div>
 
@@ -60,9 +52,10 @@
                  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>
+                    <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>
@@ -74,9 +67,10 @@
                  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>
+                    <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>
@@ -88,9 +82,10 @@
                  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>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">See
+                        key screenshots of this module
+                        </span>
                 </div>
                 <img src="assets/misc/right-arrow.png" width="36" height="36"/>
             </div>
@@ -101,8 +96,7 @@
 
 <!-- OVERVIEW SECTION -->
 <div class="d-flex align-items-center"
-     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
-     id="overview">
+     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"/>
@@ -116,7 +110,8 @@
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 py-4">
         This module helps you to make visible only the filtered products and
-        product categories for a logged in logged out users/visitors and Portal Users.
+        product categories for a logged in and logged out users/portal
+        users/visitors.
         Also, it enables the user to search products and product categories only
         from those available products and categories.
     </div>
@@ -138,36 +133,31 @@
 <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-start"
+        <div class="d-flex align-items-center"
              style="margin-top: 40px; margin-bottom: 40px">
-            <img src="/assets/misc/check-box.png" class="mr-2"/>
-            <div>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the logged users</span>
-                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Filter product and product categories according to the logged user.</p>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 12px;"> </span>
-            </div>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the logged users</span>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Filter product and product categories according to the logged
+                user.</p>
         </div>
-        <div class="d-flex align-items-start"
+        <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>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the public users/visitors and portal users</span>
-                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Filter product and product categories according to the public users/visitors and portal users.</p>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;"> </span>
-            </div>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the public users/portal users/visitors</span>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                Filter product and product categories according to the public
+                users/portal users/visitors.</p>
         </div>
-        <div class="d-flex align-items-start"
+        <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>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Restrict user searches to available product/category only</span>
-                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">User can only search product and category among from the available product/category.</p>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;"> </span>
-            </div>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Restrict user searches to available product/category only</span>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                User can only search product and category among from the
+                available product/category.</p>
         </div>
     </div>
-
 </div>
 <!-- END OF FEATURES SECTION -->
 
@@ -206,107 +196,122 @@
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise visibility for website shop (Product wise)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Product wise) for the logged user in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Product wise) for the logged user in website
+                shop.</p>
             <img src="assets/screenshots/3.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Category wise filtering for website shop (Logged in Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Category wise filtering mode for logged user in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Category wise filtering mode for logged user in website
+                shop.</p>
             <img src="assets/screenshots/4.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product visibility for website shop (Category wise)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Category wise) for the logged user in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Category wise) for the logged user in
+                website shop.</p>
             <img src="assets/screenshots/5.png" class="img-thumbnail">
         </div>
-
-         <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise filtering for website shop (Portal Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product wise filtering mode for the portal users in the website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product wise filtering mode for the portal users in the website
+                shop.</p>
             <img src="assets/screenshots/6.png" class="img-thumbnail">
         </div>
-
-         <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Set filter for a portal user</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Setting the filtering mode for a portal user as No Filter.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Setting the filtering mode for a portal user as No Filter.</p>
             <img src="assets/screenshots/7.png" class="img-thumbnail">
         </div>
-
-         <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                 Product wise visibility for website shop (Portal Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Product wise) for the portal users in
+                Product wise visibility for website shop (Portal Users)</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Product wise) for the portal users in
                 website shop when no filter is set for them.</p>
             <img src="assets/screenshots/8.png" class="img-thumbnail">
         </div>
-
-         <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Category wise filtering for website shop (Portal Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Category wise filtering mode for the portal users in the website
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Category wise filtering mode for the portal users in the website
                 shop.</p>
             <img src="assets/screenshots/9.png" class="img-thumbnail">
         </div>
-
-         <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                Product visibility for website shop portal users (Categorywise)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Category wise) for the portal users in
+                Product visibility for website shop portal users (Category
+                wise)</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Category wise) for the portal users in
                 website shop when no filter is set for them.</p>
             <img src="assets/screenshots/10.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise filtering for website shop (Visitors)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product wise filtering mode for the visitors in the website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product wise filtering mode for the visitors in the website
+                shop.</p>
             <img src="assets/screenshots/11.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise visibility for website shop (Visitors)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Product wise) for the visitors in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Product wise) for the visitors in website
+                shop.</p>
             <img src="assets/screenshots/12.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Category wise filtering for website shop (Visitors)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Category wise filtering mode for the visitors in the website shop</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Category wise filtering mode for the visitors in the website
+                shop.</p>
             <img src="assets/screenshots/13.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                Product visibility for website shop visitors (Category wise)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Category wise) for the visitors in website shop.</p>
+                Product visibility for website shop visitors (Category
+                wise)</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Category wise) for the visitors in website
+                shop.</p>
             <img src="assets/screenshots/14.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Search available product from the list</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Search product from the available product list.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Search product from the available product list.</p>
             <img src="assets/screenshots/15.png" class="img-thumbnail">
         </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 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" />
+         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
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Related
         Products
     </h2>
 </div>
@@ -316,65 +321,89 @@
             <!-- 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/odoo_website_helpdesk/#" target="_blank">
+                    <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/dynamic_accounts_report/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
-                                    src="assets/modules/1.png">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/1.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/animated_snippet/#" target="_blank">
+                    <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/custom_gantt_view/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
-                                    src="assets/modules/2.png">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/2.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/customer_geolocation/#" target="_blank">
+                    <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-radius: 0px;"
-                                    src="assets/modules/3.png">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/3.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/insta_feed_snippet/#" target="_blank">
+                <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/account_reports_xlsx/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
-                                    src="assets/modules/4.png">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/4.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/website_signup_approval/#" target="_blank">
+                    <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/base_accounting_kit/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
-                                    src="assets/modules/5.png">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/5.png">
                             </div>
                         </a>
                     </div>
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://apps.odoo.com/apps/modules/16.0/refer_friend_and_earn/#" target="_blank">
+                    <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/hr_payroll_community/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
-                                    src="assets/modules/6.png">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/6.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"
+            <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>
+        </a>
         </div>
     </div>
 </div>