diff --git a/employee_stages/static/description/index.html b/employee_stages/static/description/index.html
index 35e51d2d4..b4413a5f1 100644
--- a/employee_stages/static/description/index.html
+++ b/employee_stages/static/description/index.html
@@ -201,40 +201,50 @@
 </section>
 
 <section class="oe_container" style="padding: 2rem 3rem 1rem;">
-  <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
-  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-  <div id="demo1" class="row carousel slide" data-ride="carousel"> 
-    <!-- The slideshow -->
-    <div class="carousel-inner">
-      <div class="carousel-item active" style="min-height: 0px;">
-        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/13.0/employee_documents_expiry/" target="_blank">
-          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/employee_documents_expiry.png"> </div>
-          </a> </div>
-        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/13.0/hr_payroll_community/" target="_blank">
-          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/hr_payroll_community.gif"> </div>
-          </a> </div>
-      </div>
-        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/13.0/timesheets_by_employee/" target="_blank">
-          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/timesheets_by_employee.png"> </div>
-          </a> </div>
-        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/13.0/employee_orientation/" target="_blank">
-          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/employee_orientation.png"> </div>
-          </a> </div>
+      <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div id="demo1" class="row carousel slide" data-ride="carousel">
+         <!-- The slideshow -->
+         <div class="carousel-inner">
+            <div class="carousel-item active" style="min-height: 0px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/employee_documents_expiry/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/employee_documents_expiry.png"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/hr_payroll_community/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/hr_payroll_community.gif"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/timesheets_by_employee/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/timesheets_by_employee.png"> </div>
+                  </a>
+               </div>
+            </div>
+            <div class="carousel-item" style="min-height: 0px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/employee_orientation/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/employee_orientation.png"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/hr_payroll_account_community/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/hr_payroll_account_community.gif"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/automatic_payroll/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/automatic_payroll.png"> </div>
+                  </a>
+               </div>
+            </div>
+         </div>
+         <!-- Left and right controls --> 
+         <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
       </div>
-      <div class="carousel-item" style="min-height: 0px;">
-        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/13.0/hr_payroll_account_community/" target="_blank">
-          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/hr_payroll_account_community.gif"> </div>
-          </a> </div>
-        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;"> <a href="https://apps.odoo.com/apps/modules/13.0/automatic_payroll/" target="_blank">
-          <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/cash_book_dynamic_reports.png"> </div>
-          </a> </div>
-
-    </div>
-    
-    <!-- Left and right controls --> 
-    <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> </div>
-</section>
-	
+   </section>
 	
 <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
   <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>