diff --git a/sale_promotion/static/description/index.html b/sale_promotion/static/description/index.html
index d71990adf..d48543ffc 100644
--- a/sale_promotion/static/description/index.html
+++ b/sale_promotion/static/description/index.html
@@ -20,44 +20,81 @@
     <div class="oe_row oe_spaced">
         <div class="oe_picture">
             <h3 class="oe_slogan">Overview</h3>
-                <p class="oe_mt32">The module, allows the user to set sales promotion offers on products and product category.
-                    Create product and Product category based specific promotion rules and improve the sales.
-                </p>
+            <p class="oe_mt32 text-justify" style="text-align: center;">
+                The module, allows the user to set sales promotion offers on products and product category.
+                Create product and Product category based specific promotion rules and improve the sales.
+            </p>
         </div>
     </div>
 </section>
+
+
 <section class="oe_container">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
-             <p class="oe_mt32">
-               <h3> <p>Create Promotion rule for products or product category.</p></h3>
+        <div style="text-align: center">
+            <p>
+                <h3>Create Promotion Rules</h3>
             </p>
         </div>
-        <div class="oe_span12">
+    </div>
+    <div class="oe_row oe_spaced">
+            <div class="" style="text-align: center">
+                 <span class="oe_mt32 text-justify" style="text-align: center;">Case 1.Buy One get One Free.</span>
+            </div>
+        </div>
+    <div>
+        <div class="" style="text-align: center">
+            <div class="oe_demo oe_picture oe_screenshot">
+                <img style="border:10px solid white;" src="promo1.png">
+            </div>
+        </div>
+        <div class="" style="text-align: center">
             <div class="oe_demo oe_picture oe_screenshot">
-                <img src="promotion.png">
+                <img style="border:10px solid white;" src="promo2.png">
             </div>
         </div>
     </div>
+
 </section>
 
 <section class="oe_container oe_dark">
+     <div class="oe_row oe_spaced">
+        <div class="" style="text-align: center">
+             <span class="oe_mt32 text-justify" style="text-align: center;">Case 2.Buy 2 Get Another Free</span>
+        </div>
+    </div>
     <div class="oe_row oe_spaced">
-         <div class="oe_span12">
-            <p class="oe_mt32">
-                <p>Select the Promotion rule in the sale order and click on 'Apply Offer'
-                 if you want to add promotion products to sale order.</p>
-            </p>
+        <div class="" style="text-align: center">
+            <div class="oe_demo oe_picture oe_screenshot">
+                <img style="border:10px solid white;" src="promo3.png">
+            </div>
         </div>
-        <div class="oe_span12">
+        <div class="" style="text-align: center">
             <div class="oe_demo oe_picture oe_screenshot">
-                <img src="offer.png">
+                <img style="border:10px solid white;" src="promo4.png">
             </div>
         </div>
     </div>
 </section>
 
 <section class="oe_container">
+    <div class="oe_row oe_spaced">
+        <div style="text-align: center">
+            <p>
+                <h3>Select Offer In Sale Order</h3>
+            </p>
+        </div>
+        <div class="" style="text-align: center">
+            <div class="oe_demo oe_picture oe_screenshot">
+                <img style="border:10px solid white;" src="sale.png">
+            </div>
+            <span class="oe_mt32 text-justify" style="text-align: center;">Select the promotion rule in the sale order and click on 'Apply Offer'</span>
+        </div>
+    </div>
+
+</section>
+
+<section class="oe_container oe_dark">
     <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
     <div class="oe_slogan" style="margin-top:10px !important;">
         <div>
diff --git a/sale_promotion/static/description/offer.png b/sale_promotion/static/description/offer.png
deleted file mode 100644
index 89936d12f..000000000
Binary files a/sale_promotion/static/description/offer.png and /dev/null differ
diff --git a/sale_promotion/static/description/promo1.png b/sale_promotion/static/description/promo1.png
new file mode 100644
index 000000000..4a54e3dfe
Binary files /dev/null and b/sale_promotion/static/description/promo1.png differ
diff --git a/sale_promotion/static/description/promo2.png b/sale_promotion/static/description/promo2.png
new file mode 100644
index 000000000..887338a88
Binary files /dev/null and b/sale_promotion/static/description/promo2.png differ
diff --git a/sale_promotion/static/description/promo3.png b/sale_promotion/static/description/promo3.png
new file mode 100644
index 000000000..dc6a2e5ce
Binary files /dev/null and b/sale_promotion/static/description/promo3.png differ
diff --git a/sale_promotion/static/description/promo4.png b/sale_promotion/static/description/promo4.png
new file mode 100644
index 000000000..8cced2075
Binary files /dev/null and b/sale_promotion/static/description/promo4.png differ
diff --git a/sale_promotion/static/description/promotion.png b/sale_promotion/static/description/promotion.png
deleted file mode 100644
index 43ab68e9a..000000000
Binary files a/sale_promotion/static/description/promotion.png and /dev/null differ
diff --git a/sale_promotion/static/description/sale.png b/sale_promotion/static/description/sale.png
new file mode 100644
index 000000000..0317d4634
Binary files /dev/null and b/sale_promotion/static/description/sale.png differ