[CHG] Index Changed

access_restriction_by_ip/static/description/index.html

@@ -1,69 +1,309 @@
-<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">
+    <div class="oe_row oe_spaced">
-         <h2 class="oe_slogan">Access Restriction By IP</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">User can access his account only from specified IP's</h3>
+            Access Restriction By IP
-         <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;">
-             <p>This module will restrict the users access to his account from specified IP address only</p>
+            User can access his account only from specified IP's
-         </div>
+        </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;">
-                <h4><p>Features:</p></h4>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-                <ul>
+        </h5>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Administrator can set a IP or a group of IP address for each users </li>
+    </div>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Users can access their account only from the specified IP's</li>
+</section>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Accessing system from a non-specified IP will restrict the user login</li>
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; A warning message will be displayed</li>
+    <div class="oe_row oe_spaced">
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; If no IP is set to user means there is no any restriction by IP</li>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; IP Address for each users can be set from users form view</li>
+            Overview
-                </ul>
+        </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: 24px;">
+           This module will restrict the users access to his account from specified IP address only
+         </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<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">
-        <h4 class="oe_slogan">Setting IP address for User</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+             Features
-            <p>Setting IP address for user from users form view </p>
+        </h2>
-            <p>User will be able to access his account only from this IP's</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">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="user_set_ip.png">
+             Administrator can set a IP or a group of IP address for each users
-            </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;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Users can access their account only from the specified IP's
+         </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>
+             Accessing system from a non-specified IP will restrict the user login
+         </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>
+             A warning message will be displayed</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>
+             If no IP is set to user means there is no any restriction by IP</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>
+             IP Address for each users can be set from users form view</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;">
+            Setting IP address for User
+        </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>
+            Setting IP address for user from users form view<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            User will be able to access his account only from this IP's
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="user_set_ip.png" alt="" style="width: 95%;"/>
         </div>
-        <h4 class="oe_slogan">User accessing his account</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            User accessing his account
-            <p>On accessing account from a non specified IP</p>
+        </h2>
-            <div class="oe_row_img oe_centered">
+        <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;">
-                <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="access_non_set_ip.png">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           On accessing account from a non specified IP
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="access_non_set_ip.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>
-            <p>Warning message will be displayed</p>
         </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
-				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>
+        </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>
+

access_restriction_by_ip/static/description/index.html~

@@ -1,82 +0,0 @@
-<section class="oe_container">
-    <div class="oe_spaced">
-        <h2 class="oe_slogan">Birthday Notification By E-mail</h2>
-        <h3 class="oe_slogan">This module will wish the employees on their birthday</h3>
-
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
-        <div style="padding-left:66px;">
-        <h4>Features:</h4>
-        <ul>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Adds a cron job to invoke email</li>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Adds an email template</li>
-        </ul>
-        </div>
-    </div>
-</section>
-
-<section class="oe_container oe_dark">
-    <div class="oe_spaced">
-        <div class="oe_picture">
-            <h3 class="oe_slogan">Overview</h3>
-            <p class="oe_mt32">
-                HR departments need not worry to wish their employees for their Birthday. In this module we have included the feature to send an email Birthday notification to the employee.
-            </p>
-        </div>
-    </div>
-</section>
-
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Employee Form</h4>
-        <div class="oe_span12">
-            <p class='oe_mt32'>
-                &#x261B; Give Date of Birth for employee.<br>
-                &#x261B; Give work email.<br>
-            </p>
-            <div class="oe_row_img oe_centered">
-                <img class="oe_picture oe_screenshot" src="birthday_1.png">
-            </div>
-        </div>
-    </div>
-</section>
-
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Email Template</h4>
-        <div class="oe_span12">
-            <p class='oe_mt32'>
-                &#x261B; The cron job will invoke the email<br>
-                &#x261B; Email template is very simple<br>
-            </p>
-            <div class="oe_row_img oe_centered">
-                <img class="oe_picture oe_screenshot" src="temp.png">
-            </div>
-        </div>
-    </div>
-</section>
-
-<section class="oe_container">
-    <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"
-            style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
-            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>
-</section>

account_partner_ledger_filter/static/description/index.html

@@ -1,62 +1,284 @@
-<section class="oe_container oe_dark">
+<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">Partner Ledger report with Partner Filter</h2>
+    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Cybrosys Techno Solutions - www.cybrosys.com</h4>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
+            Partner Ledger report with Partner Filter
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Creates a partner ledger report by filtering partners.
+        </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="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h5 class="oe_slogan"><b>You can generate partner ledger report from partner form and list</b></h5>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="col-md-12">
+             Features
-            <div class=" oe_demo oe_picture  oe_screenshot">
+        </h2>
-                <img src="partner_list.png">
+        <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_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Partner List View</div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </div>
+             Helps to filter partners and makes reports based on the input.
+         </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>
+            Partner List View
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="partner_list.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>
+            Partner Form View
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="partner_form.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-12">
+         <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;">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="partner_form.png">
+            This will open partner ledger report wizard with the selected partner.
-                <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Partner Form View</div>
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;padding: 0% 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 add or remove partner from wizard in case of fault selection.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="report_wiz.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%;"/>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-	<h5 class="oe_slogan"><b>This will open partner ledger report wizard with the selected partner. </b></h5>
+                    <div style="width:70%;float:left;">
-	<h5 class="oe_slogan"><b>You can add or remove partner from wizard in case of fault selection </b></h5>
+                     <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="col-md-12">
+                        POS
-	    <div class=" oe_demo oe_picture  oe_screenshot">
+                     </h3>
-     		<img src="report_wiz.png">
+                    <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;">
-		<div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Partner Ledger Wizard</div>
+                        Easy configuring and convivial selling.
-	    </div>
+                     </h3>
-	</div>
+                        </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">
+<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>
-            <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>
+</section>
-

account_partner_ledger_filter/static/description/index.html~

@@ -1,68 +0,0 @@
-<section class="oe_container oe_dark">
-		<h2 class="oe_slogan">Partner Ledger report with Partner Filter</h2>
-        <h4 class="oe_slogan">Cybrosys Techno Solutions - www.cybrosys.com</h4>
-</section>
-
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <h5 class="oe_slogan"><b>You can generate partner ledger report from partner form and list</b></h5>
-        <div class="col-md-12">
-            <div class=" oe_demo oe_picture  oe_screenshot">
-                <img src="partner_list.png">
-                <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Partner List View</div>
-            </div>
-        </div>
-        <div class="col-md-12">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
-                <img src="partner_form.png">
-                <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Partner Form View</div>
-            </div>
-        </div>
-    </div>
-</section>
-
-<section class="oe_container oe_dark">
-    <div class="oe_container oe_dark">
-        <div class="row mt32 o_animate o_animate_in_children o_animate_offset_min">
-
-            <div class="oe_span12">
-                <h5 class="oe_slogan"><b>This will open partner ledger report wizard with the selected partner. </b></h5>
-                <h5 class="oe_slogan"><b>You can add or remove partner from wizard in case of fault selection </b></h5>
-            </div>
-            <div class="oe_span12" >
-                <div class=" oe_demo oe_picture  oe_screenshot">
-                    <img src="report_wiz.png">
-                    <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Partner Ledger Wizard</div>
-                </div>
-            </div>
-
-        </div>
-    </div>
-</section>
-
-<section class="oe_container oe_dark">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-    <div class="oe_slogan" style="margin-top:10px !important;">
-        <div>
-            <a  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 </a> <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">
-        <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>
-

barcode_scanning_sale_purchase/static/description/index.html

@@ -1,95 +1,305 @@
-<section class="oe_container">
-    <div class="oe_spaced">
-        <h2 class="oe_slogan">Barcode scanning support for sale and Purchase</h2>
-        <h3 class="oe_slogan">This module will help you to use barcode scanner in sales and purchase module.</h3>
 
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+<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%;">
-        <div style="padding-left:66px;">
+    <div class="oe_row oe_spaced">
-        <h4>Features:</h4>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <ul>
+            Barcode scanning support for sale and Purchase
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Use barcode in Sales order</li>
+        </h2>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Use barcode in Purchase order</li>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        </ul>
+            This module will help you to use barcode scanner in sales and purchase module.
-        </div>
+        </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%;">
-<section class="oe_container oe_dark">
+    <div class="oe_row oe_spaced">
-    <div class="oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_picture">
+            Overview
-            <h3 class="oe_slogan">Overview</h3>
+        </h2>
-            <p class="oe_mt32">
+        <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;">
-                A module that can use in sales and purchase for barcode scanning.
+            A module that can use in sales and purchase for barcode scanning.
-            </p>
+         </h3>
-        </div>
     </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%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Product Form</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+             Features
-            <p class='oe_mt32'>
+        </h2>
-                &#x261B; Provide a barcode for the product.<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: 18px;">
-            </p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <div class="oe_row_img oe_centered">
+             Use barcode in Sales order
-                <img class="oe_picture oe_screenshot" src="product_barcode.png">
+         </h3>
-            </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;">
-        </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Use barcode in Purchase order
+         </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Sale Order</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Screenshots
-            <p class='oe_mt32'>
+        </h2>
-                &#x261B; Just click on the barcode field and scan the product now the item is added to the order line.<br>
+        <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>
+            Product Form
+         </h3>
+        <p>
+            &nbsp; Provide a barcode for the product.<br>
+        </p>
+        <div class="oe_row oe_spaced">
+            <img src="product_barcode.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>
+            Sale Order
+         </h3>
+        <p>
+           &nbsp; Just click on the barcode field and scan the product now the item is added to the order line.<br>
+        </p>
+        <div class="oe_row oe_spaced">
+            <img src="sale_order.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>
+            >Purchase Order
+         </h3>
+        <p>
+           &nbsp; Just click on the barcode field and scan the product now the item is added to the order line.<br>
+        </p>
+        <div class="oe_row oe_spaced">
+            <img src="purchase_order.png" alt="" style="width: 95%;"/>
+        </div>
 
-            </p>
+    </div>
-            <div class="oe_row_img oe_centered">
+</section>
-                <img class="oe_picture oe_screenshot" src="sale_order.png">
+<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%;"/>
 
-<section class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <h4 class="oe_slogan">Purchase Order</h4>
+                    <div style="width:70%;float:left;">
-        <div class="oe_span12">
+                     <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;">
-            <p class='oe_mt32'>
+                        POS
-                &#x261B; Just click on the barcode field and scan the product now the item is added to the order line.<br>
+                     </h3>
-            </p>
+                    <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;">
-            <div class="oe_row_img oe_centered">
+                        Easy configuring and convivial selling.
-                <img class="oe_picture oe_screenshot" src="purchase_order.png">
+                     </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 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>
-            <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>
+</section>

cab_booking_management/static/description/index.html

@@ -1,177 +1,352 @@
-<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% 25% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Cab Booking Management System (CBMS)</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">Manage the cabs with ease</h3>
+            Cab Booking Management System (CBMS)
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        </h2>
-        <div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            <h4><p>Major Features:</p></h4>
+            Manage the cabs with ease
-            <ul>
+        </h3>
-               <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;Booking the Cab.</li>
+        <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;">
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;Auto approval Settings in Configuration.</li>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;Cab Logs for Every Trip.</li>
+        </h5>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;Record Every Activity Related to CBMS.</li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;Email Notification for Successful Booking.</li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;Booking Status.</li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp;View All Cab Activities with Advanced Filttrations.</li>
-            </ul>
-        </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_span12">
+        <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">
+            Overview
-            	<img src="cab_creation.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: 24px;">
-        </div>
+            You can book cabs from list of cabs based on your time and location. CBMS allows you to record details such as maintenance, cab details based on time, location etc
+         </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%;">
-<section class="oe_container oe_dark">
+    <div class="oe_row oe_spaced">
-    <div class="oe_row oe_space">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-    <h3 class="oe_slogan">Cab Booking</h3>
+             Features
-        <div class="oe_span6">
+        </h2>
-            <p class='oe_mt32'>
+        <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;">
-                <centre>We can book cabs from list of cabs based on your time and location.</centre>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+             Booking the Cab.
-        </div>
+         </h3>
-        <div class="oe_span6">
+         <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 src="cab_booking.png">
+             Auto approval Settings in Configuration.
-            </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;">
-        </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Cab Logs for Every Trip.
+         </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>
+             Record Every Activity Related to CBMS.
+         </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>
+             Email Notification for Successful Booking.
+         </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>
+             Booking Status.
+         </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>
+             View All Cab Activities with Advanced Filttrations.
+         </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan"> Auto approval</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span6">
+            Screenshots
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-            	<img src="cab_conf.png">
+        <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;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Create cabs with required details
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cab_creation.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>
-                Approve  cab booking automatically.
+            Approve  cab booking automatically.
-            </p>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cab_conf.png" alt="" style="width: 95%;"/>
         </div>
-    </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;">
-</section>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            It keeps the records of all the expenses of each  cab trips.
-<section class="oe_container dark">
+         </h3>
-    <div class="oe_row oe_space">
+        <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan"> Cab Logs for Every Trip</h3>
+            <img src="log_details.png" alt="" style="width: 95%;"/>
-        <div class="oe_span6">
-        <p class='oe_mt32'>
-            It keep the record of all expenses of each  cab trips.
-        </p>
         </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;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="log_details.png">
+            Record Every Activity Related to CBMS.
-            </div>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cab_activity.png" alt="" style="width: 95%;"/>
         </div>
-    </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;">
-</section>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            An email notification will be sent to the user on successful Cab booking.
-<section class="oe_container oe_dark">
+         </h3>
-    <div class="oe_row oe_spaced">
+        <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan"> Record Every Activity Related to CBMS</h3>
+            <img src="mail.png" alt="" style="width: 95%;"/>
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot">
-            	<img src="cab_activity.png">
-            </div>
         </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>
-             It shows the total expenses for a cab, on daily basis.
+             View your status of booking.You can also cancel your booking from here.
-        </p>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cab_cancel.png" alt="" style="width: 95%;"/>
         </div>
-    </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;">
-</section>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+             It shows the total expenses for a cab, on daily basis.
-<section class="oe_container oe_dark">
+         </h3>
-    <div class="oe_row oe_space">
+        <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan"> Email Notification for Successful Booking.</h3>
+            <img src="cab_maintain.png" alt="" style="width: 95%;"/>
-        <div class="oe_span6">
-        <p class='oe_mt32'>
-             Email is sent to the user on successful booking of cab.
-        </p>
         </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;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="mail.png">
+             View All Cab Activities with Advanced Filtrations.
-            </div>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cab_details.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
-
 <section class="oe_container oe_dark">
+    <h2 class="oe_slogan" style="margin-top:20px;" >You Looking for  a free Documentation of this Application.?</h2>
+    <h3 class="oe_slogan">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></h3>
+</section>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Booking Status</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span6">
+            Our Services
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-            	<img src="cab_cancel.png">
+        <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 class="oe_span6">
-        <p class='oe_mt32'>
-            View your status of booking.You can also cancel your booking.
-        </p>
         </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 oe_dark">
+                        </div>
-    <div class="oe_row oe_space">
+                    </div>
-        <h3 class="oe_slogan"> Cab Maintenance</h3>
+                    <div style="width:70%;float:left;">
-        <div class="oe_span6">
+                     <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;">
-        <p class='oe_mt32'>
+                        POS
-             It shows the total expenses for a cab, on daily basis.
+                     </h3>
-        </p>
+                    <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;">
-        </div>
+                        Easy configuring and convivial selling.
-        <div class="oe_span6">
+                     </h3>
-            <div class="oe_demo oe_picture oe_screenshot">
+                        </div>
-                <img src="cab_maintain.png">
+                 </a>
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-    </div>
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" 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-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row">
+                    </div>
-        <h3 class="oe_slogan">View All Cab Activities with Advanced Filttrations</h3>
+                    <div style="width:70%;float:left;">
-        <div class="oe_span12">
+                     <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;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        E-commerce & Website
-            	<img src="cab_details.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;">
+                        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;" >You Looking for  a free Documentation of this Application.?</h2>
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h3 class="oe_slogan">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></h3>
+        <div>
-</section>
+            <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>
-<section class="oe_container oe_dark">
+            <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>
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+        </div>
-    <div class="oe_slogan" style="margin-top:10px !important;">
+        <br>
-        <a  class="btn btn-primary btn-lg mt8"
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+        <div>
-            class="fa fa-envelope"></i> Email </a> <a
+          <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>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+          <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>
-            href="http://www.cybrosys.com/contact/"><i
+          <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>
-            class="fa fa-phone"></i> Contact Us </a> <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;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+          <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>
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+        </div>
-            class="fa fa-check-square"></i> Request Customization </a>
     </div>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
 </section>
-
-
-
-

fleet_car_workshop/static/description/index.html

@@ -1,179 +1,369 @@
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Car Workshop Management</h2>
-        <h3 class="oe_slogan"></h3>
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
-
 
-            <p class='oe_mt32'>
+<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%;">
-Car Workshop Management is Cybrosys Generic Module to manage automobile workshop with
+    <div class="oe_row oe_spaced">
-great ease. Keep track of everything, like vehicle owner details,
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
- Works assigned, Bill details of service provided,etc.. <br/>Some other features are as below:
+           Car Workshop Management
-        </p>
+        </h2>
-        <ul>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-           <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp;  User Friendly Interface.</li>
+            Car Workshop Management
-            <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Effective Time management.</li>
+        </h3>
-            <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Separate Journal Configuration..</li>
+        <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;">
-            <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Integrated with Accounting.</li>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; High Scalability.</li>
+        </h5>
-        </ul>
     </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_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h2 class="oe_slogan">Dashboard/All Vehicles</h2>
+            Overview
-            <h3 class="oe_slogan">Whole Workshop Analysis</h3>
+        </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: 24px;">
-        <div class="oe_span12">
+                    Car Workshop Management is a Cybrosys Generic Module to manage automobile workshop with
-            <div class="oe_demo oe_picture oe_screenshot">
+        great ease. Keep track of everything, like vehicle owner details,
-                    <img src="8.png">
+         Works assigned, Bill details of service provided,etc..
-            </div>
+         </h3>
-        </div>
     </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_padded">
+    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">All works</h2>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+             Features
-            <p>
+        </h2>
-                <h4>Goto Car Workshop -->Search -->Worksheet</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>Organise all the works according to their Status. Works/Tasks assigned works using the kanban view and
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                   control deadlines in the calendar view.Each Work may have it's own stages.
+             User Friendly Interface.
-            </p>
+         </h3>
-        </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;">
-        <div class="oe_span6">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <h3>Kanban</h3>
+            Effective Time management.
-            <!--<div class="oe_row_img oe_centered">-->
+         </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;">
-            <img class="oe_picture oe_screenshot" src="7.png">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </div>
+             Separate Journal Configuration..
-        <div class="oe_span6 ">
+         </h3>
-            <h3>Calendar</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;">
-            <img class="oe_picture oe_screenshot" src="9.png">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Integrated with Accounting.</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>
+             High Scalability.</h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container oe_dark">
     <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;">
-            <h2 class="oe_slogan">Worksheet View</h2>
+           Dashboard/All Vehicles
-            <h3 class="oe_slogan">All details related to a work/task</h3>
+        </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>
+           Whole Workshop Analysis
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="8.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span12">
+        <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">
+          All works
-                    <img src="1.png">
+        </h2>
-            </div>
+        <h3>Goto Car Workshop -->Search -->Worksheet</h3>
+        <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>
+           Organise all the works according to their Status. Works/Tasks assigned works using the kanban view and control deadlines in the calendar view.Each Work may have it's own stages.
+         </h3>
+        <h3>Kanban</h3>
+        <div class="oe_row oe_spaced">
+            <img src="7.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+        <h3>Calendar</h3>
-</section>
+        <div class="oe_row oe_spaced">
-
+            <img src="9.png" alt="" style="width: 95%;"/>
-<section class="oe_container">
-    <div class="oe_row oe_padded">
-        <h2 class="oe_slogan">Timesheet</h2>
-        <div class="oe_span12">
-            <p>
-                <h4>Goto Car Workshop >Search >Worksheet >Timesheet</h4>
-               <p>
- <p>* In timesheet ,Planned work is the sub works related to main Work. By ticking
-      'Completed' that work will be automatically updated to Work done.</p>
- <p>* Work done is the details of completed works.</p>
- <p>* Hour spent is time taken for completed work(Work Done).</p>
- <p>* Remaining Hour is total time left(Difference between Total Time and Hour Spent).</p>
-            </p>
         </div>
-       <div class="oe_span13">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_screenshot">
+          Worksheet View
-                    <img src="2.png">
+        </h2>
-            </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;">
-        </div></div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-</section>
+            All details related to a work/task
-
+         </h3>
-<section class="oe_container oe_dark">
+        <div class="oe_row oe_spaced">
-    <div class="oe_row oe_spaced">
+            <img src="1.png" alt="" style="width: 95%;"/>
-        <div class="oe_span12">
-            <h2 class="oe_slogan">Report</h2>
-            <h3 class="oe_slogan">Tabular Details of Vehicles</h3>
         </div>
-        <div class="oe_span12">
+        <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">
+         Timesheet
-                    <img src="10.png">
+        </h2>
-            </div>
+        <h3>Goto Car Workshop >Search >Worksheet >Timesheet</h3>
+        <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>
+            In timesheet ,Planned work is the sub works related to main Work. By ticking 'Completed' that work will be automatically updated to Work done.<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Work done is the details of completed works.<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Hour spent is time taken for completed work(Work Done).<br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Remaining Hour is total time left(Difference between Total Time and Hour Spent).
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="2.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-</section>
+         Report
-
+        </h2>
-<section class="oe_container">
+        <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 class="oe_row oe_spaced">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        <div class="oe_span12">
+            Tabular Details of Vehicles
-            <h2 class="oe_slogan">Settings</h2>
+         </h3>
-            <h3 class="oe_slogan">Configure Preferred journal for Invoicing </h3>
+        <div class="oe_row oe_spaced">
+            <img src="10.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p>
+        Settings
-                <h4>Goto Car Workshop >Configuration >Settings </h4>
+        </h2>
-               </p></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;">
-        <div class="oe_span8">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <div class="oe_demo oe_picture oe_screenshot">
+           Configure Preferred journal for Invoicing
-                    <img src="5.png">
+         </h3>
-            </div>
+        <h3>Goto Car Workshop >Configuration >Settings </h3>
+        <div class="oe_row oe_spaced">
+            <img src="5.png" alt="" style="width: 95%;"/>
+        </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+        Separate Journal
+        </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>
+            Invoices from the car workshop will be saved to Separate journal.
+         </h3>
+        <h3>Goto Car Workshop >Search >Worksheet >Create Invoices </h3>
+        <div class="oe_row oe_spaced">
+            <img src="4.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">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h2 class="oe_slogan">Separate Journal</h2>
+            Our Service
-            <h3 class="oe_slogan">Invoices from the car workshop will be saved to Separate journal.</h3>
+        </h2>
-        </div>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-        <div class="oe_span12">
+            <div style="flex-basis: 18%;">
-            <p>
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                <h4>Goto Car Workshop >Search >Worksheet >Create Invoices </h4>
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-               </p></div>
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-        <div class="oe_span8">
+                    </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-                    <img src="4.png">
+                        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 class="oe_container">
+                        </div>
-    <br/>
+                    </div>
-    <h2 class="oe_slogan" style="margin-top:20px;" >You Looking for  a free Documentation of this Application.?</h2>
+                    <div style="width:70%;float:left;">
-    <h3 class="oe_slogan">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></h3>
+                     <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;">
-<br/>
+                        POS
-<br/>
+                     </h3>
-</section>
+                    <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%;"/>
 
-<section class="oe_container oe_dark">
+                        </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: 0px;margin-left: 16px;">
-                <a  class="btn btn-primary btn-lg mt8"
+                        E-commerce & Website
-                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;"
+                        Mobile friendly, awe-inspiring product pages.
-                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
-                class="fa fa-check-square"></i> Request Customization </a>
             </div>
-            <br>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
-            <div>
+                    <div style="width:30%; float:left;">
-              <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 style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-              <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>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-              <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>
+                        </div>
-              <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 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;">
-</section>
+                <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>

hide_cost_price/static/description/index.html

@@ -1,75 +1,301 @@
-<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% 25% 15%;">
-     <div class="oe_row oe_spaced">
+    <div class="oe_row oe_spaced">
-         <h2 class="oe_slogan">Hide Product Cost Price</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">Cost price will be visible only for selected users</h3>
+            Hide Product Cost Price
-         <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;">
-             <p>This module will create a new group and the users added in this group can only view the
+            Cost price will be visible only for selected users
-             cost price of the product</p>
+        </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;">
-         <div>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-                <h4><p>Features:</p></h4>
+        </h5>
-                <ul>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Cost price visibility restricted</li>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Visible only for the users in the group</li>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; By default administrator will be added to this group</li>
-                </ul>
-            </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">
-        <h4 class="oe_slogan">Working</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            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 will create a new group and the users added in this group can only view the
+             cost price of the product
+         </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>
+             Cost price visibility restricted.
+         </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>
+             Visible only for the users in the group.
+         </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>
+             By default administrator will be added to this group.
+         </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>
+            Working
+         </h3>
+        <div>
             <strong><p>Adding user to the View Cost Price group</p></strong>
             <p>User will see the product cost price only if he is added in this group</p>
-            <div class="oe_row_img oe_centered">
-                   <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="user_adding_group.png">
-            </div>
         </div>
-
+        <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+            <img src="user_adding_group.png" alt="" style="width: 95%;"/>
+        </div>
+        <div>
             <strong><p>Product View for users not in the Group</p></strong>
-            <div class="oe_row_img oe_centered">
+            <p>Product form view without cost price</p>
-                <p>Product form view without cost price</p>
+        </div>
-                <div class="oe_row_img oe_centered">
+        <div class="oe_row oe_spaced">
-                    <a href="https://www.cybrosys.com">
+            <img src="product_form_view.png" alt="" style="width: 95%;"/>
-                        <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="product_form_view.png">
+        </div>
-                    </a>
+        <p>Product tree view without cost price</p>
+        <div class="oe_row oe_spaced">
+            <img src="product_tree_view.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>
-                <p>Product tree view without cost price</p>
+                 <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;">
-                <div class="oe_row_img oe_centered">
+                    Odoo <br/>Integration
-                    <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="product_tree_view.png">
+                 </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
-				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>
+        </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>
+

insurance_management_cybro/static/description/index.html

@@ -1,137 +1,352 @@
-<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% 25% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Insurance 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">Manage Insurance Business easily</h3>
+            Insurance Management
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Manage Insurance Business easily
+        </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">
+        <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;">
+            Aims Insurance business. It allows you to manage all kind of insurances in a practical way.
+         </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>
+             Create insurance policies for customers.
+         </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>
+             Manage insurance claims and 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>
+             Manage agents salary and commission.
+         </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>
+             Create accounting entries for all details.
+         </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>
+            Insurance Management System
+         </h3>
         <div>
-            <h4><p>Features:</p></h4>
             <ul>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Create insurance policies for customers.</li>
+                <li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Manage insurance claims and details.</li>
+                Create insurance policies for customers.
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Manage agents salary and commission.</li>
+                </li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Create accounting entries for all details.</li>
+                <li>
+                    Option to create multiple or single insurance based on policy.
+                </li>
+                <li>
+                    Monitor payment details.
+                </li>
             </ul>
         </div>
-     </div>
-</section>
-
-<section class="oe_container oe_dark">
-     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Insurance Management System</h3>
         <div class="oe_row oe_spaced">
-            <div class="oe_span12">
+            <img src="insurance_1.png" alt="" style="width: 95%;"/>
-                <div class="oe_row_img oe_centered">
+        </div>
-                    <img class="oe_picture oe_screenshot" src="insurance_1.png">
+        <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;">
-                </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </div>
+            Claims Management System
-            <div class="oe_span12">
+         </h3>
-                <p class="oe_mt32">
+        <ul>
-                    Create insurance policies for customers</p>
+            <li>
-                <p>
+            Create and manage customer claims for the insurances.
-                    Option to create multiple or single insurance based on policy</p>
+            </li>
-                <p>
+            <li>
-                    Monitor payment details
+                Create payment from the same form.
-                </p>
+            </li>
-            </div>
+        </ul>
-
+        <div class="oe_row oe_spaced">
+            <img src="insurance_2.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>
+            Employee Management
+         </h3>
+        <ul>
+            <li>
+            Create agent details.
+            </li>
+            <li>
+                Automated creation of salary or commission.
+            </li>
+            <li>
+                Manage payment details.
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="insurance_3.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>
+            Create Policy
+         </h3>
+        <ul>
+            <li>
+            Create All types of policies from here
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="insurance_4.png" alt="" style="width: 95%;"/>
         </div>
-     </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 Details Forms
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="insurance_5.png" alt="" style="width: 95%;"/>
+        </div>
+    </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Claims Management System</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_row oe_spaced">
+            Our Services
-            <div class="oe_span12">
+        </h2>
-                <div class="oe_row_img oe_centered">
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-                    <img class="oe_picture oe_screenshot" src="insurance_2.png">
+            <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 class="oe_span12">
+             <div style="flex-basis: 18%;">
-                <p class="oe_mt32">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
-                    Create and manage customer claims for the insurances
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                    </p><p>
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
-                    Create payment from the same form
+                </div>
-                </p>
+                 <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 class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="oe_span6">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-               <img src="insurance_3.png">
+                        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>
-            <p class="oe_mt32">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                <p>
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-                    Create agent details
+                    <div style="width:30%; float:left;">
-        </p>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-            <p>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                    Automated creation of salary or commission
-            </p>
-            <p>
-                    Manage payment details
-            </p>
-            </p>
-        </div>
-    </div>
-</section>
 
-<section class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <h3 class="oe_slogan">Create Policy</h3>
+                    <div style="width:70%;float:left;">
-        <div class="oe_span12">
+                     <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;">
-            <div class="oe_row_img oe_centered">
+                        E-commerce & Website
-                <img class="oe_picture oe_screenshot" src="insurance_4.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;">
+                        Mobile friendly, awe-inspiring product pages.
+                     </h3>
+                        </div>
+                 </a>
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <div class="oe_span12">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
-            <p class="oe_mt32">
+                    <div style="width:30%; float:left;">
-               Create All types of policies from here
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-            </p>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-        </div>
-    </div>
-</section>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="oe_span6">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-               <img src="insurance_5.png">
+                        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>
-            <p class="oe_mt32">
-                <p>
-                    Customer Details form
-                </p>
-            </p>
         </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%;">
-        <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="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/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="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>
+        <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>

login_user_detail/static/description/index.html

@@ -1,59 +1,266 @@
-<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% 25% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">User Log Details</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">Records User Log Details</h3>
+            User Log Details
-        <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;">
+            Records User Log Details
+        </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%;">
-<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 oe_centered">
+        </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;">
             User Log Details, Record login date,IP Address of login user.
-            </p>
+         </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>
+            Login Details
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="login.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Login Details</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Our Service
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-            	<img src="login.png">
+        <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 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>
-            <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>
 
-
-
-

payment_receipt_invoice/static/description/index.html

@@ -1,100 +1,309 @@
-<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% 25% 15%;">
-     <div class="oe_row">
+    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Payment Receipt Report</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">Customer & Vendor Payment Receipt</h3>
+            Payment Receipt Report
-        <h4 class="oe_slogan">Cybrosys Techno Solutions, www.cybrosys.com</h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Customer & Vendor Payment 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" style="padding: 3% 0% 3% 15%;">
-<section class=oe_container>
+    <div class="oe_row oe_spaced">
-    <div class="row oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="col-md-12">
+            Overview
-            &#9728; Generate Receipt for Customer & Supplier Payment.<br>
+        </h2>
-            &#9728; Supports Multi Currency.<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;">
-        </div>
+             Generates Receipt for Customer & Supplier Payment.
+         </h3>
     </div>
-    <div class="oe_row">
+</section>
-        <h2 class="oe_slogan">Print Customer/Supplier Payment</h2>
+<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%;">
-        <h4 class="oe_slogan">Payment Form</h4>
+    <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;">
-            <p class='oe_mt32'>
+             Features
-                <br>
+        </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_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="payment.png">
+             Generates Receipt for Customer & Supplier Payment.
-                <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Here you can see the option to print receipt against this payment</div>
+         </h3>
-            </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;">
-        </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             It supports Multi Currency.
+         </h3>
     </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Invoices Paid by above payment</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Screenshots
-            <p class='oe_mt32'>
+        </h2>
-                <br>
+        <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>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <div class="oe_row_img oe_picture oe_screenshot oe_demo">
+            Print Customer/Supplier Payment
-                <img src="invoices.png">
+         </h3>
-                <div class="oe_demo_footer oe_centeralign" style="background-color:rgba(162, 70, 137, 0.7);">These are the invoices paid by above payment</div>
+        <div class="oe_row oe_spaced">
-            </div>
+            <img src="payment.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>
+            Invoices Paid by above payment
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="invoices.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>
+            Payment Receipt
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="receipt_report2.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>
+            When payment and company are in different currency
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="diff_curr_repo.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>
+            When payment and company are in same currency
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="same_curr_repo.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-<section class=oe_container>
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Payment Receipt</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Our Services
-            <p class='oe_mt32'>
+        </h2>
-                <br>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            </p>
+            <div style="flex-basis: 18%;">
-            <div class="oe_row_img">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                <img src="receipt_report2.png" style="border:2px black solid !important;">
+                    <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>
-            <br/>
         </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>
-        <div class="oe_span12">
+                    <div style="width:70%;float:left;">
-            <div class="oe_row_img oe_picture oe_screenshot oe_demo">
+                     <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;">
-                <img src="diff_curr_repo.png">
+                        POS
-                <div class="oe_demo_footer oe_centeralign" style="background-color:rgba(162, 70, 137, 0.7);">When payment and company are in different currency</div>
+                     </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>
-            <br/>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-            <div class="oe_row_img oe_picture oe_screenshot oe_demo">
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-                <img src="same_curr_repo.png">
+                    <div style="width:30%; float:left;">
-                <div class="oe_demo_footer oe_centeralign" style="background-color:rgba(162, 70, 137, 0.7);">When payment and company are in same currency</div>
+                        <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%;">
-<section class="oe_container">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+        <div>
-		<div class="oe_slogan" style="margin-top:10px !important;">
+            <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>
-            <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/contact/"><i class="fa fa-phone"></i> Contact 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/odoo-customization-and-installation/"><i class="fa fa-check-square"></i> Request Customization </a>
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
+        </div>
-				class="fa fa-envelope"></i> Email </a> <a
+        <br>
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-				href="http://www.cybrosys.com/contact/"><i
+        <div>
-				class="fa fa-phone"></i> Contact Us </a> <a
+          <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>
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+          <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>
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+          <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>
-				class="fa fa-check-square"></i> Request Customization </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;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
-	        </div>
+          <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>
-            <br>
+        </div>
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+    </div>
-            <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>
 

pos_order_line_image/static/description/index.html

@@ -1,37 +1,276 @@
-<section class="oe_container oe_dark">
+
+<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%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Product Image in POS Order Line</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;">
-        <div>
+            Pos Order Line Product Image
-            <h4><p>Features</p></h4>
+        </h2>
-            <ul>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-                <li>Product image in pos order line.</li>
+            Helps to show product images in each order line.
-            </ul>
+        </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;">
+            <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">
+        <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;">
+            By default, odoo doesn't support showing product images in each line of the order list. This module Helps to show product images in each order line.
+         </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">
-        <div class="oe_demo oe_picture oe_screenshot">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <img src="pos_order_line_image.png">
+             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>
+             Product image in pos order line.
+         </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>
+        <div class="oe_row oe_spaced">
+            <img src="pos_order_line_image.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <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="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <a  class="btn btn-primary btn-lg mt8"
+            Our Service
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+        </h2>
-            class="fa fa-envelope"></i> Email </a> <a
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+            <div style="flex-basis: 18%;">
-            href="http://www.cybrosys.com/contact/"><i
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                    </div>
-            class="fa fa-check-square"></i> Request Customization </a>
+                     <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>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
 </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>

product_return_pos/static/description/index.html

@@ -1,139 +1,327 @@
-<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% 25% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Product Return In POS</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">Manages Product Return From POS Frontend</h3>
+            Product Return In POS
-        <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;">
+            Manages Product Return From POS Frontend
-        <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> Manage Product Return From Frontend.<br/>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-        </div>
+        </h5>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
     <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 text-justify" style="text-align: center;">
+        </h2>
-               This app will help you to return the products in pos from the user interface.
+        <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;">
-            </p>
+            This app will help you to return the products in pos from the user interface.
-        </div>
+         </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%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <div style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <span class="oe_mt32 text-justify" style="text-align: center;">Create a normal order.</span>
+             Features
-                <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                    <img style="border:10px solid white;" src="order_1.png">
+        <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>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Manage Product Return From Frontend.
+         </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <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">
+            Screenshots
-                <img style="border:10px solid white;" src="button.png">
+        </h2>
-            </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;">
-            <span class="oe_mt32 text-justify" style="text-align: center;">Click on Return button In order to return orders</span>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Create a normal order.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="order_1.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>
+            Click on Return button In order to return products.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="button.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>
+            Select the order and click on Return.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="ret_order.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>
+            Return some of the products.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="line.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>
+            When we create the return for the same order we get the rest of the products to return.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="rest.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>
+            When select an order that fully returned, a warning will be displayed.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="fully.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>
+           We get the return reference very easily.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="ref.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>
+           We get the return reference and status of the return from backend also.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="backend.png" alt="" style="width: 95%;"/>
+        </div>
+
     </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <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">
+            Our Service
-                <img style="border:10px solid white;" src="ret_order.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>
-            <span class="oe_mt32 text-justify" style="text-align: center;">Select the order and click on Return.</span>
         </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 oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="" style="text-align: center">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-                <img style="border:10px solid white;height: 400px;" src="line.png">
+                        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>
-            <span class="oe_mt32 text-justify" style="text-align: center;">Return some of the products.</span>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        </div>
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-    </div>
+                    <div style="width:30%; float:left;">
-</section>
+                        <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%;"/>
 
-<section class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="" style="text-align: center">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-                <img style="border:10px solid white;height: 400px;" src="rest.png">
+                        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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <span class="oe_mt32 text-justify" style="text-align: center;">When we create the return for the same order we get the rest of the products to return.</span>
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
-    </div>
+                    <div style="width:30%; float:left;">
-</section>
+                        <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%;"/>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="" style="text-align: center">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-                <img style="border:10px solid white;" src="fully.png">
+                        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;">
-        <span class="oe_mt32 text-justify" style="text-align: center;">We select a order that fully returned a warning will come.</span>
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
-    </div>
+                    <div style="width:30%; float:left;">
-</section>
+                        <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">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="" style="text-align: center">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-                <img style="border:10px solid white;" src="ref.png">
+                        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>
-             <span class="oe_mt32 text-justify" style="text-align: center;">We get the return reference very easily.</span>
+             <div style="flex-basis: 32%;padding-top: 20px;">
-        </div>
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
-    </div>
+                    <div style="width:30%; float:left;">
-</section>
+                        <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 oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div class="" style="text-align: center">
+                    <div style="width:70%;float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-                <img style="border:10px solid white;height: 400px;" src="backend.png">
+                        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>
-            <span>We get the return reference and status of the return from backend also.</span>
         </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%;">
-    <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>
-            <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>
+</section>
-

project_subtask/static/description/index.html

@@ -1,166 +1,369 @@
-<section class="oe_container">
-    <div class="oe_spaced">
-        <h2 class="oe_slogan">Sub Tasks in Project</h2>
-        <h3 class="oe_slogan">This Module Enables Sub-task feature in Project Module.</h3>
-        <h4 class="oe_slogan" style="font-size: 23px;">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
-    </div>
-    <div class="oe_spaced" style="padding-left:65px;">
-        <h4>Features:</h4>
-        <div>
-            <span style="color:green;"> &#9745; </span> Sub-task Feature for Project.<br/>
-            <span style="color:green;"> &#9745; </span> Sub-Task Lists Under Task.<br/>
-            <span style="color:green;"> &#9745; </span> Sub-Task Count in Task Kanban View.<br/>
-            <span style="color:green;"> &#9745; </span> Sub-Task Stages in Configuration.<br/>
-            <span style="color:green;"> &#9745; </span> Sub-Task Analysis Under Report.<br/>
-            <span style="color:green;"> &#9745; </span> Deadline Validation for Sub-Task.<br/>
-            <span style="color:green;"> &#9745; </span> Stage Validation for Sub-Task.<br/>
-        </div>
-    </div>
-</section>
 
-<section class="oe_container oe_dark">
+<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">
-        <div class="oe_picture">
+        <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">Overview</h3>
+            Sub Tasks in Project
-            <p class="oe_mt32">
+        </h2>
-            Currently Odoo has no sub-task feature in project. This module brings "SUB-TASK" forms and its configuration for projects with configured stages.
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            User can also analyse the sub tasks under the project reporting menu dynamically.
+            This Module Enables Sub-task feature in Project Module.
-            </p>
+        </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;">
+            <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%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Sub Task Configuration</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="" style="text-align: center">
+            Overview
-            <p>
+        </h2>
-                <h4>Project -> Configuration -> Sub Task Stages</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: 24px;">
-            <p>
+             Currently Odoo has no sub-task feature in project. This module brings "SUB-TASK" forms and its configuration for projects with configured stages.
-        </div>
+            User can also analyse the sub tasks under the project reporting menu dynamically.
-        <div class="oe_span12">
+         </h3>
-            <div class="oe_row_img oe_centered">
-                <img class="oe_picture oe_screenshot" src="task2.png">
-            </div>
-            <span class="center-block" style="text-align: center;">&#9755; Please tick marked fields to identify your final stage and cancel stage.</span>
-        </div>
-        <br>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<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_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">
+             Features
-                <img class="oe_picture oe_screenshot" src="task3.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;">
-            <span class="center-block" style="text-align: center;">&#9755; If you want to create sub tasks for your project please select the option Sub Tasks.</span>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Sub-task Feature for Project.
-        <br>
+         </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>
+            Sub-Task Lists Under Task.
+         </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>
+             Sub-Task Count in Task Kanban View.
+         </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>
+            Sub-Task Stages in Configuration.</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>
+             Sub-Task Analysis Under 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>
+            Deadline Validation for Sub-Task.</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>
+           Stage Validation for Sub-Task.</h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Sub Task Creation</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="" style="text-align: center">
+            Sub Task Configuration
-            <p>
+        </h2>
-                <h4>You can create sub tasks via 2 ways.</h4>
+        <h3>Project -> Configuration -> Sub Task Stages</h3>
-            <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;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           Please tick marked fields to identify your final stage and cancel stage.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="task2.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="" style="text-align: center">
+        <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 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;" src="sub_task.png">
+           If you want to create sub tasks for your project please select the option Sub Tasks.
-            </div>
+         </h3>
-            <span class="center-block" style="text-align: center;">&#9755; Create sub tasks directly from Menu 'Sub Task'.</span>
+        <div class="oe_row oe_spaced">
+            <img src="task3.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-</section>
+            Sub Task Creation
-
+        </h2>
-<section class="oe_container oe_dark">
+        <h3>You can create sub tasks via 2 ways.</h3>
-    <div class="oe_row oe_spaced">
+         <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 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;" src="task.png">
+          Create sub tasks directly from Menu 'Sub Task'.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="sub_task.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>
+          Create sub tasks from task itself
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="task.png" alt="" style="width: 95%;"/>
+        </div>
+         <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Sub-Task Count in Task Kanban View
+        </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 see the count of sub task on each task's kanaban view
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="count.png" alt="" style="width: 95%;"/>
+        </div>
+         <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+           Sub-Task Analysis
+        </h2>
+         <div class="oe_row oe_spaced">
+            <img src="task4.png" alt="" style="width: 95%;"/>
+        </div>
+         <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+          Stage Validation for Sub-Task
+        </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 cant move your task into final stage until all sub tasks are reach in final stage
+         </h3>
+         <div class="oe_row oe_spaced">
+            <img src="task5.png" alt="" style="width: 95%;"/>
+        </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+         Automatically Cancel/kill the sub-task by moving parent task to 'cancel'
+        </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>
+            When you move your task into cancel stage then all sub tasks also will go to cancel stage
+         </h3>
+         <div class="oe_row oe_spaced">
+            <img src="task6.png" alt="" style="width: 95%;"/>
+        </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+         Deadline Validation for Sub-Task
+        </h2>
+         <div class="oe_row oe_spaced">
+            <img src="11.png" alt="" style="width: 95%;"/>
         </div>
-        <span class="center-block" style="text-align: center;">&#9755; Create sub tasks from task itself</span>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Sub-Task Count in Task Kanban View</h3>
+        <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">
+            Our Service
-            <img style="border:10px solid white;" src="count.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>
-        <span class="center-block" style="text-align: center;">&#9755; You can see the count of sub task on each task's kanaban view</span>
     </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 oe_dark">
+                        </div>
-    <div class="oe_spaced">
+                    </div>
-       <h3 class="oe_slogan"> Sub-Task Analysis</h3>
+                    <div style="width:70%;float:left;">
-        <div class="">
+                     <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;width: 47%;" src="task4.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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-    </div>
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" 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-5.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">Stage Validation for Sub-Task</h3>
+                    <div style="width:70%;float:left;">
-        <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-            <img style="border:10px solid white;" src="task5.png">
+                        E-commerce & Website
-        </div>
+                     </h3>
-        <span class="center-block" style="text-align: center;">&#9755; You cant move your task into final stage until all sub tasks are reach in final stage</span>
+                    <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;">
-    </div>
+                        Mobile friendly, awe-inspiring product pages.
-</section>
+                     </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%;"/>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <h3 class="oe_slogan">Automatically Cancel/kill the sub-task by moving parent task to 'cancel'</h3>
+                    <div style="width:70%;float:left;">
-        <div class="oe_demo oe_picture oe_screenshot">
+                     <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;">
-            <img style="border:10px solid white;" src="task6.png">
+                        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>
-        <span class="center-block" style="text-align: center;">&#9755; When you move your task into cancel stage then all sub tasks also will go to cancel stage</span>
     </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%;">
-    <div class="oe_row oe_spaced">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-        <h3 class="oe_slogan">Deadline Validation for Sub-Task</h3>
+        <div>
-        <div class="oe_demo oe_picture oe_screenshot">
+            <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>
-            <img style="border:10px solid white;" src="11.png">
+            <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>
 
-<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"
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
-				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>
-</section>
-
-
 

sale_promotion/static/description/index.html

@@ -1,122 +1,310 @@
-<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">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-            <h2 class="oe_slogan">Sale Promotion</h2>
+            Sale Promotion
-            <h3 class="oe_slogan">Set sales promotion offers on product and product categories.</h3>
+        </h2>
-            <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        </div>
+            Set sales promotion offers on product and product categories.
-        <div class="oe_row oe_spaced">
+        </h3>
-            <h4><p style="margin-left: 42px;">Major Features:</p></h4>
+        <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;">
-            <ul>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Create sales promotion offers for products.</li>
+        </h5>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Create sales promotion offers for product categories.</li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Attract more customers.</li>
-            </ul>
-        </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 text-justify" style="text-align: center;">
+        </h2>
-                The module, allows the user to set sales promotion offers on products and product category.
+        <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;">
+           The module, allows the user to set sales promotion offers on products and product category.
                 Create product and Product category based specific promotion rules and improve the sales.
-            </p>
+         </h3>
-        </div>
     </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%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <div style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p>
+             Features
-                <h3>Create Promotion Rules</h3>
+        </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>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Create sales promotion offers 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>
+            Create sales promotion offers for product categories.
+         </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>
+             Attract more customers.
+         </h3>
     </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-            <div class="" style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                 <span class="oe_mt32 text-justify" style="text-align: center;">Case 1.Buy One get One Free.</span>
+            Create Promotion Rules
-            </div>
+        </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>
+            Case 1.Buy One get One Free.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="promo1.png" alt="" style="width: 95%;"/>
         </div>
-    <div>
+        <div class="oe_row oe_spaced">
-        <div class="" style="text-align: center">
+            <img src="promo2.png" alt="" style="width: 95%;"/>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="promo1.png">
-            </div>
         </div>
-        <div class="" style="text-align: center">
+        <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;">
-            <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;" src="promo2.png">
+            Case 2.Buy 2 Get Another Free
-            </div>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="promo3.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="promo4.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3>Select Offer In Sale Order</h3>
+        <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>
+            Select the promotion rule in the sale order and click on 'Apply Offer'
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="sale.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">
-        <div class="" style="text-align: center">
-             <span class="oe_mt32 text-justify" style="text-align: center;">Case 2.Buy 2 Get Another Free</span>
-        </div>
-    </div>
     <div class="oe_row oe_spaced">
-        <div class="" 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">
+            Our Service
-                <img style="border:10px solid white;" src="promo3.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>
+             <div style="flex-basis: 18%;">
-        <div class="" style="text-align: center">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
-            <div class="oe_demo oe_picture oe_screenshot">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                <img style="border:10px solid white;" src="promo4.png">
+                        <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 class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <div style="text-align: center">
+                    <div style="width:70%;float:left;">
-            <p>
+                     <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;">
-                <h3>Select Offer In Sale Order</h3>
+                        POS
-            </p>
+                     </h3>
-        </div>
+                    <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;">
-        <div class="" style="text-align: center">
+                        Easy configuring and convivial selling.
-            <div class="oe_demo oe_picture oe_screenshot">
+                     </h3>
-                <img style="border:10px solid white;" src="sale.png">
+                        </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>
-            <span class="oe_mt32 text-justify" style="text-align: center;">Select the promotion rule in the sale order and click on 'Apply Offer'</span>
         </div>
     </div>
-
 </section>
 
-<section class="oe_container oe_dark">
+<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>
-            <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>
 
+

vouchers_pos/static/description/index.html

@@ -1,154 +1,384 @@
-<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% 25% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Vouchers and Coupons</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">..Manage Gift Vouchers and Coupon Codes in Point of Sale..</h3>
+            Vouchers and Coupons
-        <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;">
+            Manage Gift Vouchers and Coupon Codes in Point of Sale
+        </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>
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
+</section>
-        <h4>Features:</h4>
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-        <div>
+    <div class="oe_row oe_spaced">
-            <span style="color:green;"> &#9745; </span> Create gift vouchers for products.<br/>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <span style="color:green;"> &#9745; </span> Create gift vouchers for point of sale category.<br/>
+            Overview
-            <span style="color:green;"> &#9745; </span> Create global gift vouchers.<br/>
+        </h2>
-            <span style="color:green;"> &#9745; </span> Create and configure coupon codes.<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;">
-            <span style="color:green;"> &#9745; </span> Apply coupon codes from point of sale.<br/>
+            With this module, you can allow special discounts to your customers using Gift Vouchers and Coupon codes
-            <span style="color:green;"> &#9745; </span> Coupon usage tracking.<br/>
+            in point of sale.
-        </div>
+        </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%;">
-<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>
+             Features
-            <p class="oe_mt32">
+        </h2>
-                With this module, you can allow special discounts to your customers using Gift Vouchers and Coupon codes
+        <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;">
-                in point of sale.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+             Create gift vouchers for products.
-        </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;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Create gift vouchers for point of sale category.
+         </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>
+             Create global gift vouchers.
+         </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>
+             Create and configure coupon codes.
+         </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>
+             Apply coupon codes from point of sale.
+         </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>
+             Coupon usage tracking.
+         </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_span6">
+            Screenshots
-                <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                    <img style="border:10px solid white;width: 260px;" src="coupon-menu-pos.png">
+        <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;">
-                </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </div>
+            Coupon menu
-            <br><br><br>
+         </h3>
-            <p>After installing this module, three menus will be created under
+        <ul>
-            point of sale. We can use these menus to create, configure and track vouchers, coupons and their usage.</p>
+            <li>
+                After installing this module, three menus will be created under
+                point of sale.
+            </li>
+            <li>
+                You can use these menus to create, configure and track vouchers, coupons and their usage.
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="coupon-menu-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>
+            Create vouchers
+         </h3>
+        <ul>
+            <li>
+                This is the form for creating vouchers.
+            </li>
+            <li>
+                 You can create vouchers for a single product, pos category and
+                 for all the products.
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="coupon-menu-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>
+            Create coupons
+         </h3>
+        <ul>
+            <li>
+                After creating the voucher, we need to create the coupons related to each voucher.
+            </li>
+            <li>
+                 From the coupons menu, we can create new coupons and link it to the corresponding vouchers.
+            </li>
+            <li>
+                 The fixed type coupon will include a fixed amount discount to the order
+                 and percentage type coupon will set the coupon amount based on
+                 the total order amount and the percentage provided in the back end.
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="coupon-form.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>
+            Apply Coupons
+         </h3>
+        <ul>
+            <li>
+                 The 'Coupons' button in point of sale can be used to enter the coupon code.
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="coupon-button-pos.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="verify-coupon.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="coupon-verified.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>
+            Coupon Tracking
+         </h3>
+        <ul>
+            <li>
+                 Go to the 'Coupon History' menu under 'Vouchers and Coupons' for coupon tracking.
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="history.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
+
 <section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Vouchers</h3>
+        <div style="text-align: center;">
-         <div class="" style="text-align: center;">
+            <a href="https://www.cybrosys.com/blog/odoo-pos-coupons-and-vouchers">
-             <div class="oe_span12">
+                <h4 style="color:#5e5e5e;font-family: initial;">
-                <div class="oe_demo oe_picture oe_screenshot">
+                    <i>
-                    <img style="border:10px solid white;" src="voucher-form.png">
+                        Visit our blog for more detailed description.
-                </div>
+                    </i>
-             </div>
+                </h4>
-             <p> This is the form for creating vouchers. We can create vouchers for a single product, pos category and
+            </a>
-                 for all the products.</p>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Coupons</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12" style="text-align: center;">
+            Our Services
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                <img style="border:10px solid white;width:87% !important;" src="coupon-form.png">
+        <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>
+             <div style="flex-basis: 18%;">
-            <br><br><br>
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
-         <div class="" style="text-align: center;">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-             <div class="" style="text-align: center;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
-                <p>
+                </div>
-                    After creating the voucher, we need to create the coupons related to each voucher. From
+                 <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;">
-                 the coupons menu, we can create new coupons and link it to the corresponding vouchers. The fixed type coupon will
+                    Odoo <br/>Implementation
-                 include a fixed amount discount to the order and percentage type coupon will set the coupon amount based on
+                 </h3>
-                 the total order amount and the percentage provided in the back end.
+                     </a>
-                <p>
+            </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 class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-       <h3 class="oe_slogan">Apply Coupons</h3>
+                    <div style="width:70%;float:left;">
-        <br />
+                     <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;">
-        <p> The 'Coupons' button in point of sale can be used to enter the coupon code.
+                        POS
-            </p>
+                     </h3>
-        <div class="oe_span6">
+                    <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;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        Easy configuring and convivial selling.
-                <img style="border:10px solid white;" src="coupon-button-pos.png">
+                     </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 class="oe_span6">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
-                <img style="border:10px solid white;" src="verify-coupon.png">
+                    <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 class="oe_span6">
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
-            <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:30%; float:left;">
-                <img style="border:10px solid white;" src="coupon-verified.png">
+                        <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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
-    </div>
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
-</section>
+                    <div style="width:30%; float:left;">
-<section class="oe_container">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-    <div class="oe_row oe_spaced">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-       <h3 class="oe_slogan">Coupon Tracking</h3>
+
-        <div class="oe_span12">
+                        </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+                    </div>
-                <img style="border:10px solid white;width:100%;height:100%;" src="history.png">
+                    <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>
-        <p style="text-align:center;">Go to the 'Coupon History' menu under 'Vouchers and Coupons' for coupon tracking.</p>
     </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%;">
-    <div class="oe_row oe_spaced">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-        <div style="text-align: center;">
+        <div>
-            <a href="https://www.cybrosys.com/blog/odoo-pos-coupons-and-vouchers">
+            <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>
-                <h1 style="color:lightseagreen;font-family: initial;"><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>
-                    Visit our blog for more detailed description.
+            <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>
-                </i></h1>
+        </div>
-            </a>
+        <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>
-
-<section class="oe_container">
-		<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"
-				style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
-				class="fa fa-envelope"></i> Email </a> <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">
-            <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>

website_coupon/static/description/index.html

@@ -1,170 +1,361 @@
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Website Coupon</h2>
-        <h3 class="oe_slogan">..Manage Your Coupons Simply..</h3>
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
-        <div>
-            <p class='oe_mt32' >
-            This module by Cybrosys Technologies allows us to manage our customers in a better way by providing
-                discount coupons to our special customers, and thereby increase the sales.
-        </div>
-    </div>
-</section>
 
-<section class="oe_container oe_dark">
+<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 style="color:#875A7B;">Features</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;">
-        <div class="oe_span6 text-justify oe_mt32">
+            Website Coupon
-            <p class="oe_mb32" style="margin-left:48px;">
+        </h2>
-            &#x261B; Create and configure vouchers for providing a discount based on product, product category or for all products.
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            </p>
+            ..Manage Your Coupons Simply..
-            <p class="oe_mb32" style="margin-left:48px;">
+        </h3>
-            &#x261B; Generate a unique code for each coupon.
+        <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;">
-            </p>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <p class="oe_mb32" style="margin-left:48px;">
+        </h5>
-            &#x261B; Limit the usage of coupons by each user.
-            </p>
-            <p class="oe_mb32" style="margin-left:48px;">
-            &#x261B; Provide a validity for the coupons.
-            </p>
-            <p class="oe_mb32" style="margin-left:48px;">
-            &#x261B; History of coupons used by each customer.
-            </p>
-        </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-<section class="oe_container">
     <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">Enable the voucher option from the website.</h3>
+            Overview
-            <div class="oe_demo oe_screenshot">
+        </h2>
-            	<img src="enable_voucher.png">
+        <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;">
-            </div>
+             This module by Cybrosys Technologies allows us to manage our customers in a better way by providing
-            <p class="oe_mt32" style="margin-left:48px;">
+                discount coupons to our special customers, and thereby increase the sales.
-            When we added some product to our cart, under the 'Customize' menu, we can see the 'Voucher Code' option.
+         </h3>
-            </p>
-        </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<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_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Apply the coupon by providing the secret code.</h3>
+             Features
-            <div class="oe_demo oe_screenshot">
+        </h2>
-            	<img src="apply_coupon.png">
+        <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>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <p class="oe_mt32" style="margin-left:48px;">
+            Create and configure vouchers for providing a discount based on product, product category or for all products.
-            After enabling the 'Voucher Code' option, we can enter our coupon code. If that code is valid,
+         </h3>
-                it will be applied to the order. The validation is based on the expiry date of the voucher,
+         <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;">
-                the voucher type, coupon code entered, coupon balance, etc.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                The total amount of an order can't be zero or less than, zero. After we have
+            Generate a unique code for each coupon.
-                entered the coupon code and pressed the apply button, the system will check the amount after
+         </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;">
-                applying the coupon specified is greater than zero or not. If not, we cannot apply this coupon to this order.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                In this case we will see a notification saying that this coupon is not applicable.
+             Limit the usage of coupons by each user.
-            </p>
+         </h3>
-        </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;">
-        <div class="oe_span6" style="align-content: center;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-             <div class="oe_demo oe_screenshot">
+             Provide a validity for the coupons. </h3>
-            	<img src="unable_to_update.png">
+        <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>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             History of coupons used by each customer. </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container">
     <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">Create and configure vouchers.</h3>
+            Enable the voucher option from the website.
-            <p class="oe_mt32" style="margin-left:48px;">
+        </h2>
-            For creating a voucher, there are three options. We can create a voucher for a single product or a product category
+        <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;">
-                or for the complete products. For the first option, we need to specify a product, that means, this voucher will be applicable only
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                if the customer has selected this product in his order. The minimum and maximum voucher values can be set here.
+            When we added some product to our cart, under the 'Customize' menu, we can see the 'Voucher Code' option.
-                The expiry date indicates the validity of this voucher.
+         </h3>
-            </p>
+        <div class="oe_row oe_spaced">
-            <p class="oe_mt32" style="margin-left:48px;">
+            <img src="enable_voucher.png" alt="" style="width: 95%;"/>
-                For creating voucher for a product category, we need to select a category. In
-            this case, this voucher will be applicable only if the cart contains products from this category.
-            </p>
-            <p class="oe_mt32" style="margin-left:48px;">
-                The third option can be used to provide discounts for all the products.
-            </p>
         </div>
-        <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_screenshot">
+            Apply the coupon by providing the secret code.
-            	<img src="voucher_product.png">
+        </h2>
-            </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>
+            After enabling the 'Voucher Code' option, we can enter our coupon code. If that code is valid, it will be applied to the order. The validation is based on the expiry date of the voucher, the voucher type, coupon code entered, coupon balance, etc. The total amount of an order can't be zero or less than, zero.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="apply_coupon.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;">
-            <div class="oe_demo oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            	<img src="voucher_category.png">
+            After we have entered the coupon code and pressed the apply button, the system will check the amount after applying the coupon specified is greater than zero or not. If not, we cannot apply this coupon to this order. In this case we will see a notification saying that this coupon is not applicable.
-            </div>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="unable_to_update.png" alt="" style="width: 95%;"/>
         </div>
-        <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_screenshot">
+            Create and configure vouchers.
-            	<img src="voucher_all.png">
+        </h2>
-            </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>
+            For creating a voucher, there are three options. We can create a voucher for a single product or a product category or for the complete products. For the first option, we need to specify a product, that means, this voucher will be applicable only if the customer has selected this product in his order. The minimum and maximum voucher values can be set here. The expiry date indicates the validity of this voucher.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="voucher_product.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
-</section>
 
-<section class="oe_container oe_dark">
+        <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;">
-    <div class="oe_row oe_spaced">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        <div class="oe_span12">
+            For creating voucher for a product category, we need to select a category. In this case, this voucher will be applicable only if the cart contains products from this category.
-            <h3 class="oe_slogan">Create and configure coupons and codes.</h3>
+         </h3>
-            <div class="oe_demo oe_screenshot">
+        <div class="oe_row oe_spaced">
-            	<img src="coupon.png">
+            <img src="voucher_category.png" alt="" style="width: 95%;"/>
-            </div>
+        </div>
-            <p class="oe_mt32" style="margin-left:48px;">
+        <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>
+            The third option can be used to provide discounts for all the products.         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="voucher_all.png" alt="" style="width: 95%;"/>
+        </div>
+         <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+           Create and configure coupons and codes.
+        </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>
             When we create the coupon, a unique, auto-generated and editable code will be there for each coupon. There are mainly
                 two types of coupons, fixed and percentage. The fixed type is used to deduct a fixed amount from the order. The
                 percentage type will deduct a certain percentage of amount from the order.
-                </p>
+
-            <p class="oe_mt32" style="margin-left:48px;">The total number of available coupons
+            The total number of available coupons
                 and the number of times one user can use this coupon can be set here. It is also possible to limit this coupon to a single customer,
                 i.e, only one customer can use this coupon.
-            </p>
+
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="coupon.png" alt="" style="width: 95%;"/>
         </div>
     </div>
+    <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+           Coupon History.
+        </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>
+            Under the 'Coupon History' menu, we can see the details of coupons used by all the customers.    </h3>
+    <div class="oe_row oe_spaced">
+            <img src="history.png" alt="" style="width: 95%;"/>
+        </div>
 </section>
 
-<section class="oe_container">
+
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <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">Coupon History.</h3>
+            Our Service
-            <div class="oe_demo oe_screenshot">
+        </h2>
-            	<img src="history.png">
+        <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>
-            <p class="oe_mt32" style="margin-left:48px;">
-            Under the 'Coupon History' menu, we can see the details of coupons used by all the customers.
-            </p>
         </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>
-            <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>
+</section>