diff --git a/app_account_invoice_product_multi_add/static/description/index.html b/app_account_invoice_product_multi_add/static/description/index.html
index 0fa87088..81763abf 100644
--- a/app_account_invoice_product_multi_add/static/description/index.html
+++ b/app_account_invoice_product_multi_add/static/description/index.html
@@ -1,4 +1,4 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">Account Invoice Product Multi Add</h2>
         <h3>One Click to add multi product to Account Customer Invoice, Vendor Bill.</h3>
diff --git a/app_hr_ztree/static/description/index.html b/app_hr_ztree/static/description/index.html
index b4532da5..19a0f9dd 100644
--- a/app_hr_ztree/static/description/index.html
+++ b/app_hr_ztree/static/description/index.html
@@ -1,11 +1,11 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">App ztree widget, for parent children tree list. Demo for hr department employee</h2>
         <h3 class="oe_slogan">Very useful for parent child relationship, like product category, stock location, hr department</h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <div class="oe_span12">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
@@ -72,7 +72,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in hr department.</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
@@ -81,7 +81,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in hr employee.</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
@@ -90,7 +90,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in product.</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
@@ -99,7 +99,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Free to Use in product category.</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
@@ -108,7 +108,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Free to Use in stock location.</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
@@ -117,7 +117,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="text-danger text-center">(!Need extra module and pay, release soon)Easy to navigator.</h2>
@@ -128,7 +128,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">(!Need extra module and pay, release soon)List view</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
@@ -137,7 +137,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Easy to setup just use widget='widget_select'. like this</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
diff --git a/app_module_superbar/static/description/index.html b/app_module_superbar/static/description/index.html
index 4a5552c0..19e105d0 100644
--- a/app_module_superbar/static/description/index.html
+++ b/app_module_superbar/static/description/index.html
@@ -1,9 +1,9 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">Apps Navigator by Category, Module Navigator</h2>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row">
         <h2 class="text-center text-warning">!This moduld Do Need extra paid Apps
         <a href="http://www.odoo.com/apps/modules/16.0/app_web_superbar/" target="_blank">
@@ -106,10 +106,10 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">So Easy to navigator and search any data.</h2>
@@ -120,7 +120,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Free to Use in product category.</h4>
         <div class="oe_demo oe_screenshot">
@@ -129,7 +129,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Free to Use in POS point of sale.</h4>
         <div class="oe_demo oe_screenshot">
@@ -145,7 +145,7 @@
         </div>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in HR employee.</h4>
         <div class="oe_demo oe_screenshot">
@@ -154,7 +154,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in Account.</h4>
         <div class="oe_demo oe_screenshot">
@@ -163,7 +163,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in Sale.</h4>
         <div class="oe_demo oe_screenshot">
@@ -172,7 +172,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in purchase.</h4>
         <div class="oe_demo oe_screenshot">
@@ -181,7 +181,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in contacts.</h4>
         <div class="oe_demo oe_screenshot">
@@ -190,7 +190,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">How to use! This app do need extra module. The price already included</h2>
diff --git a/app_mrp_bom_product_multi_add/static/description/index.html b/app_mrp_bom_product_multi_add/static/description/index.html
index d6a83e5f..44cf88d8 100644
--- a/app_mrp_bom_product_multi_add/static/description/index.html
+++ b/app_mrp_bom_product_multi_add/static/description/index.html
@@ -1,4 +1,4 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">App MRP Bom Product Multi Add</h2>
         <h3>One Click to add multi product to MRP Bom.</h3>
diff --git a/app_mrp_workcenter_zchart/static/description/index.html b/app_mrp_workcenter_zchart/static/description/index.html
index 4276fd40..bbd8b050 100644
--- a/app_mrp_workcenter_zchart/static/description/index.html
+++ b/app_mrp_workcenter_zchart/static/description/index.html
@@ -1,4 +1,4 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" >
         <div class="row">
             <h2 class="oe_slogan">  </h2>
@@ -24,7 +24,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2 class="bg-warning text-center pt8 pb8">So Easy to navigator and search any data.</h2>
         <h4 class="oe_slogan"> </h4>
diff --git a/app_product_category_zchart/static/description/index.html b/app_product_category_zchart/static/description/index.html
index dc35a53e..9caa481f 100644
--- a/app_product_category_zchart/static/description/index.html
+++ b/app_product_category_zchart/static/description/index.html
@@ -1,10 +1,10 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">Product Category Chart Hierarchy</h2>
         <h3 class="oe_slogan">Very useful for show parent child relationship, like product category, stock location, hr department</h3>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <div class="oe_span12">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
@@ -89,7 +89,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h1>&nbsp;</h1>
         <h1 class="text-danger text-center">MRP Production Chart Hierarchy</h1>
@@ -107,7 +107,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h1>&nbsp;</h1>
         <h1 class="text-danger text-center">Product category Chart Hierarchy</h1>
@@ -120,7 +120,7 @@
         </div>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h1>&nbsp;</h1>
         <h1 class="text-danger text-center">Stock Location Chart Hierarchy</h1>
@@ -130,7 +130,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h1>&nbsp;</h1>
         <h1 class="text-danger text-center">HR Department Chart Hierarchy</h1>
@@ -143,7 +143,7 @@
         </div>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h1>&nbsp;</h1>
         <h1 class="text-danger text-center">Account Chart Hierarchy</h1>
@@ -153,7 +153,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h1>&nbsp;</h1>
         <h1 class="text-danger text-center">User Alliance Distribution Multi level</h1>
@@ -163,7 +163,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Easy to setup just use widget='web_chart_hierarchy'. like this</h4>
         <div class="oe_demo oe_screenshot img img-fluid">
diff --git a/app_purchase_product_multi_add/static/description/index.html b/app_purchase_product_multi_add/static/description/index.html
index 726b74d4..a9de429b 100644
--- a/app_purchase_product_multi_add/static/description/index.html
+++ b/app_purchase_product_multi_add/static/description/index.html
@@ -1,4 +1,4 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">App Purchase Order Product Multi Add</h2>
         <h3>One Click to add multi product to Purchase Order.</h3>
diff --git a/app_sale_product_multi_add/static/description/index.html b/app_sale_product_multi_add/static/description/index.html
index 550c7458..40c3fb37 100644
--- a/app_sale_product_multi_add/static/description/index.html
+++ b/app_sale_product_multi_add/static/description/index.html
@@ -1,4 +1,4 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">App Sale Order Product Multi Add</h2>
         <h3>One Click to add multi product to Sale Order.</h3>
diff --git a/app_stock_location_zchart/static/description/index.html b/app_stock_location_zchart/static/description/index.html
index 8c9516dc..eecc5bd3 100644
--- a/app_stock_location_zchart/static/description/index.html
+++ b/app_stock_location_zchart/static/description/index.html
@@ -1,10 +1,10 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">Stock Location Chart Hierarchy for Multi Level</h2>
         <h3 class="oe_slogan">Very useful for show parent child relationship, like product category, stock location, hr department</h3>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <div class="row">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
@@ -89,7 +89,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">MRP Production Chart Hierarchy</h2>
@@ -107,7 +107,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">Product category Chart Hierarchy</h2>
@@ -120,7 +120,7 @@
         </div>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">Stock Location Chart Hierarchy</h2>
@@ -130,7 +130,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">HR Department Chart Hierarchy</h2>
@@ -143,7 +143,7 @@
         </div>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">Account Chart Hierarchy</h2>
@@ -153,7 +153,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">User Alliance Distribution Multi level</h2>
@@ -163,7 +163,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Easy to setup just use widget='web_chart_hierarchy'. like this</h4>
         <div class="oe_demo oe_screenshot">
diff --git a/app_stock_picking_product_multi_add/static/description/index.html b/app_stock_picking_product_multi_add/static/description/index.html
index 8705f577..caa0b5ff 100644
--- a/app_stock_picking_product_multi_add/static/description/index.html
+++ b/app_stock_picking_product_multi_add/static/description/index.html
@@ -1,4 +1,4 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">App Stock Picking Order Product Multi Add</h2>
         <h3>One Click to add multi product to Stock Picking Order.</h3>
diff --git a/app_stock_ztree/static/description/index.html b/app_stock_ztree/static/description/index.html
index 001f8619..a24e67bd 100644
--- a/app_stock_ztree/static/description/index.html
+++ b/app_stock_ztree/static/description/index.html
@@ -1,11 +1,11 @@
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <h2 class="oe_slogan" style="color:#875A7B;">App ztree widget, for parent children tree list. Demo for stock location.</h2>
         <h3 class="oe_slogan">Very useful for parent child relationship, like product category, stock location, hr department</h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <div class="row">
             <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
@@ -72,7 +72,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Free to Use in stock location.</h4>
         <div class="oe_demo oe_screenshot">
@@ -81,7 +81,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in product.</h4>
         <div class="oe_demo oe_screenshot">
@@ -90,7 +90,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Free to Use in product category.</h4>
         <div class="oe_demo oe_screenshot">
@@ -100,7 +100,7 @@
 </section>
 
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in hr department.</h4>
         <div class="oe_demo oe_screenshot">
@@ -109,7 +109,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Use in hr employee.</h4>
         <div class="oe_demo oe_screenshot">
@@ -119,7 +119,7 @@
 </section>
 
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h2>&nbsp;</h2>
         <h2 class="bg-warning text-center pt8 pb8">(!Need extra module and pay, release soon)Easy to navigator.</h2>
@@ -130,7 +130,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">(!Need extra module and pay, release soon)List view</h4>
         <div class="oe_demo oe_screenshot">
@@ -139,7 +139,7 @@
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container container">
     <div class="oe_row oe_spaced">
         <h4 class="oe_slogan">Easy to setup just use widget='widget_select'. like this</h4>
         <div class="oe_demo oe_screenshot">