diff --git a/index_test_odoo/static/description/index.html b/index_test_odoo/static/description/index.html
index 62f9f5fef..bd729ef1c 100644
--- a/index_test_odoo/static/description/index.html
+++ b/index_test_odoo/static/description/index.html
@@ -194,7 +194,7 @@
 
 
          
-          <div class="col-md-12 shadow" style="background-color:#999bdf;">
+          <!--<div class="col-md-12 shadow" style="background-color:#999bdf;">
               <ul role="tablist" class="nav nav-tabs position-sticky sticky-top ui-front d-flex justify-content-center " data-tabs="tabs" style="background-color:#c8aaac00; border:none; width:auto; padding-top:10px; line-height:1; text-align:center">
                   <li class="nav-item" style="margin-bottom:5px">
 
@@ -220,8 +220,36 @@
                       <img class="img-fluid align-top" loading="lazy" src="assets/icons/video.png" style="width: 100%; width: 25px; margin-right: 10px;"> Video </a>
                 </li>
               </ul>
-          </div>
-
+          </div>-->
+
+      <div class="col-md-12 shadow" style="background-color:#999bdf;">
+          <ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" style="border:none; background-color:unset; margin:0 auto">
+            <li class="nav-item" style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#e6f6ff; margin-right:10px; border:1px solid #ddd; border-bottom:0">
+              <a href="#screenshot-1" data-toggle="tab" aria-expanded="true" class="show active" style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
+                <img src="assets/icons/screenshot.png" style="width: 100%; width: 25px; margin-right: 10px;">screenshot </a>
+              <span class="border-left-0" style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
+              <span class="border-right-0" style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
+            </li>
+            <li class="nav-item" style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#e6f6ff; margin-right:10px; border:1px solid #ddd; border-bottom:0">
+              <a href="#features-1" data-toggle="tab" aria-expanded="true" class="show" style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
+                <img src="assets/icons/feature.png" style="width: 100%; width: 25px; margin-right: 10px;">Features </a>
+              <span class="border-left-0" style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
+              <span class="border-right-0" style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
+            </li>
+            <li class="nav-item" style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#e6f6ff; margin-right:10px; border:1px solid #ddd; border-bottom:0">
+              <a href="#faq-1" data-toggle="tab" aria-expanded="true" class="show" style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
+                <img  src="assets/icons/faq.png" style="width: 100%; width: 25px; margin-right: 10px;">FAQs </a>
+              <span class="border-left-0" style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
+              <span class="border-right-0" style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
+            </li>
+            <li class="nav-item" style="border-top-right-radius:10px; border-top-left-radius:10px; background-color:#e6f6ff; margin-right:10px; border:1px solid #ddd; border-bottom:0">
+              <a href="#video-1" data-toggle="tab" aria-expanded="true" class="show" style="font-family:Roboto; text-transform:uppercase; font-weight:600; font-size:15px; letter-spacing:1px; padding:11px 20px; border-top-left-radius:10px; border-top-right-radius:10px; color:#2b2b2b; border:1px solid transparent">
+                <img src="assets/icons/video.png" style="width: 100%; width: 25px; margin-right: 10px;">Videos </a>
+              <span class="border-left-0" style="float:left; margin-top:-4px; margin-left:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 5px 0"></span>
+              <span class="border-right-0" style="float:right; margin-top:-4px; margin-right:-5px; width:5px; height:5px; border:1px solid #ddd; border-top:0; border-radius:0 0 0 5px"></span>
+            </li>
+          </ul>
+       </div>