[CHG] Index Changed

export_stockinfo_xls/static/description/index.html

@@ -1,87 +1,328 @@
-<section class="oe_container">
+
+
+
+
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 19% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Current Stock XLS</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">Current Stock Report for all Products in each Warehouse</h3>
+            Current Stock XLS
-         <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Current Stock Report for all Products in each Warehouse
+        </h3>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
+        </h5>
     </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
             This module helps to print Current Stock Report for all Products in each Warehouse with XLS.
-        </div>
+         </h3>
     </div>
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 300;margin: 0px !important;">
-                 &#x261B; Installation : To install this module, you need also the report_xlsx module.
+            Installation
-        </div>
+        </h2>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            To install this module, you need also the report_xlsx module.
+         </h3>
     </div>
+</section>
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_picture oe_screenshot">
+             Features
-                <img src="image1.png">
+        </h2>
-            </div>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Select category for products
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Get your stock valuation details</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Negative stock will be highlighted in "red" cells.
+         </h3>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Screenshots
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Go to Inventory -> Reports -> Current stock in Excel.<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Now a wizard will appear on your screen.
+            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+                Please enter the warehouses which you want to take the report.<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            You can also select category for products(It is Optional).<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                Then Click "Export Product with Stock Info" button.
+            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            Then You will get the corresponding report in XLS.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="image1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <p class='oe_mt32'>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                Go to Inventory -> Reports -> Current stock in Excel. Now a wizard will appear on your screen.
+             Per warehouse you can get Available Qty, Virtual Qty, Incoming Qty, Outgoing Qty, Net On Hand Qty,
-                Please enter the warehouses which you want to take the report. You can also select category for products(It is Optional).
+                Total Sold & Total Purchased Qty.<br/>
-                Then Click "Export Product with Stock Info" button. Then You will get the corresponding report in XLS.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+            You can get your stock valuation details too. In below screen-shot you
+                can see stock details of 2 warehouse exported in single spreadsheet.<br/>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="image2.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Negative stock will be highlighted in "red" cells.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="image3.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <div class="oe_row oe_padded">
+    <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_row_img oe_centered">
+            Our Service
-                <img class="oe_picture oe_screenshot" src="image2.png">
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
             </div>
         </div>
     </div>
 </section>
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Trading
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easily procure and sell your products.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Manufacturing
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Plan, track and schedule your operations.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Restaurant
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Run your bar or restaurant methodical.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
-<section>
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="oe_span12">
+                    <div style="width:70%;float:left;">
-            <p class='oe_mt32'>
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-               Per warehouse you can get Available Qty, Virtual Qty, Incoming Qty, Outgoing Qty, Net On Hand Qty,
+                        POS
-                Total Sold & Total Purchased Qty. You can get your stock valuation details too. In below screen-shot you
+                     </h3>
-                can see stock details of 2 warehouse exported in single spreadsheet. Negative stock will be highlighted
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-                in "red" cells.
+                        Easy configuring and convivial selling.
-            </p>
+                     </h3>
-        </div>
+                        </div>
-         <div class="oe_span12">
+                 </a>
-            <div class="oe_demo oe_picture oe_screenshot">
+            </div>
-                <img src="image3.png">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        E-commerce & Website
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Mobile friendly, awe-inspiring product pages.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Hotel Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        An all-inclusive hotel management application.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Education
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        A Collaborative platform for educational management.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Service Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Keep track of services and invoice accordingly.
+                     </h3>
+                        </div>
+                 </a>
             </div>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-        <div class="oe_slogan" style="margin-top:10px !important;">
+        <div>
-            <div>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
-                <a  class="btn btn-primary btn-lg mt8"
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
-                style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/odoo-customization-and-installation/"><i class="fa fa-check-square"></i> Request Customization </a>
-                class="fa fa-envelope"></i> Email </a> <a
-                class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-                href="http://www.cybrosys.com/contact/"><i
-                class="fa fa-phone"></i> Contact Us </a> <a
-                class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-                href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-                class="fa fa-check-square"></i> Request Customization </a>
-            </div>
-            <br>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-            <div>
-              <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
-            </div>
         </div>
+        <br>
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+        <div>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+        </div>
+    </div>
 </section>
 
 

fleet_rental/static/description/index.html

@@ -1,234 +1,433 @@
-<section class="oe_container">
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 22% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Fleet/Vehicle Rental Management</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">This module helps with an opportunity to give the vehicles like car,van,bike,jeep etc.. for Rent.</h3>
+            Fleet/Vehicle Rental Management
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
-    </div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
+           This module helps with an opportunity to give the vehicles like car, van, bike, jeep etc.. for Rent.
-        <h4>Features:</h4>
+        </h3>
-        <div>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            <span style="color:green;"> &#9745; </span> Multiple Plans for Rental Contract(Days/Weeks/Months/Years).<br/>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <span style="color:green;"> &#9745; </span> Integrated with Accounting Module.<br/>
+        </h5>
-            <span style="color:green;"> &#9745; </span> Automatically Create Recurring Invoices.<br/>
-            <span style="color:green;"> &#9745; </span> Sending email for confirmation, first payment and recurrent invoices.<br/>
-            <span style="color:green;"> &#9745; </span> Check List Facility.<br/>
-            <span style="color:green;"> &#9745; </span> Separate Tree view for Checklist.<br/>
-            <span style="color:green;"> &#9745; </span> Damage Checking Facility.<br/>
-            <span style="color:green;"> &#9745; </span> Billing Facility for Damages/Check Lists.<br/>
-            <span style="color:green;"> &#9745; </span> Contract Payment Validations.<br/>
-            <span style="color:green;"> &#9745; </span> Detailed Fleet Rental Analysis Report.<br/>
-            <span style="color:green;"> &#9745; </span> Access Rights From Multiple Level.<br/>
-            <span style="color:green;"> &#9745; </span> Flexible for further customization.<br/>
-        </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+            Overview
-            <p class="oe_mt32" style="text-align: center;">
+        </h2>
-               This module is an application for Vehicle Rental System which helps in managing the rental of vehicles like car,van,bike, jeep etc...
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module is an application for Vehicle Rental System which helps in managing the rental of vehicles like car,van,bike, jeep etc...
                 It manages fleet/vehicle property by extending the basic fleet module of Odoo.
                 Currently fleet module does not have any connection with accounting module. But in this module,
                 we integrate the module with accounting also.
-            </p>
+         </h3>
-        </div>
+    </div>
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Access Rights
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Fleet Manager :- Fleet manager has the complete access across the fleet rental management <br/>
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           Fleet Rental User :- Fleet rental user can read, write and create the records.
+         </h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Fleet Rental Management</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div style="text-align: center">
+             Features
-            <p>
+        </h2>
-                <h4>Fleet Rental -> Rental Management</h4>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Multiple Plans for Rental Contract(Days/Weeks/Months/Years).
-        <div style="text-align: center">
+         </h3>
-            <a href="https://www.cybrosys.com">
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                    <img style="border:10px solid white;height: 400px;" src="menu_items.png">
+             Integrated with Accounting Module.
-                </div>
+         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            </a>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <span style="text-align: center;padding-left:65px;">&#9755; When you install the module, an extra menu named Rental Management is created
+             Automatically Create Recurring Invoices.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Sending email for confirmation, first payment and recurrent invoices.</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Check List Facility. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Separate Tree view for Checklist. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Damage Checking Facility.</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Billing Facility for Damages/Check Lists. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Contract Payment Validations. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Detailed Fleet Rental Analysis Report. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Access Rights From Multiple Level.</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Flexible for further customization. </h3>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Fleet Rental Management
+        </h2>
+        <div class="oe_row oe_spaced">
+         <h4>Fleet Rental -> Rental Management</h4>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                When you install the module, an extra menu named Rental Management is created
                 under the Fleet Menu. Also "Fleet" menu is replaced as "Fleet Rental". Here you can see different color
-                codes according to each state. This helps you in finding out contracts easily.</span>
+                codes according to each state. This helps you in finding out contracts easily.
+         </h3>
         </div>
-        <br>
+        <div class="oe_row oe_spaced">
-         <div class="" style="text-align: center">
+            <img src="menu_items.png" alt="" style="width: 95%;"/>
-             <div class="" style="text-align: center">
+        </div>
-                <p>
+         <div class="oe_row oe_spaced">
-                    <h4>Fleet Rental -> Rental Management -> Rental Contract</h4>
+         <h4>Fleet Rental -> Rental Management -> Rental Contract</h4>
-                <p>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <div class="oe_demo oe_picture oe_screenshot">
+                This is the Rental Contract form. You can see the Recurring lines created according to
-                <img style="border:10px solid white;" src="contract_menu.png">
-            </div>
-             <div style="padding-left:65px;">
-                 <span>&#9755; This is the Rental Contract form. You can see the Recurring lines created according to
                      the Recurring cost. And also you can see all the invoices related to this contract from the smart
-                     button "Invoices".</span>
+                     button "Invoices".
-             </div>
+         </h3>
         </div>
-    </div>
+        <div class="oe_row oe_spaced">
-</section>
+            <img src="contract_menu.png" alt="" style="width: 95%;"/>
-
-<section class="oe_container oe_dark">
-    <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Checklist</h3>
-        <div class="" style="text-align: center">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height: 400px;" src="checklist_contract.png">
-            </div>
-            <span>&#9755; Checklist Tab in Rental Contract Form.</span>
         </div>
-        <br>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-         <div class="" style="text-align: center">
+            Checklist
-             <div class="" style="text-align: center;padding-left:65px;">
+        </h2>
-                <p>
+        <div class="oe_row oe_spaced">
-                   Here you can add the list of tools given with the vehicle.
+         <h4>Checklist Tab in Rental Contract Form.</h4>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                Here you can add the list of tools given with the vehicle.
                     When the vehicle is returned back, the checklist can be validated and helps you to identify the
                     tools that are not returned. The price of unreturned tools will be added to the missing tool cost.
                     The renter have to pay that amount and you can also add damage cost if any. Check the damages by
                     using the images of vehicle uploaded before the contract.
-                <p>
+         </h3>
-            </div>
         </div>
-    </div>
+        <div class="oe_row oe_spaced">
-</section>
+            <img src="checklist_contract.png" alt="" style="width: 95%;"/>
-
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Checklist Easy Access</h3>
-        <div style="text-align: center">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="check_list_tree.png">
-            </div>
-            <span style="text-align: center">&#9755; No need to open all rental contract to see the checklist.</span>
         </div>
-         <div class="" style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            Checklist Easy Access
-                <img style="border:10px solid white;" src="check_list_form.png">
+        </h2>
-            </div>
+        <div class="oe_row oe_spaced">
-             <div style="padding-left:65px;">
+             <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                 <span>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                 You can also create invoice against the checklist from here.
+                No need to open all rental contract to see the checklist.
+         </h3>
+            <div class="oe_row oe_spaced">
+            <img src="check_list_tree.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                You can also create invoice against the checklist from here.
                  The checklists are those which are in the checking state,
                  that means the ones ready for checking the operation.
-                 If there is any damage or any missing tool, then you can charge all that from customer.</span>
+                 If there is any damage or any missing tool, then you can charge all that from customer.
-             </div>
+         </h3>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="check_list_form.png" alt="" style="width: 95%;"/>
+        </div>
+         <div class="oe_row oe_spaced">
+             <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Email Notifications
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                The system will send email notification to notify the confirmation of contract.<br/>
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                The system will notify the first payment through email.<br/>
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                The system will remind all recurrent invoices through email.<br/>
+                    <I>Note:- You should configure outgoing and incoming e-mail settings from your odoo for email service.</I>
+         </h3>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="email3.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="email2.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="email1.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+           Contract Payment Validations
+        </h2>
+            <div class="oe_row oe_spaced">
+            <img src="rental_inv.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                 Here you can see you have 4 invoices and this contract is in 'Invoice' state.
+                 So you can set this contract to done only if all the invoices are in 'paid' state.
+                 Otherwise it will raise a warning as follow.
+         </h3>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="rental_validation.png" alt="" style="width: 95%;"/>
+        </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Fleet Rental Analysis Report
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            You can also analyse all your fleet rentals from Fleet Rental -> Reports -> Fleet Rental Analysis.
+        </h3>
+            <div class="oe_row oe_spaced">
+            <img src="report.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Email Notifications</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="">
+            Our Service
-            <div style="padding-left:65px;">
+        </h2>
-                <span>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-                     &#9755;The system will send email notification to notify the confirmation of contract.<br/>
+            <div style="flex-basis: 18%;">
-                     &#9755;The system will notify the first payment through email.<br/>
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                     &#9755;The system will remind all recurrent invoices through email.<br/>
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                    <I>Note:- You should configure outgoing and incoming e-mail settings from your odoo for email service.</I>
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-                </span>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
             </div>
-            <div class="oe_span12">
+             <div style="flex-basis: 18%;">
-                 <div class="oe_demo oe_picture oe_screenshot">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
-                    <img style="border:10px solid white;height:400px;" src="email3.png">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
                 </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
             </div>
-            <div class="oe_span12">
+             <div style="flex-basis: 18%;">
-                 <div class="oe_demo oe_picture oe_screenshot">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
-                    <img style="border:10px solid white;height:400px;" src="email2.png">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
                 </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
             </div>
-            <div class="oe_span12">
+             <div style="flex-basis: 18%;">
-                 <div class="oe_demo oe_picture oe_screenshot">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
-                    <img style="border:10px solid white;height:400px;" src="email1.png">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
                 </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
             </div>
         </div>
     </div>
 </section>
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Trading
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easily procure and sell your products.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Manufacturing
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Plan, track and schedule your operations.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Restaurant
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Run your bar or restaurant methodical.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
-<section class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-       <h3 class="oe_slogan">Contract Payment Validations</h3>
+                    <div style="width:70%;float:left;">
-        <div class="" style="text-align: center">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        POS
-                <img style="border:10px solid white;height:400px;" src="rental_inv.png">
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easy configuring and convivial selling.
+                     </h3>
+                        </div>
+                 </a>
             </div>
-            <div style="padding-left:65px;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                <span>&#9755;
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-                 Here you can see you have 4 invoices and this contract is in 'Invoice' state.
+                    <div style="width:30%; float:left;">
-                 So you can set this contract to done only if all the invoices are in 'paid' state.
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                 Otherwise it will raise a warning as follow.
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-            </span>
 
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        E-commerce & Website
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Mobile friendly, awe-inspiring product pages.
+                     </h3>
+                        </div>
+                 </a>
             </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                <img style="border:10px solid white;height:400px;" src="rental_validation.png">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Hotel Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        An all-inclusive hotel management application.
+                     </h3>
+                        </div>
+                 </a>
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-    </div>
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
-</section>
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-       <h3 class="oe_slogan">Fleet Rental Analysis Report</h3>
+                    <div style="width:70%;float:left;">
-        <div class="" style="text-align: center">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        Education
-                <img style="border:10px solid white;height:400px;" src="report.png">
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        A Collaborative platform for educational management.
+                     </h3>
+                        </div>
+                 </a>
             </div>
-             <span>&#9755;
+             <div style="flex-basis: 32%;padding-top: 20px;">
-                 You can also analyse all your fleet rentals from Fleet Rental -> Reports -> Fleet Rental Analysis.
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
-            </span>
+                    <div style="width:30%; float:left;">
-        </div>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-    </div>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-</section>
 
-<section class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-       <h3 class="oe_slogan">Access Rights</h3>
+                    <div style="width:70%;float:left;">
-        <div class="" style="padding-left:65px;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-            <span>&#9755;Fleet Manager :- Fleet manager has the complete access across the fleet rental management <br/></span>
+                        Service Management
-            <span>&#9755;Fleet Rental User :- Fleet rental user can read, write and create the records.</span>
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Keep track of services and invoice accordingly.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
         </div>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-    <h5 class="oe_slogan" style="margin-bottom:0px !important;font-weight: 400;margin-top:20px; color:#bb0706; font-size:20px;" >You Looking for a Documentation of this Application.?</h5>
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h5 class="oe_slogan" style="font-size:20px;margin-top: 11px;">Give a Request Mail to:&nbsp;&nbsp;<i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;&nbsp;<a href="#" style="color:blue;">odoo@cybrosys.com</a></h5>
-</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>
-            <a  class="btn btn-primary btn-lg mt8"
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
-            style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
-            class="fa fa-envelope"></i> Email </a> <a
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/odoo-customization-and-installation/"><i class="fa fa-check-square"></i> Request Customization </a>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-            href="https://www.cybrosys.com/contact/"><i
-            class="fa fa-phone"></i> Contact Us </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-            href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
-            class="fa fa-check-square"></i> Request Customization </a>
         </div>
         <br>
-        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
         <div>
-          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
-          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
-          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
-          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
-          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
         </div>
     </div>
 </section>
-
-
-

pos_ticket/static/description/index.html

@@ -1,59 +1,288 @@
-<section class="oe_container">
+
-     <div class="oe_row oe_spaced">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 25% 15%;">
-        <h2 class="oe_slogan">Company Logo In POS Receipt</h2>
+    <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Company logo and info will be displayed in POS receipt</h3>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
+            Company Logo In POS Receipt
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Company logo and info will be displayed in POS receipt
+        </h3>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
+        </h5>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Receipt Details</h3>
+            Overview
-            </div>
+        </h2>
-            <p class="oe_mt32" style="margin-left:48px;">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
             Currently in Odoo POS receipt there is no company logo.
-            This module adds the company logo to the POS receipt so that the users will get more information about the company from the receipt.
+            This module adds the company logo to the POS receipt so that the users will get more information about
-            </p>
+            the company from the receipt. Also replace the default POS logo in the Status bar with Company logo.
+         </h3>
+    </div>
+</section>
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+             Features
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Company logo and info will be displayed in POS receipt.
+         </h3>
+    </div>
+</section>
+
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Screenshots
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Differences between old and new look of POS receipt.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="new_receipt_pos.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Differences between old and new look of POS Logo.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="new_pos_logo.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <div class="oe_row oe_spaced oe_dark">
+    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">POS Receipt</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Our Service
-            <p class='oe_mt32'>
+        </h2>
-                &#x261B; POS receipt with company logo and info<br>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            </p>
+            <div style="flex-basis: 18%;">
-            <div class="oe_row_img oe_centered">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                <img class="oe_picture oe_screenshot" src="pos_ticket.png">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
             </div>
         </div>
     </div>
 </section>
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Trading
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easily procure and sell your products.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Manufacturing
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Plan, track and schedule your operations.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Restaurant
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Run your bar or restaurant methodical.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        POS
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easy configuring and convivial selling.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        E-commerce & Website
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Mobile friendly, awe-inspiring product pages.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Hotel Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        An all-inclusive hotel management application.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Education
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        A Collaborative platform for educational management.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
-<section class="oe_container">
+                        </div>
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+                    </div>
-		<div class="oe_slogan" style="margin-top:10px !important;">
+                    <div style="width:70%;float:left;">
-            <div>
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-				<a  class="btn btn-primary btn-lg mt8"
+                        Service Management
-				style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
+                     </h3>
-				class="fa fa-envelope"></i> Email </a> <a
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+                        Keep track of services and invoice accordingly.
-				href="https://www.cybrosys.com/contact/"><i
+                     </h3>
-				class="fa fa-phone"></i> Contact Us </a> <a
+                        </div>
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+                 </a>
-				href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
+            </div>
-				class="fa fa-check-square"></i> Request Customization </a>
+        </div>
-	        </div>
+    </div>
-            <br>
+</section>
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+
-            <div>
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
+        <div>
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/odoo-customization-and-installation/"><i class="fa fa-check-square"></i> Request Customization </a>
-            </div>
+        </div>
-		</div>
+        <br>
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+        <div>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+        </div>
+    </div>
 </section>

pos_ticket/static/description/index.html~

@@ -1,10 +1,11 @@
-<section class="oe_container">
+<section class="oe_container oe_dark">
-     <div class="oe_row oe_spaced">
+    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Company Logo In POS Receipt</h2>
+        <h2 class="oe_slogan" style="color:#875A7B;">Company Logo In POS Receipt</h2>
         <h3 class="oe_slogan">Company logo and info will be displayed in POS receipt</h3>
-         <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
     </div>
 </section>
+
 <section class="oe_container">
     <div class="oe_row oe_spaced">
         <div class="oe_span12">
@@ -12,48 +13,66 @@
             </div>
             <p class="oe_mt32" style="margin-left:48px;">
             Currently in Odoo POS receipt there is no company logo.
-            This module adds the company logo to the POS receipt so that the users will get more information about the company from the receipt.
+            This module adds the company logo to the POS receipt so that the users will get more information about
+            the company from the receipt. Also replace the default POS logo in the Status bar with Company logo
             </p>
         </div>
     </div>
 </section>
 
-<section>
+<section class="oe_container oe_dark">
-    <div class="oe_row oe_spaced oe_dark">
+    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">POS Receipt</h4>
+        <h2 class="oe_slogan" style="color:#875A7B;">Receipt</h2>
-        <div class="oe_span12">
+    	<div class="col-sm-5">
-            <p class='oe_mt32'>
+            <img class="oe_picture oe_screenshot" src="old_receipt.png"/>
-                &#x261B; POS receipt with company logo and info<br>
+        </div>
-            </p>
+        <div class="col-sm-2" style="top:45px;color:green">
-            <div class="oe_row_img oe_centered">
+            <i class="fa fa-hand-o-right fa-2x" aria-hidden="true"></i>
-                <img class="oe_picture oe_screenshot" src="pos_ticket.png">
+        </div>
-            </div>
+        <div class="col-sm-5">
+            <img class="oe_picture oe_screenshot" src="new_receipt_pos.png"/>
         </div>
     </div>
 </section>
 
 <section class="oe_container">
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+    <div class="oe_row oe_spaced">
-		<div class="oe_slogan" style="margin-top:10px !important;">
+        <h2 class="oe_slogan" style="color:#875A7B;">POS Logo</h2>
-            <div>
+    	<div class="col-md-5">
-				<a  class="btn btn-primary btn-lg mt8"
+            <img class="oe_picture oe_screenshot" src="old_pos_logo.png"/>
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
+        </div>
-				class="fa fa-envelope"></i> Email </a> <a
+        <div class="col-md-2" style="top:50px;color:green">
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+            <i class="fa fa-hand-o-right fa-2x" aria-hidden="true"></i>
-				href="http://www.cybrosys.com/contact/"><i
+        </div>
-				class="fa fa-phone"></i> Contact Us </a> <a
+        <div class="col-md-5">
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+            <img class="oe_picture oe_screenshot" src="new_pos_logo.png"/>
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+        </div>
-				class="fa fa-check-square"></i> Request Customization </a>
+    </div>
-	        </div>
+</section>
-            <br>
+
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+
-            <div>
+<section class="oe_container">
-			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
+    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
+    <div class="oe_slogan" style="margin-top:10px !important;">
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
+        <div>
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
+            <a  class="btn btn-primary btn-lg mt8"
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
+            style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
-            </div>
+            class="fa fa-envelope"></i> Email </a> <a
-		</div>
+            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+            href="https://www.cybrosys.com/contact/"><i
+            class="fa fa-phone"></i> Contact Us </a> <a
+            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+            href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
+            class="fa fa-check-square"></i> Request Customization </a>
+        </div>
+        <br>
+        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+        <div>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
+        </div>
+    </div>
 </section>

sale_discount_total/static/description/index.html

@@ -1,39 +1,310 @@
-<section class="oe_container">
+
-    <div class="oe_row">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 19% 15%;">
-        <h2 class="oe_slogan">Discount On Sale</h2>
+    <div class="oe_row oe_spaced">
-        <!--<h3 class="oe_slogan">It Fits Your Sales Approach</h3>-->
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <div>
+            Global Discount In Sale
-            <p>
+        </h2>
-                This module allows you to mention  discount  on Total of sale order and Total of Customer Invoice in two ways
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            </p>
+            Global Discount In Sale
-            <hr>
+        </h3>
-            <p>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-                1. As percentage<br>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-                    Select 'Percentage' from Discount type and give discount percentage as Discount rate.
+        </h5>
-                    System will update the value of Discount and Total
+    </div>
-            </p>
+</section>
-            <div class="oe_row_img oe_centered oe_mt32">
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-                <img class="oe_picture oe_screenshot" src="Discount_so_perc.png">
+    <div class="oe_row oe_spaced">
-            </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <hr>
+            Overview
-            <p>
+        </h2>
-                2. As amount<br>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                Select 'Amount' from Discount type and give discount amount as Discount rate.
+            This module allows you to mention  discount  on Total of sale order and Total of Customer Invoice as percentage or as amount.
-                System will update the value of Discount and Total
+         </h3>
-            </p>
+    </div>
-            <div class="oe_row_img oe_centered oe_mt32">
+</section>
-                <img class="oe_picture oe_screenshot" src="Discount_inv_amnt.png">
+
-            </div>
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
-            <hr>
+    <div class="oe_row oe_spaced">
-            <p>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                And the module also allows you to set a limit for total discount in percentage under accounting settings. Exceeding this limit
+             Features
-                will require approval.
+        </h2>
-            </p>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <div class="oe_row_img oe_centered oe_mt32">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img class="oe_picture oe_screenshot" src="Disc_appr_conf.png"><hr>
+            Select 'Percentage' from Discount type and give discount percentage as Discount rate.
-                <img class="oe_picture oe_screenshot" src="Disc_appr_wrkfl.png">
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Select 'Amount' from Discount type and give discount amount as Discount rate.
+         </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            System will update the value of Discount and Total
+         </h3>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Screenshots
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Sale Order
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_so.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Customer Invoice
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_inv.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            And the module also allows you to set a limit for total discount in percentage. Exceeding this limit
+            will require approval.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_settings.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Manager level users can approve sale orders in 'Waiting Approval' stage.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_state.png" alt="" style="width: 95%;"/>
+        </div>
+    </div>
+</section>
+
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Service
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
             </div>
         </div>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Trading
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easily procure and sell your products.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Manufacturing
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Plan, track and schedule your operations.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Restaurant
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Run your bar or restaurant methodical.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        POS
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easy configuring and convivial selling.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        E-commerce & Website
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Mobile friendly, awe-inspiring product pages.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Hotel Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        An all-inclusive hotel management application.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Education
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        A Collaborative platform for educational management.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Service Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Keep track of services and invoice accordingly.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+        <div>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/odoo-customization-and-installation/"><i class="fa fa-check-square"></i> Request Customization </a>
+        </div>
+        <br>
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+        <div>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+        </div>
     </div>
 </section>
+