diff --git a/index_test_odoo/static/description/assets/cybro-icon.png b/index_test_odoo/static/description/assets/cybro-icon.png
new file mode 100644
index 000000000..06e73e11d
Binary files /dev/null and b/index_test_odoo/static/description/assets/cybro-icon.png differ
diff --git a/index_test_odoo/static/description/assets/h2.png b/index_test_odoo/static/description/assets/h2.png
new file mode 100644
index 000000000..cfbb95e87
Binary files /dev/null and b/index_test_odoo/static/description/assets/h2.png differ
diff --git a/index_test_odoo/static/description/assets/icons/down.svg b/index_test_odoo/static/description/assets/icons/down.svg
new file mode 100644
index 000000000..f21c36271
--- /dev/null
+++ b/index_test_odoo/static/description/assets/icons/down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g id="Layer_2" data-name="Layer 2"><path d="m12 1a11 11 0 1 0 11 11 11.013 11.013 0 0 0 -11-11zm5.707 9.707-5 5a1 1 0 0 1 -1.414 0l-5-5a1 1 0 0 1 1.414-1.414l4.293 4.293 4.293-4.293a1 1 0 0 1 1.414 1.414z" fill="#781d96" data-original="#000000" class=""></path></g></g></svg>
\ No newline at end of file
diff --git a/index_test_odoo/static/description/assets/y18.jpg b/index_test_odoo/static/description/assets/y18.jpg
new file mode 100644
index 000000000..eea1714f2
Binary files /dev/null and b/index_test_odoo/static/description/assets/y18.jpg differ
diff --git a/index_test_odoo/static/description/index.html b/index_test_odoo/static/description/index.html
index 05fbd2661..96fc8188b 100644
--- a/index_test_odoo/static/description/index.html
+++ b/index_test_odoo/static/description/index.html
@@ -36,7 +36,7 @@
 
         <div class="col-lg-12 d-flex justify-content-center align-items-center"
              style="margin: 2rem 0;">
-            <img src="./assets/cybro-odoo.png" width="100%" height="auto"
+            <img src="./assets/cybro-odoo.png" width="100%" height="auto" style="width:50%;"
                  class="img-responsive">
         </div>
 
@@ -50,9 +50,36 @@
 </div>
 <!-- END OF HERO -->
 
+<!-- Start OF slide -->
+
+<div class="container shadow  style="margin-left:calc(-42vw + 50%); width:84vw"">
+  <div class="row"
+       style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
+     
+      
+
+
+      
+
+
+      <div class="col-lg-12 d-flex justify-content-center align-items-center"
+           style="margin: 2rem 0;">
+          <img src="./assets/h2.png" width="100%" height="auto" style="width:50%;"
+               class="img-responsive">
+      </div>
+
 
 
 
+
+
+
+  </div>
+</div>
+
+<!-- END OF slide -->
+
+
 <section class="oe_container pb-5">
     <div class="mt64 mb64">
 
@@ -64,68 +91,68 @@
       
       <div class="row">
         <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;background: #5154a5;">
+          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
             <div class="col-md-3" style="float:left">
               <img class="img img-responsive" src="assets/icons/test-1.png">
             </div>
             <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #fff;">Current Stock XLS</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #f1f1f1;"> Please enter the warehouses which you want to take the report. </p>
+              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Current Stock XLS</h3>
+              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> Please enter the warehouses which you want to take the report. </p>
             </div>
           </div>
         </div>
         <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;background: #5154a5;">
+          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
             <div class="col-md-3" style="float:left">
               <img class="img img-responsive" src="assets/icons/test-1.png">
             </div>
             <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #fff;">Current Stock XLS</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #f1f1f1;"> Please enter the warehouses which you want to take the report. </p>
+              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Current Stock XLS</h3>
+              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> Please enter the warehouses which you want to take the report. </p>
             </div>
           </div>
         </div>
         <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;background: #5154a5;">
+          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
             <div class="col-md-3" style="float:left">
               <img class="img img-responsive" src="assets/icons/test-1.png">
             </div>
             <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #fff;">Current Stock XLS</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #f1f1f1;"> Please enter the warehouses which you want to take the report. </p>
+              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Current Stock XLS</h3>
+              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> Please enter the warehouses which you want to take the report. </p>
             </div>
           </div>
         </div>
         <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;background: #5154a5;">
+          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
             <div class="col-md-3" style="float:left">
               <img class="img img-responsive" src="assets/icons/test-1.png">
             </div>
             <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #fff;">Current Stock XLS</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #f1f1f1;"> Please enter the warehouses which you want to take the report. </p>
+              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Current Stock XLS</h3>
+              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> Please enter the warehouses which you want to take the report. </p>
             </div>
           </div>
         </div>
         <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;background: #5154a5;">
+          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
             <div class="col-md-3" style="float:left">
               <img class="img img-responsive" src="assets/icons/test-1.png">
             </div>
             <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #fff;">Current Stock XLS</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #f1f1f1;"> Please enter the warehouses which you want to take the report. </p>
+              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Current Stock XLS</h3>
+              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> Please enter the warehouses which you want to take the report. </p>
             </div>
           </div>
         </div>
         <div class="col-md-6 col-sm-12 mt32">
-          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;background: #5154a5;">
+          <div class="container shadow" style="border-radius: 5px;padding: 33px 0px;">
             <div class="col-md-3" style="float:left">
               <img class="img img-responsive" src="assets/icons/test-1.png">
             </div>
             <div class="col-md-9" style="padding-left:0; float:left; width:70%">
-              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #fff;">Current Stock XLS</h3>
-              <p class=" mt8" style="font-family:Roboto ; color: #f1f1f1;"> Please enter the warehouses which you want to take the report. </p>
+              <h3 class="mt16 mb0" style="font-family:Roboto; font-weight:500; font-size:22px; color: #781d96;">Current Stock XLS</h3>
+              <p class=" mt8" style="font-family:Roboto ; color: #280135;"> Please enter the warehouses which you want to take the report. </p>
             </div>
           </div>
         </div>
@@ -152,20 +179,21 @@
           <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="#services" data-toggle="tab" aria-expanded="true" class="show" style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 18px;letter-spacing: 1px;padding: 11px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #1400ff;border: 4px solid #1400ff;border-bottom: none;">
-            <img src="" style="width:18px; margin-top:-4px; margin-right:6px">Our Services </a>
+          <a href="#faq" data-toggle="tab" aria-expanded="true" class="show" style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 18px;letter-spacing: 1px;padding: 11px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #1400ff;border: 4px solid #1400ff;border-bottom: none;">
+            <img src="" style="width:18px; margin-top:-4px; margin-right:6px">FAQ </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="#industries" data-toggle="tab" aria-expanded="true" class="show" style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 18px;letter-spacing: 1px;padding: 11px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #1400ff;border: 4px solid #1400ff;border-bottom: none;">
-            <img src="" style="width:18px; margin-top:-4px; margin-right:6px">Our Industries </a>
+          <a href="#video" data-toggle="tab" aria-expanded="true" class="show" style="font-family: Roboto;text-transform: uppercase;font-weight: 600;font-size: 18px;letter-spacing: 1px;padding: 11px 20px;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #1400ff;border: 4px solid #1400ff;border-bottom: none;">
+            <img src="" style="width:18px; margin-top:-4px; margin-right:6px">Demo Video </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 id="loempia_tabs_content_ept" class="container-fluid" style="border:1px solid #eee; border-radius:10px">
@@ -266,6 +294,9 @@
               
             </div>
           </div>
+
+
+
           <div class="tab-pane" id="screenshots">
             <section class="oe_container mt48">
               <div style="margin-bottom:4%">
@@ -291,298 +322,146 @@
             
             </section>
           </div>
-          
-
-          <div class="tab-pane" id="services">
-
-
-             <!-- OUR SERVICES -->
-    <section class="container" style="margin-top: 6rem !important;">
-      <div class="row">
-          <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
-
-              <h2
-                      style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
-                  Our Services</h2>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/cogs.png" class="img-responsive"
-                       height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Customization</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/wrench.png" class="img-responsive"
-                       height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Implementation</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/lifebuoy.png" class="img-responsive"
-                       height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Support</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/user.png" class="img-responsive"
-                       height="48px" width="48px">
+          div class="tab-pane" id="video">
+            <section class="oe_container mt48">
+              <div style="margin-bottom:4%">
+                <h3 class="text-center mb32" style="letter-spacing:-1px !important; font-family:Roboto; font-weight:400">Clickable Dashboard Tiles</h3>
+                <p>In the Gantt view, similar records will be grouped together having a link to the parent record. There are five types of views available. They are 'Quarter Day',</p>
+                <div class="mt16 mb16">
+                  <img src="assets/screenshots/responsive.png" class="img img-responsive center-block">
+                </div>
               </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Hire
-                  Odoo
-                  Developer</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/puzzle.png" class="img-responsive"
-                       height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Integration</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/update.png" class="img-responsive"
-                       height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Migration</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/consultation.png"
-                       class="img-responsive" height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Consultancy</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/training.png" class="img-responsive"
-                       height="48px" width="48px">
+              <div style="margin-bottom:4%">
+                <h3 class="text-center mb32" style="letter-spacing:-1px !important; font-family:Roboto; font-weight:400">Clickable Dashboard Tiles</h3>
+                <p>In the Gantt view, similar records will be grouped together having a link to the parent record. There are five types of views available. They are 'Quarter Day',</p>
+                <div class="mt16 mb16">
+                  <img src="assets/screenshots/responsive.jpg" class="img img-responsive center-block">
+                </div>
               </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Implementation</h6>
-          </div>
 
-          <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-              <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                   style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                  <img src="assets/icons/license.png" class="img-responsive"
-                       height="48px" width="48px">
-              </div>
-              <h6 class="text-center"
-                  style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                  Odoo
-                  Licensing Consultancy</h6>
-          </div>
-      </div>
-  </section>
-  <!-- END OF END OF OUR SERVICES -->
+              
             
-
-
-
-
+            </section>
           </div>
 
 
 
-
-          <div class="tab-pane" id="industries">
-
-
-            <!-- OUR INDUSTRIES -->
-    <section class="container"
-    style="margin-top: 6rem !important; background-color: #fff !important;">
-<div class="row">
-   <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
-
-       <h2
-               style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
-           Our Industries</h2>
-   </div>
-
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/trading-black.png"
-                class="img-responsive mb-3" height="48px" width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               Trading
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               Easily
-               procure
-               and
-               sell your products</p>
-       </div>
-   </div>
-
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/pos-black.png"
-                class="img-responsive mb-3" height="48px" width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               POS
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               Easy
-               configuration
-               and convivial experience</p>
-       </div>
-   </div>
-
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/education-black.png"
-                class="img-responsive mb-3" height="48px"
-                width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               Education
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               A
-               platform for
-               educational management</p>
-       </div>
-   </div>
-
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/manufacturing-black.png"
-                class="img-responsive mb-3" height="48px"
-                width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               Manufacturing
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               Plan,
-               track and
-               schedule your operations</p>
-       </div>
-   </div>
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/ecom-black.png"
-                class="img-responsive mb-3" height="48px" width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               E-commerce &amp; Website
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               Mobile
-               friendly,
-               awe-inspiring product pages</p>
-       </div>
-   </div>
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/service-black.png"
-                class="img-responsive mb-3" height="48px" width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               Service Management
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               Keep
-               track of
-               services and invoice</p>
-       </div>
-   </div>
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/restaurant-black.png"
-                class="img-responsive mb-3" height="48px"
-                width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               Restaurant
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               Run
-               your bar or
-               restaurant methodically</p>
-       </div>
-   </div>
-   <div class="col-lg-3">
-       <div class="my-4 d-flex flex-column justify-content-center"
-            style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
-           <img src="./assets/icons/hotel-black.png"
-                class="img-responsive mb-3" height="48px" width="48px">
-           <h5
-                   style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
-               Hotel Management
-           </h5>
-           <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
-               An
-               all-inclusive
-               hotel management application</p>
-       </div>
-   </div>
-</div>
-</section>
-
-<!-- END OF END OF OUR INDUSTRIES -->
-           
-
+          <div class="tab-pane" id="faq">
+            <section class="oe_container mt48">
+             
 
 
+              
 
-         </div>
 
+                <div aria-labelledby="faq-tab" class="tab-pane fade show active" id="faq" role="tabpanel">
+                    <div class="accordion" id="accordion6">
+                        <div style="background-color:#fff">
+                            <!-- Question 1 -->
+                            <div aria-expanded="true" class="card-header" data-toggle="collapse" href="#collapseFAQOne" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8">
+                                <a class="card-title text-decoration-none" style="font-size:18px; line-height:30px; font-weight:500; color:#4F4F4F">
+                                  Why Choose Odoo ERP Custom Development?
+                                    <img alt="" class="float-right pt-2" src="assets/icons/down.svg">
+                                </a>
+                            </div>
+                            <div class="card-body collapse show" data-parent="#accordion6" id="collapseFAQOne" style="">
+                                <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal">
+                                  Odoo can be customized according to your business need which makes Odoo the Best ERP Software in the market. Send us your requirements, we have a custom-tailored solution for your business.
+                                </p>
+                            </div>
+                            <!-- Question 2 -->
+                            <div aria-expanded="false" class="card-header collapsed" data-parent="#accordion6" data-toggle="collapse" href="#collapseFAQTwo" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8">
+                                <a class="card-title text-decoration-none" style="font-size:18px; line-height:30px; font-weight:500; color:#4F4F4F">
+                                  Why Cybrosys is the Best Odoo Development Company?
+                                    <img alt="" class="float-right pt-2 " src="assets/icons/down.svg">
+                                </a>
+                            </div>
+                            <div class="card-body collapse" data-parent="#accordion6" id="collapseFAQTwo">
+                                <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal">
+                                  Odoo can be customized according to your business need which makes Odoo the Best ERP Software in the market. Send us your requirements, we have a custom-tailored solution for your business.
+                                </p>
+                            </div>
+                            <!-- Question 3 -->
+                            <div aria-expanded="false" class="card-header collapsed" data-parent="#accordion6" data-toggle="collapse" href="#collapseFAQThree" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8">
+                                <a class="card-title text-decoration-none" style="font-size:18px; line-height:30px; font-weight:500; color:#4F4F4F">
+                                  Why Choose Odoo ERP Custom Development?
+                                    <img alt="" class="float-right pt-2" src="assets/icons/down.svg">
+                                </a>
+                            </div>
+                            <div class="collapse" data-parent="#accordion6" id="collapseFAQThree">
+                                <div class="card-body">
+                                    <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal">
+                                      Odoo can be customized according to your business need which makes Odoo the Best ERP Software in the market. Send us your requirements, we have a custom-tailored solution for your business.
+                                    </p>
+                                </div>
+                            </div>
+                            <!-- Question 4 -->
+                            <div aria-expanded="false" class="card-header collapsed" data-parent="#accordion6" data-toggle="collapse" href="#collapseFAQFour" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8">
+                                <a class="card-title text-decoration-none" style="font-size:18px; line-height:30px; font-weight:500; color:#4F4F4F">
+                                  Why Choose Odoo ERP Custom Development?
+                                    <img alt="" class="float-right pt-2" src="assets/icons/down.svg">
+                                </a>
+                            </div>
+                            <div class="collapse" data-parent="#accordion6" id="collapseFAQFour">
+                                <div class="card-body">
+                                    <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal">
+                                      Odoo can be customized according to your business need which makes Odoo the Best ERP Software in the market. Send us your requirements, we have a custom-tailored solution for your business.
+                                    </p>
+                                </div>
+                            </div>
+                            <!-- Question 5 -->
+                            <div aria-expanded="false" class="card-header collapsed" data-parent="#accordion6" data-toggle="collapse" href="#collapseFAQFive" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8">
+                                <a class="card-title text-decoration-none" style="font-size:18px; line-height:30px; font-weight:500; color:#4F4F4F">
+                                  Why Choose Odoo ERP Custom Development?
+                                    <img alt="" class="float-right pt-2" src="assets/icons/down.svg">
+                                </a>
+                            </div>
+                            <div class="collapse" data-parent="#accordion6" id="collapseFAQFive">
+                                <div class="card-body">
+                                    <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal">
+                                      Odoo can be customized according to your business need which makes Odoo the Best ERP Software in the market. Send us your requirements, we have a custom-tailored solution for your business.
+                                    </p>
+                                </div>
+                            </div>
+                            <!-- Question 6 -->
+                            <div aria-expanded="false" class="card-header collapsed" data-parent="#accordion6" data-toggle="collapse" href="#collapseFAQSix" style="background-color:transparent; border:none; border-top:1px solid #E8E8E8">
+                                <a class="card-title text-decoration-none" style="font-size:18px; line-height:30px; font-weight:500; color:#4F4F4F">
+                                  Why Choose Odoo ERP Custom Development?
+                                    
+                                  <img alt="" class="float-right pt-2" src="assets/icons/down.svg">
+                                </a>
+                            </div>
+                            <div class="collapse" data-parent="#accordion6" id="collapseFAQSix">
+                                <div class="card-body">
+                                    <p style="font-size:16px; line-height:27px; color:#414141; font-weight:normal">
+                                      Odoo can be customized according to your business need which makes Odoo the Best ERP Software in the market. Send us your requirements, we have a custom-tailored solution for your business.
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+               
+                    </div>
+                </div>
+            </div>
+              
+            
+            </section>
+          </div>
 
 
           
           
+          
         </div>
       </div>
     </div>
@@ -591,6 +470,9 @@
 
   
 
+
+  
+
 <section>
 
   <div class="row">
@@ -661,6 +543,206 @@
 
 </section>
 
+<section>
+
+  <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="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/misc/star.png?aedef96">
+    </div>
+    <h2 class="mt-2" style="font-family:'Montserrat', sans-serif; font-size:24px; font-weight:bold">Our Services
+    </h2>
+  </div>
+
+
+  <div class="container my-5">
+    <div class="row">
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#1dd1a1 !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/cogs.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Customization</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#ff6b6b !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/wrench.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Implementation</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#6462CD !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/lifebuoy.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Support</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#ffa801 !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/user.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Hire
+          Odoo
+          Developer</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#54a0ff  !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/puzzle.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Integration</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#6d7680 !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/update.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Migration</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#786fa6 !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/consultation.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Consultancy</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#f8a5c2 !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/training.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Implementation</h6>
+      </div>
+      <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+        <div class="d-flex justify-content-center align-items-center mx-3 my-3" style="background-color:#e6be26 !important; border-radius:15px !important; height:80px; width:80px">
+          <img src="//apps.odoocdn.com/apps/assets/16.0/export_stockinfo_xls/assets/icons/license.png?aedef96" class="img-responsive" height="48px" width="48px">
+        </div>
+        <h6 class="text-center" style="font-family:Montserrat, 'sans-serif' !important; font-weight:bold">
+          Odoo
+          Licensing Consultancy</h6>
+      </div>
+    </div>
+  </div>
+
+
+  
+
+
+  
+
+
+</section>
+
+
+<section class="container" style="margin-top:6rem !important">
+  <div class="row">
+      <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+          <h2 style="color:#212529 !important">Our Industries</h2>
+          <hr style="border:3px solid #714B67 !important; background-color:#714B67 !important; width:80px !important; margin-bottom:2rem !important">
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/trading-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  Trading
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  Easily procure
+                  and
+                  sell your products</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/pos-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  POS
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  Easy
+                  configuration
+                  and convivial experience</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/education-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  Education
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  A platform for
+                  educational management</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/manufacturing-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  Manufacturing
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  Plan, track and
+                  schedule your operations</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/ecom-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  E-commerce &amp; Website
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  Mobile
+                  friendly,
+                  awe-inspiring product pages</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/service-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  Service Management
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  Keep track of
+                  services and invoice</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/restaurant-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  Restaurant
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  Run your bar or
+                  restaurant methodically</p>
+          </div>
+      </div>
+      <div class="col-lg-3">
+          <div class="my-4 d-flex flex-column justify-content-center" style="background-color:#f6f8f9 !important; border-radius:10px; padding:2rem !important; height:250px !important">
+              <img src="//apps.odoocdn.com/apps/assets/15.0/combo_product_pos/assets/icons/hotel-black.png?2d98612" class="img-responsive mb-3" height="48px" width="48px">
+              <h5 style="font-family:Montserrat, sans-serif !important; color:#000 !important; font-weight:bold">
+                  Hotel Management
+              </h5>
+              <p style="font-family:Montserrat, sans-serif !important; font-size:0.9rem !important">
+                  An
+                  all-inclusive
+                  hotel management application</p>
+          </div>
+      </div>
+  </div>
+</section>
+