add

app_web_fullwidth/static/description/index.html

@@ -1,18 +1,63 @@
 <section class="oe_container">
     <div class="oe_row oe_spaced" style="max-width: 95%;">
         <div class="oe_span12">
-            <h2 class="oe_slogan">App Web Fullwidth(form view fullwidth)</h2>
-            <div class="oe_demo" style=" margin: 30px auto 0; padding: 0 15px 0 0; border:none; width: 96%;">
-                <h3>Please install <a href="https://www.odoo.com/apps/modules/11.0/app_odoo_customize/" target="_blank">app_odoo_customize</a> First.</h3>
-                <p>This moduld allows user to set the form view to full width by date or number range in List view and Pivot view. </p>
-                <div class="oe_demo oe_picture oe_screenshot">
-                    <img src="date_range.jpg">
-                </div>
+            <h2 class="oe_slogan">App Web Responsive Fullwidth(form view fullwidth)</h2>
+            <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
+                <i class="fa fa-hand-o-right"></i><b> Key features: </b>
+                <ul class="list-unstyled">
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Show the form view into full width, More screen show about 30%.
+                    </li>
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Form view Responsive full width (fullwidth)
+                    </li>
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Ready for small, medium, large, extra large screen.
+                    </li>
+                    <li>
+                        <i class="fa fa-check-square-o text-primary"></i>
+                        Ready for enterprise and communicate version.
+                    </li>
+                </ul>
             </div>
         </div>
     </div>
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_demo"
+             style="margin: 20px auto; padding: 0 15px 0 0; border:none; border-top:solid 1px #dedede; width: 96%;">
+            <h2 class='oe_mt32'>Small screen. With or without this module</h2>
+        </div>
+        <div class="oe_demo oe_screenshot">
+            <img src="demo_s.png" style="border:1px solid black"/>
+            <br/>
+        </div>
+    </div>
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_demo"
+             style="margin: 20px auto; padding: 0 15px 0 0; border:none; border-top:solid 1px #dedede; width: 96%;">
+            <h2 class='oe_mt32'>Medium screen. With or without this module</h2>
+        </div>
+        <div class="oe_demo oe_screenshot">
+            <img src="demo_m.png" style="border:1px solid black"/>
+            <br/>
+        </div>
+    </div>
+    <div class="oe_row oe_spaced" style="max-width: 95%;">
+        <div class="oe_demo"
+             style="margin: 20px auto; padding: 0 15px 0 0; border:none; border-top:solid 1px #dedede; width: 96%;">
+            <h2 class='oe_mt32'>Large and extra large screen.</h2>
+        </div>
+        <div class="oe_demo oe_screenshot">
+            <img src="demo_l_1.jpg" style="border:1px solid black"/>
+            <br/>
+        </div>
+    </div>
 </section>
 
+
 <section class="oe_container oe_dark">
     <div class="oe_row oe_spaced text-center">
         <div class="oe_span12">