[CHG] Index Changed

fleet_rental/static/description/index.html

@@ -1,229 +1,433 @@
-<section class="oe_container">
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 22% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Fleet/Vehicle Rental Management</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">This module helps with an opportunity to give the vehicles like car,van,bike,jeep etc.. for Rent.</h3>
+            Fleet/Vehicle Rental Management
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
-    </div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
+           This module helps with an opportunity to give the vehicles like car, van, bike, jeep etc.. for Rent.
-        <h4>Features:</h4>
+        </h3>
-        <div>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            <span style="color:green;"> &#9745; </span> Multiple Plans for Rental Contract(Days/Weeks/Months/Years).<br/>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <span style="color:green;"> &#9745; </span> Integrated with Accounting Module.<br/>
+        </h5>
-            <span style="color:green;"> &#9745; </span> Automatically Create Recurring Invoices.<br/>
-            <span style="color:green;"> &#9745; </span> Sending email for confirmation, first payment and recurrent invoices.<br/>
-            <span style="color:green;"> &#9745; </span> Check List Facility.<br/>
-            <span style="color:green;"> &#9745; </span> Separate Tree view for Checklist.<br/>
-            <span style="color:green;"> &#9745; </span> Damage Checking Facility.<br/>
-            <span style="color:green;"> &#9745; </span> Billing Facility for Damages/Check Lists.<br/>
-            <span style="color:green;"> &#9745; </span> Contract Payment Validations.<br/>
-            <span style="color:green;"> &#9745; </span> Detailed Fleet Rental Analysis Report.<br/>
-            <span style="color:green;"> &#9745; </span> Access Rights From Multiple Level.<br/>
-            <span style="color:green;"> &#9745; </span> Flexible for further customization.<br/>
-        </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+            Overview
-            <p class="oe_mt32" style="text-align: center;">
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
             This module is an application for Vehicle Rental System which helps in managing the rental of vehicles like car,van,bike, jeep etc...
                 It manages fleet/vehicle property by extending the basic fleet module of Odoo.
                 Currently fleet module does not have any connection with accounting module. But in this module,
                 we integrate the module with accounting also.
-            </p>
+         </h3>
     </div>
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Access Rights
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Fleet Manager :- Fleet manager has the complete access across the fleet rental management <br/>
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           Fleet Rental User :- Fleet rental user can read, write and create the records.
+         </h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Fleet Rental Management</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div style="text-align: center">
+             Features
-            <p>
+        </h2>
-                <h4>Fleet Rental -> Rental Management</h4>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Multiple Plans for Rental Contract(Days/Weeks/Months/Years).
+         </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>
+             Integrated with Accounting Module.
+         </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>
+             Automatically Create Recurring Invoices.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Sending email for confirmation, first payment and recurrent invoices.</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Check List Facility. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Separate Tree view for Checklist. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Damage Checking Facility.</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Billing Facility for Damages/Check Lists. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Contract Payment Validations. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Detailed Fleet Rental Analysis Report. </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Access Rights From Multiple Level.</h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Flexible for further customization. </h3>
     </div>
-        <div style="text-align: center">
+</section>
-            <a href="https://www.cybrosys.com">
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-                <div class="oe_demo oe_picture oe_screenshot">
+    <div class="oe_row oe_spaced">
-                    <img style="border:10px solid white;height: 400px;" src="menu_items.png">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                </div>
+            Fleet Rental Management
-            </a>
+        </h2>
-            <span style="text-align: center;padding-left:65px;">&#9755; When you install the module, an extra menu named Rental Management is created
+        <div class="oe_row oe_spaced">
+         <h4>Fleet Rental -> Rental Management</h4>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                When you install the module, an extra menu named Rental Management is created
                 under the Fleet Menu. Also "Fleet" menu is replaced as "Fleet Rental". Here you can see different color
-                codes according to each state. This helps you in finding out contracts easily.</span>
+                codes according to each state. This helps you in finding out contracts easily.
+         </h3>
         </div>
-        <br>
+        <div class="oe_row oe_spaced">
-         <div class="" style="text-align: center">
+            <img src="menu_items.png" alt="" style="width: 95%;"/>
-             <div class="" style="text-align: center">
-                <p>
-                    <h4>Fleet Rental -> Rental Management -> Rental Contract</h4>
-                <p>
-            </div>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="contract_menu.png">
         </div>
-             <div style="padding-left:65px;">
+         <div class="oe_row oe_spaced">
-                 <span>&#9755; This is the Rental Contract form. You can see the Recurring lines created according to
+         <h4>Fleet Rental -> Rental Management -> Rental Contract</h4>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                This is the Rental Contract form. You can see the Recurring lines created according to
                      the Recurring cost. And also you can see all the invoices related to this contract from the smart
-                     button "Invoices".</span>
+                     button "Invoices".
-             </div>
+         </h3>
-        </div>
         </div>
-</section>
-
-<section class="oe_container oe_dark">
         <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Checklist</h3>
+            <img src="contract_menu.png" alt="" style="width: 95%;"/>
-        <div class="" style="text-align: center">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height: 400px;" src="checklist_contract.png">
-            </div>
-            <span>&#9755; Checklist Tab in Rental Contract Form.</span>
         </div>
-        <br>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-         <div class="" style="text-align: center">
+            Checklist
-             <div class="" style="text-align: center;padding-left:65px;">
+        </h2>
-                <p>
+        <div class="oe_row oe_spaced">
+         <h4>Checklist Tab in Rental Contract Form.</h4>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
                 Here you can add the list of tools given with the vehicle.
                     When the vehicle is returned back, the checklist can be validated and helps you to identify the
                     tools that are not returned. The price of unreturned tools will be added to the missing tool cost.
                     The renter have to pay that amount and you can also add damage cost if any. Check the damages by
                     using the images of vehicle uploaded before the contract.
-                <p>
+         </h3>
-            </div>
         </div>
-    </div>
-</section>
-
-<section class="oe_container">
         <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Checklist Easy Access</h3>
+            <img src="checklist_contract.png" alt="" style="width: 95%;"/>
-        <div style="text-align: center">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="check_list_tree.png">
-            </div>
-            <span style="text-align: center">&#9755; No need to open all rental contract to see the checklist.</span>
         </div>
-         <div class="" style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            Checklist Easy Access
-                <img style="border:10px solid white;" src="check_list_form.png">
+        </h2>
+        <div 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;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                No need to open all rental contract to see the checklist.
+         </h3>
+            <div class="oe_row oe_spaced">
+            <img src="check_list_tree.png" alt="" style="width: 95%;"/>
         </div>
-             <div style="padding-left:65px;">
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                 <span>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
                 You can also create invoice against the checklist from here.
                  The checklists are those which are in the checking state,
                  that means the ones ready for checking the operation.
-                 If there is any damage or any missing tool, then you can charge all that from customer.</span>
+                 If there is any damage or any missing tool, then you can charge all that from customer.
+         </h3>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="check_list_form.png" alt="" style="width: 95%;"/>
+        </div>
+         <div class="oe_row oe_spaced">
+             <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Email Notifications
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                The system will send email notification to notify the confirmation of contract.<br/>
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                The system will notify the first payment through email.<br/>
+             <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                The system will remind all recurrent invoices through email.<br/>
+                    <I>Note:- You should configure outgoing and incoming e-mail settings from your odoo for email service.</I>
+         </h3>
         </div>
+        <div class="oe_row oe_spaced">
+            <img src="email3.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="email2.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="email1.png" alt="" style="width: 95%;"/>
+        </div>
+        <div class="oe_row oe_spaced">
+            <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+           Contract Payment Validations
+        </h2>
+            <div class="oe_row oe_spaced">
+            <img src="rental_inv.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                 Here you can see you have 4 invoices and this contract is in 'Invoice' state.
+                 So you can set this contract to done only if all the invoices are in 'paid' state.
+                 Otherwise it will raise a warning as follow.
+         </h3>
+        </div>
+        <div class="oe_row oe_spaced">
+            <img src="rental_validation.png" alt="" style="width: 95%;"/>
+        </div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Fleet Rental Analysis Report
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            You can also analyse all your fleet rentals from Fleet Rental -> Reports -> Fleet Rental Analysis.
+        </h3>
+            <div class="oe_row oe_spaced">
+            <img src="report.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <div class="oe_row oe_spaced">
+    <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Email Notifications</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="">
+            Our Service
-            <div style="padding-left:65px;">
+        </h2>
-                <span>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-                     &#9755;The system will send email notification to notify the confirmation of contract.<br/>
+            <div style="flex-basis: 18%;">
-                     &#9755;The system will notify the first payment through email.<br/>
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                     &#9755;The system will remind all recurrent invoices through email.<br/>
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                    <I>Note:- You should configure outgoing and incoming e-mail settings from your odoo for email service.</I>
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-                </span>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
             </div>
-            <div class="oe_span12">
+             <div style="flex-basis: 18%;">
-                 <div class="oe_demo oe_picture oe_screenshot">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
-                    <img style="border:10px solid white;height:400px;" src="email3.png">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
                 </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
             </div>
-            <div class="oe_span12">
+             <div style="flex-basis: 18%;">
-                 <div class="oe_demo oe_picture oe_screenshot">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
-                    <img style="border:10px solid white;height:400px;" src="email2.png">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
                 </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
             </div>
-            <div class="oe_span12">
+             <div style="flex-basis: 18%;">
-                 <div class="oe_demo oe_picture oe_screenshot">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
-                    <img style="border:10px solid white;height:400px;" src="email1.png">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
                 </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
             </div>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
-<section class="oe_container">
      <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Contract Payment Validations</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="" style="text-align: center">
+            Our Industries
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                <img style="border:10px solid white;height:400px;" src="rental_inv.png">
+        <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>
-            <div style="padding-left:65px;">
+                 </a>
-                <span>&#9755;
+            </div>
-                 Here you can see you have 4 invoices and this contract is in 'Invoice' state.
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                 So you can set this contract to done only if all the invoices are in 'paid' state.
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
-                 Otherwise it will raise a warning as follow.
+                    <div style="width:30%; float:left;">
-            </span>
+                        <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 class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height:400px;" src="rental_validation.png">
                     </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>
-</section>
+            <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 class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Fleet Rental Analysis Report</h3>
-        <div class="" style="text-align: center">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height:400px;" src="report.png">
                         </div>
-             <span>&#9755;
-                 You can also analyse all your fleet rentals from Fleet Rental -> Reports -> Fleet Rental Analysis.
-            </span>
                     </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>
-</section>
+                 </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%;"/>
 
-<section class="oe_container">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-       <h3 class="oe_slogan">Access Rights</h3>
+                    <div style="width:70%;float:left;">
-        <div class="" style="padding-left:65px;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-            <span>&#9755;Fleet Manager :- Fleet manager has the complete access across the fleet rental management <br/></span>
+                        Education
-            <span>&#9755;Fleet Rental User :- Fleet rental user can read, write and create the records.</span>
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        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>
-
-
-

front_office_management/static/description/index.html

@@ -1,184 +1,353 @@
-<section class="oe_container">
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 22% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Front Office 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">Manages Visitors and Employee Belongings</h3>
+            Front Office Management
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
-    </div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
+            Manages Visitors and Employee Belongings
-        <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 visitors.<br/>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <span style="color:green;"> &#9745; </span> Issue Visitor Pass.<br/>
+        </h5>
-            <span style="color:green;"> &#9745; </span> Keep Check in, Check out Details of Visitors.<br/>
-            <span style="color:green;"> &#9745; </span> Manage Visitor Belongings.<br/>
-            <span style="color:green;"> &#9745; </span> Print Report Of visitor.<br/>
-            <span style="color:green;"> &#9745; </span> Manage Employee Belongings.<br/>
-            <span style="color:green;"> &#9745; </span> Print Property Label.<br/>
-        </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+            Overview
-            <p class="oe_mt32 text-justify" style="text-align: center;">
+        </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 app will help you to manage the visitors coming to your office by issuing entry passes and handling their belongings.
                 The app can also manage the belongings of your employees.
-            </p>
+         </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_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
+        </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>
+              Manage visitors.
+         </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>
+             Issue Visitor Pass.
+         </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>
+            Keep Check in, Check out Details of Visitors.
+         </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 Visitor Belongings.</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>
+            Print Report Of visitor.</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 Employee Belongings.</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>
+             Print Property Label.</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>Visitors</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>
+            Create visitors.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="visitor.png" alt="" style="width: 95%;"/>
         </div>
-        <div style="text-align: center">
+         <h3>Visits</h3>
-            <span class="oe_mt32 text-justify" style="text-align: center;">Create visitors.</span>
+        <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="visitor.png">
+           Add visiting details.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="visit.png" alt="" style="width: 95%;"/>
         </div>
+         <h3>Visitor Pass</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>
+           Go to Visitor Management -> Visits -> Print -> Visitor Pass
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="pass.png" alt="" style="width: 95%;"/>
         </div>
+        <h3>Visitor Report</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>
+            Go to Visitor Management -> Visits -> Print -> Visitors Report
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="report.png" alt="" style="width: 95%;"/>
         </div>
-</section>
+        <h3>Today's Visits</h3>
 
-<section class="oe_container oe_dark">
         <div class="oe_row oe_spaced">
-        <div style="text-align: center">
+            <img src="todays.png" alt="" style="width: 95%;"/>
-            <p>
-                <h3>Visits</h3>
-            </p>
         </div>
-        <div class="" style="text-align: center">
+        <h3>Employee Belongings</h3>
-            <span class="oe_mt32 text-justify" style="text-align: center;">Add visiting details.</span>
+        <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="visit.png">
+            Here you can specify the field 'Permission' with the values of Allowed,Not Allowed and Allowed with permission.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="belongings.png" alt="" style="width: 95%;"/>
         </div>
+         <h3>Property Label</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>
+            Print the properties name that are not allowed to enter to the office.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="label.png" alt="" style="width: 95%;"/>
+        </div>
+         <h3>Receptionist</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>
+            We can set 'Receptionist' access from users form.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="user.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <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>
+            Our Service
-                <h3>Visitor Pass</h3>
+        </h2>
-            </p>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-        </div>
+            <div style="flex-basis: 18%;">
-        <div class="" style="text-align: center">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-            <span>Go to Visitor Management -> Visits -> Print -> Visitor Pass</span>
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-                <img style="border:10px solid white;" src="pass.png">
+                    </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%;">
-<section class="oe_container oe_dark">
      <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>
+            Our Industries
-                <h3>Visitor Report</h3>
+        </h2>
-            </p>
+        <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 class="" style="text-align: center">
-            <span>Go to Visitor Management -> Visits -> Print -> Visitors Report</span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="report.png">
                     </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>
-</section>
+            <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">
-    <div class="oe_row oe_spaced">
-        <div style="text-align: center">
-            <p>
-                <h3>Today's Visits</h3>
-            </p>
                         </div>
-        <div class="" style="text-align: center">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="todays.png">
                     </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>
-</section>
+            <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 class="oe_row oe_spaced">
-        <div style="text-align: center">
-            <p>
-                <h3>Employee Belongings</h3>
-            </p>
                         </div>
-        <div class="" style="text-align: center">
-            <span>Here you can specify the field 'Permission' with the values of Allowed,Not Allowed and Allowed with permission.</span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="belongings.png">
                     </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>
-</section>
+            <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%;"/>
 
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <div style="text-align: center">
-            <p>
-                <h3>Property Label</h3>
-            </p>
                         </div>
-        <div class="" style="text-align: center">
-            <span class="oe_mt32 text-justify" style="text-align: center;">Print the properties name that are not allowed to enter to the office.</span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="label.png">
                     </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>
-</section>
+             <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 oe_dark">
-    <div class="oe_row oe_spaced">
-        <div style="text-align: center">
-            <p>
-                <h3>Receptionist</h3>
-            </p>
                         </div>
-        <div class="" style="text-align: center">
+                    </div>
-            <span>We can set 'Receptionist' access from users form.</span>
+                    <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="user.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>
         </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>

hr_payslip_monthly_report/static/description/index.html

@@ -1,14 +1,42 @@
-    <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">Payroll-Payslip Reporting</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">Get an overview of the pay slips as pivot</h3>
+            Payroll-Payslip Reporting
-            <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , 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>Features:</p></h4>
+            Get an overview of the pay slips as pivot
+        </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;">
+            This report helps in payroll analysis. This helps you to check your pay slips and sorting it out from different group
+         </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>
+             Retrieve pivot view of pay slips.
+         </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>
+             Able to get Reports
+         </h3>
         <ul>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; <b>Retrieve pivot view of pay slips.</b></li>
-                    <li style="list-style:none !important;"><span style="color:green; "> &#9745;</span>&nbsp;&nbsp; <b>Able to get Reports</b> </li>
-                    <ul style="padding-left: 36px;padding-top: 2px;">
             <li style="list-style:outside !important;">Employee wise,</li>
             <li style="list-style:outside !important;">Employee's department wise,</li>
             <li style="list-style:outside !important;">Employee's job title wise,</li>
@@ -16,36 +44,30 @@
             <li style="list-style:outside !important;">Pay slip's status wise,</li>
             <li style="list-style:outside !important;">Company wise.</li>
         </ul>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; <b>Spot Export to XLS Report.</b></li>
-                </ul>
-            </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-    <section class="oe_container oe_dark">
-        <div class="oe_row oe_spaced">
-            <h2 class="oe_slogan">Payroll Monthly Statement in Pivot View</h2>
     <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">
+            Screenshots
-                    This report helps in payroll analysis. This helps you to check your pay slips and sorting it out from different group
+        </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>
+            Payroll Monthly Statement in Pivot View
+         </h3>
+        <ul>
+            <li>
+                This report helps in payroll analysis.
+            </li>
+            <li>
+                You can check your pay slips and sorting it out from different group
                 criteria (Employee, Job title, Department, Company, Pay slip etc.).
-                    </p>
+            </li>
-                </div>
+        </ul>
-            </div>
-        </div>
-    </section>
-
-    <section class="oe_container">
-         <div class="oe_row oe_spaced">
-            <h3 class="oe_slogan">Payroll report as Pivot</h3>
         <div class="oe_row oe_spaced">
-                <div class="oe_span12">
+            <img src="HR Payslip Report view.png" alt="" style="width: 95%;"/>
-                    <div class="oe_row_img oe_centered">
-                        <img class="oe_picture oe_screenshot" src="HR Payslip Report view.png">
-                    </div>
         </div>
-                <div class="oe_span12">
+        <div>
         <p class="oe_mt32">
                 HR managers need a complete payroll statement and also payroll monthly statement. From
                 this pivot view we can easily generate the custom payroll report views in excel format. Also
@@ -54,71 +76,259 @@
                 view to get the payroll/pay slip statement.
         </p>
         </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;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-         </div>
+            Group by the pivot view
-    </section>
+         </h3>
-
-    <section class="oe_container oe_dark">
-        <div class="oe_row oe_spaced">
-            <h3 class="oe_slogan">Group by the pivot view</h3>
         <div class="oe_row oe_spaced">
-                <div class="oe_span12">
+            <img src="HR report group by.png" alt="" style="width: 95%;"/>
-                    <div class="oe_row_img oe_centered">
-                        <img class="oe_picture oe_screenshot" src="HR report group by.png">
         </div>
-                </div>
+        <div>
-                <div class="oe_span12">
+            <p>
-                    <p class="oe_mt32">
                 In this View we can easily generate custom reports by using the + button,
                 That is we can make the filters by groups, also we can get the counts too, from the "Measures" Button
             </p>
         </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>
+            Graph View
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="Payslip Graph Report.png" alt="" style="width: 95%;"/>
+        </div>
+        <div>
+            <p>
+                In Pivot view we can easily generate custom Graphs like Pie Chart,Bar Chart, Line Chart.
+                With date and net salary or date and pay slip's counts.
+            </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">Graph View</h3>
+        <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">
-                <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                    <div class="oe_row_img oe_centered">
+            Our Industries
-                        <img class="oe_picture oe_screenshot" src="Payslip Graph Report.png">
+        </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 class="oe_span12">
+                    <div style="width:70%;float:left;">
-                    <p class="oe_mt32">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
-                        In Pivot view we can easily generate custom Graphs like Pie Chart,Bar Chart, Line Chart.
+                        Trading
-                        With date and net salary or date and pay slip's counts.
+                     </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;">
+                        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="http://www.cybrosys.com"><i
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/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="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">
+        <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>

inventory_barcode_scanning/static/description/index.html

@@ -1,40 +1,64 @@
-<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_spaced">
+    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Barcode scanning support for Inventory</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">Use Barcode scanner to add entry in Stock Picking</h3>
+            Barcode scanning support for Inventory
-
+        </h2>
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        <div style="padding-left:66px;">
+            Use Barcode scanner to add entry in Stock Picking
-        <h4>Features:</h4>
+        </h3>
-        <ul>
+        <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;"> &#8594;</span>&nbsp;&nbsp; Avoid manual entry of item count in Stock Picking.</li>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Use barcode to add product. </li>
+        </h5>
-        </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_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;">
             With this module you can avoid manual entry of product quantity in Stock Picking form. Presently you have to enter the quantity of each product individually. By installing this module you will get an extra field in stock picking form to Scan Barcode and update the quantity of product automatically.
-            </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">Stock Picking</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; Enable editing mode.<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;">
-                &#x261B; Click the field ‘Barcode’ and scan the Product.<br>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                &#x261B; You can see the quantity is updating automatically.<br>
+             Avoid manual entry of item count in Stock Picking.
-                &#x261B; If no associated product is found in list then a warning will popup.<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>
+             Use barcode to add product.
+         </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>
+            Enable editing mode.
+         </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>
+            Click the field 'Barcode' and scan the Product.
+         </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 see the quantity is updating automatically.
+         </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>
+            If no associated product is found in list then a warning will popup.
+         </h3>
         <ul><li>
                 In this case you can add the product to list by clicking <q><strong>Add an Item</strong></q>
 
@@ -43,35 +67,248 @@
                 Here also you will have the option to scan barcode for easy addition.
             </li>
             </ul>
-            </p>
+        <div class="oe_row oe_spaced">
-            <div class="oe_row_img oe_centered">
+            <img src="inventory_barcode.png" alt="" style="width: 95%;"/>
-                <img class="oe_picture oe_screenshot" src="inventory_barcode.png">
+        </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">
+<section class="oe_container" style="padding: 3% 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;">
+            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  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>
+
+
+
+
+
+
+
+
+
+
+

laundry_management/static/description/index.html

@@ -1,222 +1,425 @@
-<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">Laundry Service 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">Cybrosys Industrial Module Which Helps You To Manage Laundry Service</h3>
+            Laundry Service Management
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
-    </div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
+            Cybrosys Industrial Module Which Helps You To Manage Laundry Service
-        <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> Recording Laundry Order.<br/>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com">Cybrosys Technologies</a>
-            <span style="color:green;"> &#9745; </span> Assigning Works.<br/>
+        </h5>
-            <span style="color:green;"> &#9745; </span> Make Invoices.<br/>
-            <span style="color:green;"> &#9745; </span> Separate View for Works.<br/>
-            <span style="color:green;"> &#9745; </span> Billing Facility for Extra Works.<br/>
-            <span style="color:green;"> &#9745; </span> Label Printing for Every Order.<br/>
-            <span style="color:green;"> &#9745; </span> Detailed Laundry Work Analysis Report.<br/>
-            <span style="color:green;"> &#9745; </span> Access Rights From Multiple Level.<br/>
-            <span style="color:green;"> &#9745; </span> Configuration for Washing Type.<br/>
-            <span style="color:green;"> &#9745; </span> Configuration for Extra Works (Ironing/Patching etc..).<br/>
-        </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+            Overview
-            <p class="oe_mt32" style="text-align: center;">
+        </h2>
+        <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 is an industrial specific module by <a href="https://www.cybrosys.com">Cybrosys Technologies</a>
                 for Laundry Management. It manages
                 the laundry process with assigning works to workers.
-            </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%;">
+    <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>
+             Recording Laundry Order.
+         </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>
+             Assigning Works.
+         </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>
+             Make Invoices.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Separate View for Works.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Billing Facility for Extra Works.
+         </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>
+             Label Printing for Every Order.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Detailed Laundry Work Analysis Report.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Access Rights From Multiple Level.
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Configuration for Washing Type.
+         </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>
+             Configuration for Extra Works (Ironing/Patching etc..).
+         </h3>
 
-<section class="oe_container">
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Recording Laundry Order</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div style="text-align: center">
+            Screenshots
-            <p>
+        </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>
+            Recording Laundry Order
+         </h3>
+        <div>
             <h4>Laundry Management -> Laundry Management -> Laundry Order</h4>
-            <p>
+        </div>
-             <span style="text-align: center;padding-left:65px;">&#9755; When you install this module, an extra menu
+         <span>
-                Laundry Management will created in main menu. You
+             When you install this module, an extra menu
-                can see the different sub menus under the main menu. Here you
+             Laundry Management will created in main menu.
+             Youcan see the different sub menus under the main menu. Here you
              can create Laundry Order via clicking the 'Create' button. There you can specify the customer, laundry person,
              order lines with washing type and Extra works for your order.
          </span>
+        <div class="oe_row oe_spaced">
+            <img src="laundry_order.png" alt="" style="width: 95%;"/>
         </div>
-        <div style="text-align: center">
+        <span>
-                <div class="oe_demo oe_picture oe_screenshot">
+             When you confirm the Laundry Order the corresponding works will created under the
-                    <img style="border:10px solid white;height: 400px;" src="laundry_order.png">
+                     assigned person. There you can add extra products also. It will also add in Billing.
+         </span>
+        <div class="oe_row oe_spaced">
+            <img src="laundr_work.png" alt="" style="width: 95%;"/>
+        </div><div class="oe_row oe_spaced">
+            <img src="demo_work.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>
+            Laundry Label
+         </h3>
+        <span>
+             You can print label for each order from the print menu.
+         </span>
+        <div class="oe_row oe_spaced">
+            <img src="label.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>
+            Laundry Works
+         </h3>
+        <div>
+            <h4>Laundry Management -> Laundry Management -> Laundry Works</h4>
         </div>
-        <div class="" style="text-align: center">
+        <span>
-            <div style="padding-left:65px;">
+             This is the Separate Laundry Works Form. Here you can see the work status of Laundry Works.
-                 <span>&#9755; When you confirm the Laundry Order the corresponding works will created under the
+         </span>
-                     assigned person. There you can add extra products also. It will also add in Billing.</span>
+        <div class="oe_row oe_spaced">
+            <img src="order.png" alt="" style="width: 95%;"/>
+        </div>
+        <span>
+             If there is any extra works , it will created as work When you finish the main work. Then we can see the
+             status of that order line is become 'Make Over'.
+         </span>
+         <div class="oe_row oe_spaced">
+            <img src="makeover.png" alt="" style="width: 95%;"/>
         </div>
-            <div class="oe_row oe_padded">
+        <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_span6">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                    <div class="oe_demo oe_picture oe_screenshot">
+            Invoice
-                        <img style="border:10px solid white;" src="laundr_work.png">
+         </h3>
+        <span>
+             You can create Invoice via the button 'Create Invoice' when the order reaches to 'Done' state.
+         </span>
+        <div class="oe_row oe_spaced">
+            <img src="invoice1.png" alt="" style="width: 95%;"/>
         </div>
+         <span>
+            You can see all the Invoice through the smart button "Invoices" from the Laundry Order form.
+         </span>
+        <div class="oe_row oe_spaced">
+            <img src="invoice.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_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="demo_work.png">
+            Configuration
+         </h3>
+        <span>
+           You can configure washing types from the menu Laundry Management -> Configuration -> Washing Type by
+            specifying the name, assigned person and service charge
+         </span>
+         <div class="oe_row oe_spaced">
+            <img src="washing_type.png" alt="" style="width: 95%;"/>
         </div>
+         <span>
+           You can configure additional works from the menu Laundry Management -> Configuration -> Additional Works by
+                specifying the name, assigned person and service charge
+         </span>
+        <div class="oe_row oe_spaced">
+            <img src="additional.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>
+            Laundry Work Analysis Report
+         </h3>
+         <span>
+           You can also analyse your all Laundry Works from Laundry Management -> Report -> Laundry Order Analysis.
+         </span>
+        <div class="oe_row oe_spaced">
+            <img src="laundry_report.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>
+            Access Rights
+         </h3>
+        <div>
+            <span>Laundry Manager :- Laundry manager have all the access across the fleet rental management <br/></span>
+            <span>Laundry User :- Laundry user can read, write and create the records.</span>
         </div>
     </div>
 </section>
-
 <section class="oe_container oe_dark">
+    <br/>
+    <h2 class="oe_slogan" style="margin-top:20px;" >You Looking for a functional 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>
+<br/>
+<br/>
+</section>
+
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Laundry Label</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-       <div class="" style="text-align: center">
+            Our Service
-           <div style="padding-left:65px;">
+        </h2>
-                 <span>&#9755; You can print label for each order from the print menu.</span>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-             </div>
+            <div style="flex-basis: 18%;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                <img style="border:10px solid white;" src="label.png">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
             </div>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
-<section class="oe_container">
      <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Laundry Works</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-       <div class="" style="text-align: center">
+            Our Industries
-             <div class="" style="text-align: center">
+        </h2>
-                <p>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
-                    <h4>Laundry Management -> Laundry Management -> Laundry Works</h4>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                <p>
+                <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 style="padding-left:65px;">
-                 <span>&#9755; This is the Separate Laundry Works Form. Here you can see the work status of Laundry Works.</span>
                     </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:70%;float:left;">
-                <img style="border:10px solid white;" src="order.png">
+                     <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>
-           <div style="padding-left:65px;">
+                 </a>
-                 <span>&#9755; If there is any extra works , it will created as work When you finish the main work. Then we can see the
-                 status of that order line is become 'Make Over'.</span>
             </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                <img style="border:10px solid white;" src="makeover.png">
+                <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>
-</section>
+                 </a>
-
-<section class="oe_container oe_dark">
-    <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Invoice</h3>
-        <div class="" style="text-align: center">
-            <span>&#9755;
-                 You can create Invoice via the button 'Create Invoice' when the order reaches to 'Done' state.
-            </span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height:400px;" src="invoice1.png">
             </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 class="" style="text-align: center">
-            <span>&#9755;
-                 You can see all the Invoice through the smart button "Invoices" from the Laundry Order form.
-            </span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height:400px;" src="invoice.png">
                     </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>
-</section>
+            <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%;"/>
 
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Configuration</h3>
-        <div class="" style="text-align: center">
-            <span>&#9755;
-                 You can configure washing types from the menu Laundry Management -> Configuration -> Washing Type by
-                specifying the name, assigned person and service charge
-            </span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height:400px;" src="washing_type.png">
                         </div>
                     </div>
-         <div class="" style="text-align: center oe_dark">
+                    <div style="width:70%;float:left;">
-            <span>&#9755;
+                     <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;">
-                 You can configure additional works from the menu Laundry Management -> Configuration -> Additional Works by
+                        Education
-                specifying the name, assigned person and service charge
+                     </h3>
-            </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 class="oe_demo oe_picture oe_screenshot">
+                        A Collaborative platform for educational management.
-                <img style="border:10px solid white;height:400px;" src="additional.png">
+                     </h3>
-            </div>
                         </div>
+                 </a>
             </div>
-</section>
+             <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 oe_dark">
-    <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Laundry Work Analysis Report</h3>
-        <div class="" style="text-align: center">
-            <span>&#9755;
-                 You can also analyse your all Laundry Works from Laundry Management -> Report -> Laundry Order Analysis.
-            </span>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;height:400px;" src="laundry_report.png">
                         </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>
-</section>
-
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-       <h3 class="oe_slogan">Access Rights</h3>
-        <div class="" style="padding-left:65px;">
-            <span>&#9755;Laundry Manager :- Laundry manager have all the access across the fleet rental management <br/></span>
-            <span>&#9755;Laundry User :- Laundry user can read, write and create the records.</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%;">
-    <br/>
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >You Looking for a functional 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>
-<br/>
-<br/>
-</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"
+            <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="http://www.cybrosys.com"><i
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 14px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/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="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">
+        <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>
 
-
-

point_of_sale_logo/static/description/index.html

@@ -1,89 +1,306 @@
-<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">Point of Sale Logo</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">Logo For Every Point of Sale</h3>
+            Point of Sale Logo
-         <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;">
-                <h4><p>Features:</p></h4>
+            Logo For Every Point of Sale
-                <ul>
+        </h3>
-                    <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Logo for each point of sale.</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; Logo in pos screen.</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; Logo in pos receipt.</li>
+        </h5>
-                </ul>
     </div>
-         <div>
+</section>
-             <p>This module helps you to set a logo for every point of sale. This will help you to
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
-                 identify the point of sale easily. You can also see this logo in pos screen and pos receipt.</p>
+    <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;">
+           This module helps you to set a logo for every point of sale. This will help you to
+            identify the point of sale easily. You can also see this logo in pos screen and pos receipt.
+         </h3>
+    </div>
+     <div class="oe_row oe_spaced">
     </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>
+             Logo for each 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>
+             Logo in pos screen.
+         </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>
+             Logo in pos receipt.
+         </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Logo for each point of sale</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; Point of Sale -> Configuration -> Point of Sale<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;">
-                Here you can set logo for your point of sale. <br/>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Point of Sale -> Configuration -> Point of Sale
+         </h3>
+        <ul>
+            <li>
+            Here you can set logo for your point of sale.
+            </li>
+            <li>
             Note:- Please choose the image with the dimension "width:76px;height:47px" for better output.
-            </p>
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="main.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span6">
+        <div class="oe_row oe_spaced">
-            <div class="oe_row_img oe_centered">
+            <img src="parcel_config.png" alt="" style="width: 95%;"/>
-                <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="main.png">
         </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>
+            POS receipt with point of sale logo and name
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="parcel_rcpt.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span6">
+    </div>
-            <div class="oe_row_img oe_centered">
+</section>
-                <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="parcel_config.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%;">
-<section class="oe_container oe_dark">
      <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Logo in pos receipt</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Our Industries
-            <p class='oe_mt32'>
+        </h2>
-                &#x261B; POS receipt with point of sale logo and name<br>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
-            </p>
+            <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 class="oe_span6">
-            <div class="oe_row_img oe_centered">
-                <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="recpt.png">
                     </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>
-        <div class="oe_span6">
+                 </a>
-            <div class="oe_row_img oe_centered">
-                <img style="border:10px solid white;" class="oe_picture oe_screenshot" src="parcel_rcpt.png">
             </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>

sale_discount_total/static/description/index.html

@@ -1,97 +1,309 @@
-<section class="oe_container">
+
-    <div class="oe_row">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 19% 15%;">
-        <h2 class="oe_slogan">Global Discount In Sale</h2>
+    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></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;">
+            Global Discount In Sale
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Global Discount In 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>
 </section>
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 3% 0% 3% 15%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            This module allows you to mention  discount  on Total of sale order and Total of Customer Invoice in two ways
+            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 allows you to mention  discount  on Total of sale order and Total of Customer Invoice as percentage or as amount.
          </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">
-        <h4><span style="color:green;"> &#9733;</span>As percentage</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <p>
+             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>
             Select 'Percentage' from Discount type and give discount percentage as Discount rate.
-            System will update the value of Discount and Total
+         </h3>
-        </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;">
-        <h4><span style="color:green;"> &#9733;</span> As amount</h4>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        <p>
              Select 'Amount' from Discount type and give discount amount as Discount rate.
+         </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
             System will update the value of Discount and Total
-        </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>
+            Sale Order
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_so.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Customer Invoice
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_inv.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            And the module also allows you to set a limit for total discount in percentage. Exceeding this limit
+            will require approval.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_settings.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Manager level users can approve sale orders in 'Waiting Approval' stage.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="s_d_state.png" alt="" style="width: 95%;"/>
+        </div>
     </div>
 </section>
 
-<section class="oe_container ">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Service
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
      <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Trading
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easily procure and sell your products.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Manufacturing
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Plan, track and schedule your operations.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Restaurant
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Run your bar or restaurant methodical.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
 
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot" style="max-height:600px;">
-                <img style="border:10px solid white;" src="s_d_so.png">
-                <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Sale Order</div>
                         </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 class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot" style="max-height:600px;">
-                <img style="border:10px solid white;" src="s_d_inv.png">
-                <div class="oe_demo_footer oe_centeralign"style="background-color:rgba(162, 70, 137, 0.7);">Customer Invoice</div>
                         </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>
-</section>
+                    </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%;"/>
 
-<section class="oe_container oe_dark">
+                        </div>
-    <div class="oe_row oe_spaced">
+                    </div>
-        <h3 class="oe_slogan">
+                    <div style="width:70%;float:left;">
-            And the module also allows you to set a limit for total discount in percentage. Exceeding this limit
+                     <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;">
-            will require approval.
+                        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>
-    <div class="oe_row oe_spaced">
+                 </a>
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="s_d_settings.png">
             </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 class="oe_row oe_spaced">
+                    <div style="width:70%;float:left;">
-        <h4>
+                     <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;">
-            Manager level users can approve sale orders in 'Waiting Approval' stage.
+                        Service Management
-        </h4>
+                     </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 class="oe_row oe_spaced">
-        <div class="oe_row_img oe_centered oe_mt32">
-            <img class="oe_picture oe_screenshot" src="s_d_state.png">
         </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>

task_deadline_reminder/static/description/index.html

@@ -1,76 +1,308 @@
-<!DOCTYPE html>
+<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%;">
-<html>
-    <head></head>
-    <body>
-        <section class="oe_container">
     <div class="oe_row oe_spaced">
-                <h2 class="oe_slogan">Task DeadLine Reminder</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_span12">
+            Task DeadLine Reminder
-                    <p class="oe_mt32"><center>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Helps to remind the deadline of various tasks.
+        </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;">
             This module send auto reminder to responsible user of task if deadline = Today. Cron job will
             run everyday and search for task which due today and send reminder email to employee.
-                    </center></p>
+         </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>
+             Helps the HR manager to know the deadline of various tasks.
+         </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>
+             HR can send reminder mail to the particular employee whose tasks is going to end today
+         </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>
+             HR can take actions and further processes based on the deadline
+         </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_row">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-               <h3 class="oe_slogan">Project Task Form - Configuration of Task Deadline Reminder</h3>
+            Screenshots
-               <div class="oe_span12">
+        </h2>
-                    <p class='oe_mt32'><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;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Project Task Form - Configuration of Task Deadline Reminder
+         </h3>
+        <ul>
+            <li>
                 If set this box then only this task will be consider for reminder.
-                    </center></p>
+            </li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="project_task_form.jpg" alt="" style="width: 95%;"/>
         </div>
-                <div class="oe_span12">
+        <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="project_task_form.jpg">
+            Automation Scheduled Action - Cron Job
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="scheduled_action_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>
+            Now link will allow user to jump to related task directly.
+         </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>
+            This email will group all tasks which are deadline today for that user and send summary table to user/employee by email.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="mail.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="oe_row">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-               <h3 class="oe_slogan">Automation Scheduled Action - Cron Job</h3>
+            Our Service
-                <div class="oe_span12">
+        </h2>
-                    <div class="oe_demo oe_picture oe_screenshot">
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-                        <img src="scheduled_action_form.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 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 class="oe_row">
-               <h3 class="oe_slogan">Email to User/Employee</h3>
-               <div class="oe_span12">
-                    <p class='oe_mt32'><center>
-			 View Now link will allow user to jump to related task directly. This email will group all tasks which are deadline today for that user and send summary table to user/employee by email.
-                    </center></p>
                         </div>
-                <div class="oe_span12">
+                    </div>
-                    <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:70%;float:left;">
-                        <img src="mail.png">
+                     <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">
-            <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-            <div class="oe_slogan" style="margin-top:10px !important;">
-                <a  class="btn btn-primary btn-lg mt8"
-                    style="color: #FFFFFF !important;" 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;"
-                    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;"
-                    href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-                    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>
 
-    </body>
+<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%;">
-</html>
+    <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>

total_payable_receivable/static/description/index.html

@@ -1,47 +1,259 @@
-<section class="oe_container">
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png); background-repeat:no-repeat; background-size:cover;padding: 13% 0% 22% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
+           Payable And Receivable Amounts
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            It shows total payable  & receivable amount in partner form
+        </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% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Payable And Receivable Amounts</h2>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <h3 class="oe_slogan">It shows total payable  & receivable amount in partner form</h3>
+            Partner Form
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </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>
+           Amount payable and receivable is shown in the partner form
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="amount_total.png" alt="" style="width: 95%;"/>
+        </div>
+
+
     </div>
 </section>
 
-<section>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <div class="oe_row oe_spaced oe_dark">
+    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Partner Form</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>
-                &#x261B; Amount payable and receivable is shown in the partner form<br>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            </p>
+            <div style="flex-basis: 18%;">
-            <div class="oe_row_img oe_centered">
+                <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                <img class="oe_picture oe_screenshot" src="amount_total.png">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
+                     <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                        Odoo <br/>Customization
+                     </h3>
+                 </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Implementation
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Integration
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Odoo <br/>Support
+                 </h3>
+                     </a>
+            </div>
+             <div style="flex-basis: 18%;">
+                 <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                </div>
+                 <h3 class="oe_slogan" style="text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    Hire <br/>Odoo Developer
+                 </h3>
+                     </a>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Our Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Trading
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easily procure and sell your products.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Manufacturing
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Plan, track and schedule your operations.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Restaurant
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Run your bar or restaurant methodical.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        POS
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Easy configuring and convivial selling.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        E-commerce & Website
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        Mobile friendly, awe-inspiring product pages.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Hotel Management
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        An all-inclusive hotel management application.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:600;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        Education
+                     </h3>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        A Collaborative platform for educational management.
+                     </h3>
+                        </div>
+                 </a>
+            </div>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+                <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
+                        </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>