diff --git a/index_test_odoo/static/description/index.html b/index_test_odoo/static/description/index.html
index 7faada753..d40f50442 100644
--- a/index_test_odoo/static/description/index.html
+++ b/index_test_odoo/static/description/index.html
@@ -90,7 +90,7 @@
     <!-- widgets-features -->
 
     <div class="" style="border-radius: 12px;
-        background: #121212; padding: 80px 40px;">
+        background-color: #121212; padding: 80px 40px;">
       <div class="position-relative" style="color: #FFF;
         text-align: center;
         font-size: 46.875px;
@@ -104,64 +104,64 @@
             font-size: 15.625px;
             font-style: normal;
             font-weight: 400;
-            line-height: 25.6px;">nfo includes 300+ elements that you may need to create website without
+            line-height: 25.6px;">info includes 300+ elements that you may need to create website without
           external plugins.</p>
       </div>
 
 
       <div class="d-flex justify-content-center gap-3 flex-wrap">
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Iconbox</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Portfolio</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
         <div class="d-flex align-items-center gap-2"
-          style="border-radius: 12px; background: #1F1F1F; padding: 16px 22px; color: #fff;">
+          style="border-radius: 12px; background-color: #1F1F1F; padding: 16px 22px; color: #fff;">
           <img src="./img/gear.svg" class="img-responsive" height="22px" width="22px">
           <span>Testimonials</span>
         </div>
@@ -205,7 +205,10 @@
     font-weight: 700;
     line-height: 1.2;">Feature 1</a></h4>
 
-                <p>Revolutionize your digital presence with our Web &amp; App Development services—innovative solutions,
+                <p style="    font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Revolutionize your digital presence with our Web &amp; App Development services—innovative solutions,
                   user-centric experiences.</p>
               </div>
 
@@ -223,7 +226,10 @@
     font-weight: 700;
     line-height: 1.2;">Feature 2</a></h4>
 
-                <p>Strategic guidance for success: Elevate your business with our expert Consulting Services, tailored
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Strategic guidance for success: Elevate your business with our expert Consulting Services, tailored
                   for growth and innovation..</p>
               </div>
 
@@ -241,7 +247,10 @@
     font-weight: 700;
     line-height: 1.2;">Feature 3</a></h4>
 
-                <p>Guard your digital fortress with our Cyber Security solutions—ensuring robust protection against
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Guard your digital fortress with our Cyber Security solutions—ensuring robust protection against
                   evolving threats.</p>
               </div>
 
@@ -260,7 +269,10 @@
     font-weight: 700;
     line-height: 1.2;">Feature 4</a></h4>
 
-                <p>Revolutionize retail with our E-commerce Solutions: seamless, secure, and tailored for your
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Revolutionize retail with our E-commerce Solutions: seamless, secure, and tailored for your
                   business's success.</p>
               </div>
 
@@ -278,7 +290,10 @@
     font-weight: 700;
     line-height: 1.2;">Feature 5</a></h4>
 
-                <p>Empower decision-making with insightful Data Analytics—uncover valuable insights for strategic
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Empower decision-making with insightful Data Analytics—uncover valuable insights for strategic
                   business advancements.</p>
               </div>
 
@@ -296,7 +311,10 @@
     font-weight: 700;
     line-height: 1.2;">Feature 6</a></h4>
 
-                <p>Effortless data management with our Cloud Services—seamless, secure, and scalable solutions for
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5;
+                color: #212529;">Effortless data management with our Cloud Services—seamless, secure, and scalable solutions for
                   modern businesses.</p>
               </div>
 
@@ -335,7 +353,7 @@
           <div class="tab-pane  fade" id="Screenshot" role="tabpanel" aria-labelledby="screenshot-1">
             <div class="row" style="padding:4rem 2.5rem 0 !important; background-color:#fff !important">
               <section class="mb-5"
-                style="background: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;padding-bottom: 0px;">
+                style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;padding-bottom: 0px;">
                 <span class="label" style="font-size: 16px;
                 font-style: normal;
                 font-weight: 700;
@@ -344,13 +362,15 @@
                 margin-bottom: 13px;
                 text-transform: uppercase;">Screenshot 1</span>
 
-                <p>screenshot description goes here</p>
+                <p style="font-size: 16px;
+                font-weight: 400;
+                line-height: 1.5; color: #212529;">screenshot description goes here</p>
                 <div class="mt-3" style="border-radius: 6px 6px 0px 0px;overflow: hidden;">
                   <img src="img/screenshot-img.png" class="img-fluid" alt="">
                 </div>
               </section>
               <section class="mb-5"
-              style="background: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;padding-bottom: 0px;">
+              style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;padding-bottom: 0px;">
               <span class="label" style="font-size: 16px;
               font-style: normal;
               font-weight: 700;
@@ -359,7 +379,9 @@
               margin-bottom: 13px;
               text-transform: uppercase;">Screenshot 1</span>
 
-              <p>screenshot description goes here</p>
+              <p style="font-size: 16px;
+              font-weight: 400;
+              line-height: 1.5; color: #212529;">screenshot description goes here</p>
               <div class="mt-3" style="border-radius: 6px 6px 0px 0px;overflow: hidden;">
                 <img src="img/screenshot-img.png" class="img-fluid" alt="">
               </div>
@@ -369,12 +391,12 @@
 
 
           <div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1">
-            <section class="oe_container pt16 mt16 pb-5">
+            <section class="">
               <section class="mt-5">
-                <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 20px;">
-                  <div>
+                <div class="row" style="margin-bottom: 24px;">
+                  <div class="col-md-8">
                     <div style="border-radius: 10px; padding: 32px;
-                      background: #303030;
+                      background-color: #303030;
                       -webkit-backdrop-filter: blur(5px);
                       backdrop-filter: blur(5px); height: 100%;">
                       <div class="info">
@@ -410,9 +432,9 @@
                     </div>
                   </div>
                   <!--  -->
-                  <div>
+                  <div class="col-md-4">
                     <div style="border-radius: 10px; padding: 32px;
-                      background: #303030;
+                      background-color: #303030;
                       -webkit-backdrop-filter: blur(5px);
                       backdrop-filter: blur(5px); height: 100%;">
                       <div class="info">
@@ -451,10 +473,10 @@
 
                 <!--row-2  -->
 
-                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;">
-                  <div>
+                <div class="row" style="margin-bottom: 24px;">
+                  <div class="col-md-6">
                     <div style="border-radius: 10px; padding: 32px;
-                    background: rgba(48, 48, 48, 1);
+                    background-color: rgba(48, 48, 48, 1);
                     -webkit-backdrop-filter: blur(5px);
                     backdrop-filter: blur(5px); height: 100%;">
                       <div class="info">
@@ -488,9 +510,9 @@
                     </div>
                   </div>
                   <!--  -->
-                  <div>
+                  <div class="col-md-6">
                     <div style="border-radius: 10px; padding: 32px;
-                    background: rgba(48, 48, 48, 1);
+                    background-color: rgba(48, 48, 48, 1);
                     -webkit-backdrop-filter: blur(5px);
                     backdrop-filter: blur(5px); height: 100%;">
                       <div class="info">
@@ -528,10 +550,10 @@
 
                 <!--row-3 -->
 
-                <div style="display: grid; grid-template-columns: 1fr 2fr; gap: 20px; margin-bottom: 20px;">
-                  <div>
+                <div class="row" style="margin-bottom: 20px;">
+                  <div class="col-md-4">
                     <div style="border-radius: 10px; padding: 32px;
-                    background: rgba(48, 48, 48, 1);
+                    background-color: rgba(48, 48, 48, 1);
                     -webkit-backdrop-filter: blur(5px);
                     backdrop-filter: blur(5px); height: 100%;">
                       <div class="info">
@@ -565,9 +587,9 @@
                     </div>
                   </div>
                   <!--  -->
-                  <div>
+                  <div class="col-md-8">
                     <div style="border-radius: 10px; padding: 32px;
-                    background: rgba(48, 48, 48, 1);
+                    background-color: rgba(48, 48, 48, 1);
                     -webkit-backdrop-filter: blur(5px);
                     backdrop-filter: blur(5px); height: 100%;">
                       <div class="info">
@@ -620,7 +642,7 @@
     <!-- section content -->
 
     <section class="mb-5"
-      style="background: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;">
+      style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;">
       <div class="row d-flex align-items-center">
         <div class="col col-12 col-md-12 col-lg-6">
           <div style="padding: 20px;">
@@ -636,7 +658,9 @@
             </h4>
 
             <div class="mt-4">
-              <p style="color: #444;">Now take advantage of everything your dashboard has to offer even on the go. Our
+              <p style="color: #444; font-size: 16px;
+              font-weight: 400;
+              line-height: 1.5;">Now take advantage of everything your dashboard has to offer even on the go. Our
                 design are now fully responsive, enabling you to view and manage everything from the comfort of your
                 mobile device.</p>
               <ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4">
@@ -684,7 +708,7 @@
     <!-- 2 -->
 
     <section class=""
-      style="background: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;">
+      style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;">
       <div class="row d-flex align-items-center">
         <div class="col col-12 col-md-12 col-lg-6">
           <div>
@@ -710,7 +734,9 @@
             </h4>
 
             <div class="mt-4">
-              <p style="color: #444;">Now take advantage of everything your dashboard has to offer even on the go. Our
+              <p style="color: #444; font-size: 16px;
+              font-weight: 400;
+              line-height: 1.5;">Now take advantage of everything your dashboard has to offer even on the go. Our
                 design are now fully responsive, enabling you to view and manage everything from the comfort of your
                 mobile device.</p>
               <ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4">
@@ -773,13 +799,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
                   <img src="./img/gear.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
                       color: #121212;
                       font-weight: 600;"> Odoo Customization</span>
               </div>
@@ -788,13 +814,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
                   <img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
                     color: #121212;
                     font-weight: 600;"> Odoo Implementation</span>
               </div>
@@ -803,13 +829,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
                   <img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
                   color: #121212;
                   font-weight: 600;">Odoo Support</span>
               </div>
@@ -818,13 +844,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
                   <img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
                 color: #121212;
                 font-weight: 600;">Odoo Migration</span>
               </div>
@@ -833,13 +859,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
                   <img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
               color: #121212;
               font-weight: 600;">Odoo integration</span>
               </div>
@@ -848,13 +874,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
                   <img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
             color: #121212;
             font-weight: 600;">Odoo Consultancy</span>
               </div>
@@ -863,13 +889,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
                   <img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
           color: #121212;
           font-weight: 600;">Odoo Licensing</span>
               </div>
@@ -878,13 +904,13 @@
           <div class="col-lg-3 col-sm-12 mb-3">
             <a href="#" style="text-decoration:none">
               <div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
-                style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;">
+                style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;">
 
                 <div class="d-flex justify-content-center align-items-center"
                   style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
                   <img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px">
                 </div>
-                <span style="font-size: 18px;
+                <span class="mt-3" style="font-size: 18px;
           color: #121212;
           font-weight: 600;">Hire Odoo Developer</span>
               </div>