[UPDT] Index modified

account_pdc/static/description/index.html

@@ -1,83 +1,334 @@
-<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:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-            <h2 class="oe_slogan">PDC Management</h2>
+           PDC Management
-            <h4 class="oe_slogan">Cybrosys Techno Solutions, www.cybrosys.com</h4>
+        </h2>
-            <h3 class="oe_slogan">...A simple way to handle Post Dated Cheques...</h3>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        </div>
+         Manage Post Dated Cheques
+        </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" target="_blank">Cybrosys Technologies</a>
+        </h5>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+            </div>
+        </a>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Configuration</h3>
+            Overview
-        </div>
+        </h2>
-        <h5 class="oe_slogan"><b>Select PDC on Journal</b></h5>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-        <div class="col-md-12">
+           The module allows the user to  handle Post Dated Cheques easly
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+        </h3>
-                <img src="pdc_journal.png">
-            </div>
-        </div>
-        <div class="oe_span12">
-            <p>As shown here, You have to select PDC to enable the PDC payment.This is only available with Journal of type 'Bank'</p>
-        </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: 5% 0% 15% 15%;">
-<section class="oe_container">
+    <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>
+          handle Post Dated Cheques
+         </h3>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">At The Time of Payment You Will Have</h3>
+            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>
+           As shown here, You have to select PDC to enable the PDC payment.This is only available with Journal of type 'Bank'
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="account-cheque-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-12">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="pdc_payment.png">
+            Payment form have two extra fields to put Bank and Cheque Detail.
             </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="account-cheque-cybrosys-2.png" 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;">
-            <p class="oe_mt32">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <p>Payment form have two extra fields to put Bank and Cheque Detail.</p>
+            When you select PDC, You have to put 'effective date' of PDC.
-            </p>
+            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="account-cheque-cybrosys-3.png" alt="" style="width: 95%;"/>
         </div>
     </div>
+</section>
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+     </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 Services
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
 
-        <div class="col-md-12">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
-                <img src="pdc_selected_payment.png">
             </div>
-        </div>
+             <div style="flex-basis: 18%;">
-        <div class="oe_span12">
+
-            <p class="oe_mt32">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                <p>When you select PDC, You have to put 'effective date' of PDC.</p>
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
-            </p>
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                        Hire Odoo Developers</a>
+                 </h3>
+                     </a>
+            </div>
         </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 Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
 
-<section class="oe_container">
+                    <div style="width:30%; float:left;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-    <div class="oe_slogan" style="margin-top:10px !important;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
+        </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: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>
@@ -88,4 +339,3 @@
 
 
 
-

bank_reconciliation/static/description/index.html

@@ -1,128 +1,361 @@
-<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:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-            <h2 class="oe_slogan">Manual Bank Reconciliation</h2>
+            Manual Bank Reconciliation
-            <h4 class="oe_slogan">Cybrosys Techno Solutions, www.cybrosys.com</h4>
+        </h2>
-            <h3 class="oe_slogan">...The traditional way of reconciling bank statement...</h3>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        </div>
+           The traditional way of reconciling bank statement
+        </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" target="_blank">Cybrosys Technologies</a>
+        </h5>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+            </div>
+        </a>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan"><b>What it does ?</b></h3>
+            Overview
-        </div>
+        </h2>
-        <span style="font-size:18px;text-align: center" class="oe_slogan">This module replaces the Odoo default bank statement reconciliation with traditional way of just putting the date in each line</span>
+        <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 replaces the Odoo default bank statement reconciliation with traditional way of just putting the date in each line.
+        </h3>
     </div>
 </section>
 
-<section class="oe_container">
+
+
+<!--<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 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>-->
+             <!--Modify database selector page-->
+         <!--</h3>-->
+    <!--</div>-->
+<!--</section>-->
+
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <span style="font-size:18px;"> &#9827;</span><span style="font-size:15px;" class="oe_slogan">&nbsp;&nbsp;When You click on "New Statement" a window will open</span>
+            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>
+            When You click on "New Statement" a window will open
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="bank-reconciliation-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-12">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="dash_board.png">
+            There you can see the list on journal items that are 'not reconciled'
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="bank-reconciliation-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-</section>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            There you can see the list on journal items that are 'not reconciled'
-<section class="oe_container oe_dark">
+            <ul>
-    <div class="oe_row oe_spaced">
+            <li>You can see the details about the current balance as per company books, bank balance based on already reconciled journal entries as 'Balance as per bank'
-        <div class="oe_span12">
+                and difference between them as 'Amount not reflected in Bank'</li>
-            <span style="font-size:18px;"> &#9827;</span><span style="font-size:15px;" class="oe_slogan">&nbsp;&nbsp;There you can see the list on journal items that are 'not reconciled'</span>
+            </ul>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="bank-reconciliation-cybrosys-3.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-12">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="bank_statement_wiz.png">
+               Fill the dates mentioned in bank statement in 'Bank.St Date' column of respective line. Click on 'Save' button before closing the window.
-            </div>
+        </h3>
+        <ul>
+        <li>Hope you have noticed the changes in Balance as per company books, Balance as per bank and Amount not reflected in Bank</li>
+        </ul>
+        <div class="oe_row oe_spaced">
+            <img src="bank-reconciliation-cybrosys-4.png" 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;">
-            <p class="oe_mt32">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <br/>
+            One more thing to point out is, this will also mark the bank payments as 'Reconciled'
-                <p>You can see the details about the current balance as per company books, bank balance based on already reconciled journal entries as 'Balance as per bank' and difference between them as 'Amount not reflected in Bank'</p>
+        </h3>
-            </p>
+        <div class="oe_row oe_spaced">
+            <img src="bank-reconciliation-cybrosys-5.png" alt="" style="width: 95%;"/>
         </div>
+
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+     </div>
+</section>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <span style="font-size:18px;"> &#9827;</span><span style="font-size:15px;" class="oe_slogan">&nbsp;&nbsp; Fill the dates mentioned in bank statement in 'Bank.St Date' column of respective line. Click on 'Save' button before closing the window.</span>
+            Our Services
-        </div>
+        </h2>
-        <div class="col-md-12">
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+            <div style="flex-basis: 18%;">
-                <img src="bank_statement_edited.png">
+
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
             </div>
-        </div>
+             <div style="flex-basis: 18%;">
-        <div class="oe_span12">
+
-            <p class="oe_mt32">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                <p> Hope you have noticed the changes in Balance as per company books, Balance as per bank and Amount not reflected in Bank</p>
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
-            </p>
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
-        </div>
+                        </a>
-    </div>
+                </div>
-</section>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
 
-<section class="oe_container oe_dark">
+            </div>
-    <div class="oe_row oe_spaced">
+             <div style="flex-basis: 18%;">
-        <div class="oe_span12">
+
-            <span style="font-size:18px;"> &#9827;</span><span style="font-size:15px;" class="oe_slogan">&nbsp;&nbsp; You will be back on dashboard now. Did you notice the status updated there also </span>
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-        </div>
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
-        <div class="col-md-12">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+                        </a>
-                <img src="dashboard_change.png">
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                        Hire Odoo Developers</a>
+                 </h3>
+                     </a>
             </div>
         </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 Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
 
-<section class="oe_container">
+                    <div style="width:30%; float:left;">
-    <div class="oe_row oe_spaced">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-        <div class="oe_span12">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
-            <span style="font-size:18px;"> &#9827;</span><span style="font-size:15px;" class="oe_slogan">&nbsp;&nbsp; One more thing to point out is, this will also mark the bank payments as 'Reconciled' </span>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-        </div>
+                            </a>
-        <div class="col-md-12">
+                        </div>
-            <div class="oe_row_img oe_demo oe_picture oe_screenshot">
+                    </div>
-                <img src="payment_done.png">
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-<section class="oe_container">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-    <div 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: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>
-
-
-
-
-
-
-
-

customer_product_qrcode/static/description/index.html

@@ -1,110 +1,362 @@
-<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:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Customer and Product QR Code Generator</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">Generate Unique QR Codes for Customers and Products</h3>
+           Customer and Product QR Code Generator
-         <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+           Generate Unique QR Codes for Customers and Products
+        </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" target="_blank">Cybrosys Technologies</a>
+        </h5>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+            </div>
+        </a>
     </div>
+</section>
+
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p style="text-align:left;font-size:18px;">If QR codes aren't the part of your current marketing strategy, you might be missing the large chunks of benefits. Use QR codes to generate customer interest, drive traffic, and increase sales via print, online, or email. The Customer and Product QR Code Generator allows the users to scan QR codes simply and easily from within your browser. This module helps to set up a unique QR code to both your products and customers.</p>
+            Overview
-            <strong style="text-align:left;font-size:16px;">Features:</strong>
+        </h2>
-            <ul style="text-align:left;font-size:16px;">
+        <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;">
-                <li>Unique QR code for products and customers.</li>
+            If QR codes aren't the part of your current marketing strategy, you might be missing the large chunks of benefits. Use QR codes to generate customer interest, drive traffic, and increase sales via print, online, or email. The Customer and Product QR Code Generator allows the users to scan QR codes simply and easily from within your browser.
-                <li>Enables to configure a word prefix to QR code for unique identification.</li>
+            This module helps to set up a unique QR code to both your products and customers.
-                <li>QR code for individual product variants.</li>
+        </h3>
-                <li>QR code for whole product template variants.</li>
-            </ul>
-        </div>
     </div>
+</section>
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p class='oe_mt32' style="text-align:left;font-size:16px;">
+             Features
-                Set the product and customer prefixes from General Settings Menu.
+        </h2>
-                Set a Unique and Denotable Prefix to Your Customers.
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            </p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Unique QR code for products and customers.
-        <div class="oe_span6">
+         </h3>
-            <div class="oe_demo oe_picture oe_screenshot">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <img src="image4.png">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </div>
+             Enables to configure a word prefix to QR code for unique identification.
-        </div>
+         </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            QR code for individual product variants.
+         </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>
+             QR code for whole product template variants.
+         </h3>
     </div>
+</section>
+
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            Screenshots
-                <img src="image1.jpg">
+        </h2>
-            </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Set the product and customer prefixes from General Settings Menu.
+            Set a Unique and Denotable Prefix to Your Customers.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="customer-product-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <p class='oe_mt32' style="text-align:left;font-size:16px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                Goto The Customer or Product Form.Click the Generate QR Button.
+            Goto The Customer or Product Form.Click the Generate QR Button.
-                The QR Sequence will be generated and the QR Code will be printed as a PDF.
+            The QR Sequence will be generated and the QR Code will be printed as a PDF.
-            </p>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="customer-product-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-</section>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-<section class="oe_container oe_dark">
+            Set the product and customer prefixes from General Settings Menu.
-    <div class="oe_row oe_spaced">
+            Set a Unique and Denotable Prefix to Your Customers.
-        <div class="oe_span6">
+        </h3>
-            <p class='oe_mt32' style="text-align:left;font-size:16px;">
+        <div class="oe_row oe_spaced">
-                Set the product and customer prefixes from General Settings Menu.
+            <img src="customer-product-cybrosys-3.png" alt="" style="width: 95%;"/>
-                Set a Unique and Denotable Prefix to Your Customers.
-            </p>
         </div>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="image2.jpg">
+             Each Customer or Product will have a unique qr sequence. Simply go to scan from menu bar and grant access to your device camera,
-            </div>
+            you’re ready to scan a QR code using your laptop or mobile devices
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="customer-product-cybrosys-4.png" alt="" style="width: 95%;"/>
         </div>
+
     </div>
 </section>
 
-<section>
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+     </div>
+</section>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            Our Services
-                <img src="image3.jpg">
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                        Hire Odoo Developers</a>
+                 </h3>
+                     </a>
             </div>
-        </div>
-        <div class="oe_span6">
-            <p class='oe_mt32' style="text-align:left;font-size:16px;">
-               Each Customer or Product will have a unique qr sequence. Simply go to scan from menu bar and grant access to your device camera, you’re ready to scan a QR code using your laptop or mobile devices.
-            </p>
-        </div>
-    </div>
-    <div class="oe_row oe_spaced">
-        <div class="oe_span12">
-            <p class='oe_mt32'>
-            </p>
         </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 Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
 
-<section class="oe_container oe_dark">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-        <div class="oe_slogan" style="margin-top:10px !important;">
-            <div>
-                <a  class="btn btn-primary btn-lg mt8"
-                style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
-                class="fa fa-envelope"></i> Email </a> <a
-                class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-                href="http://www.cybrosys.com/contact/"><i
-                class="fa fa-phone"></i> Contact Us </a> <a
-                class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-                href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-                class="fa fa-check-square"></i> Request Customization </a>
             </div>
-            <br>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+
-            <div>
+                    <div style="width:30%; float:left;">
-              <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
-              <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>
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-              <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>
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-</section>
 
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
 
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
+        </div>
+    </div>
+</section>
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+        <div>
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>

customer_sequence/static/description/index.html

@@ -1,72 +1,334 @@
-<section class="oe_container oe_dark">
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png);background-repeat:no-repeat;background-size:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Customer Sequence</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;">
-        <h2 class="oe_slogan">Give unique code to each customer</h2>
+            Customer Sequence
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+           Give unique code to each customer
+        </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" target="_blank">Cybrosys Technologies</a>
+        </h5>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+            </div>
+        </a>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-    <div class="oe_spaced">
+    <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">
+        </h2>
-                Now it is very easy to identify your customers with unique code. This module gives coding to the customers as well as to the supplier.
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            </p>
+            Now it is very easy to identify your customers with unique code. This module gives coding to the customers as well as to the supplier.
+        </h3>
+    </div>
+</section>
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 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>
+             Unique code for customers
+         </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>
+            <ul>
+                <li>Give the starting number of code.</li>
+                <li>You can give separate starting for each company if it is a multi company.</li>
+            </ul>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="customer-sequence-cybrosys-1.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Create a customer and the code will generate automatically as defined in the company form..
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="customer-sequence-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
+
     </div>
 </section>
-<section class="oe_container">
+
-    <div class="oe_spaced">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-        <h4 class="oe_slogan">Company form</h4>
+     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
-            <p class='oe_mt32'>
+     </div>
-                &#x261B; Give the starting number of code.<br>
+</section>
-                &#x261B; You can give separate starting for each company if it is a multi company.<br>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-            </p>
+    <div class="oe_row oe_spaced">
-            <div class="oe_demo oe_picture oe_screenshot" style="max-height: 100%;">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                <img src="company_form.png">
+            Our Services
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                        Hire Odoo Developers</a>
+                 </h3>
+                     </a>
             </div>
         </div>
     </div>
 </section>
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <div class="oe_spaced">
+     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Customer Form</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; Create a customer and the code will generate automatically as defined in the company form..<br>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
-            </p>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-            <div class="oe_demo oe_picture oe_screenshot" style="max-height: 100%;">
+
-                <img src="customer_form.png">
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-<section class="oe_container oe_dark">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-    <div 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: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>
-

employee_check_list/static/description/index.html

@@ -1,141 +1,373 @@
-<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:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Employee Exit/Entry Checklist</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 Employees Entry & Exit Process</h3>
+            Employee Exit/Entry Checklist
-        <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 Employees Entry & Exit Process
-        <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> Managing entry/exit process.<br/>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-            <span style="color:green;"> &#9745; </span> Automatic process on document attachments.<br/>
+        </h5>
-            <span style="color:green;"> &#9745; </span> Option to enable Gauge widget for employee kanban.<br/>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
-            <span style="color:green;"> &#9745; </span> Entry/Exit Percentpie in employee form view.<br/>
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
-            <span style="color:green;"> &#9745; </span> Entry Progressbar in employee tree view.<br/>
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
-        </div>
+            </div>
+        </a>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+            Overview
-            <p class="oe_mt32 text-justify" style="text-align: center;">
+        </h2>
-A well functioning human resource department will lay down a number procedure and process before an employee during joining/resigning time. It may be submission/Return of a certificate or attending a conference etc.
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-A person has to undergo all these checklist items before being admitted/resigned. The module simplifies the process by providing you a checklist to mark the proceedings. It will also display the PercentPie of the checklist items completed.
+            A well functioning human resource department will lay down a number procedure and process before an employee during joining/resigning time. It may be submission/Return of a certificate or attending a conference etc. A person has to undergo all these checklist items before being admitted/resigned. The module simplifies the process by providing you a checklist to mark the proceedings.
-
+            It will also display the PercentPie of the checklist items completed.
-            </p>
+        </h3>
-        </div>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 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
-                <h4>Entry/Exit Checklist</h4>
+        </h2>
-            <p>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-        </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        <div style="text-align: center">
+            Managing entry/exit process.
-            <a href="https://www.cybrosys.com">
+         </h3>
-                <div class="oe_demo oe_picture oe_screenshot">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                    <img style="border:10px solid white;" src="entry_checklist.png">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                </div>
+            Automatic process on document attachments.
-            </a>
+         </h3>
-        </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-        <div style="text-align: center">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <a href="https://www.cybrosys.com">
+            Option to enable Gauge widget for employee kanban.
-                <div class="oe_demo oe_picture oe_screenshot">
+         </h3>
-                    <img style="border:10px solid white;" src="exit_checklist.png">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </a>
+             Entry/Exit Percentpie in employee form view.
-        </div>
+         </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Entry Progressbar in employee tree view
+         </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">
-        <div style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p>
+            Screenshots
-                <h4>Employee From View With PercentPie</h4>
+        </h2>
-            </p>
+        <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>
+           Entry/Exit Checklist
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-checklist-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="" style="text-align: center">
+        </br>
-            <div class="oe_demo oe_picture oe_screenshot">
+        <div class="oe_row oe_spaced">
-                <img style="border:10px solid white;" src="form_view.png">
+            <img src="employee-checklist-cybrosys-2.png" alt="" style="width: 95%;"/>
-            </div>
         </div>
-    </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-</section>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            Employee From View With PercentPie
-<section class="oe_container">
+        </h3>
-    <div class="oe_row oe_spaced">
+        <div class="oe_row oe_spaced">
-        <div style="text-align: center">
+            <img src="employee-checklist-cybrosys-3.png" alt="" style="width: 95%;"/>
-            <p>
-                <h4>Employee Tree View With Progressbar</h4>
-            </p>
         </div>
-        <div class="" style="text-align: center">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img style="border:10px solid white;" src="tree_view.png">
+            Employee Tree View With Progressbar
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-checklist-cybrosys-4.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Employee Kanban View with Gauge
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-checklist-cybrosys-5.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>
+           Configuration
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-checklist-cybrosys-6.png" alt="" style="width: 95%;"/>
         </div>
+
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+     </div>
+</section>
+<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 Services
-                <h4>Employee Kanban View with Gauge</h4>
+        </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">
+
-            <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                <img style="border:10px solid white;" src="kanban_view.png">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                        Hire Odoo Developers</a>
+                 </h3>
+                     </a>
             </div>
         </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 Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
 
-<section class="oe_container">
+            </div>
-    <div class="oe_row oe_spaced">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <div style="text-align: center">
+
-            <p>
+                    <div style="width:30%; float:left;">
-                <h4>Configuration</h4>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-            </p>
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
-        </div>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-        <div class="" style="text-align: center">
+                            </a>
-            <div class="oe_demo oe_picture oe_screenshot">
+                        </div>
-                <img style="border:10px solid white;" src="settings.png">
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-<section class="oe_container oe_dark">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-    <div 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: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>
-

field_timepicker/static/description/index.html

@@ -1,82 +1,322 @@
-<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:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Time Picker Field</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">Time Picker Widget For Fields</h3>
+           Time Picker Field
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+         Time Picker Widget For Fields
+        </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" target="_blank">Cybrosys Technologies</a>
+        </h5>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+            </div>
+        </a>
     </div>
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
+</section>
-        <h4>Features:</h4>
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-        <div>
+    <div class="oe_row oe_spaced">
-            <span style="color:green;"> &#9745; </span> Time picker for character fields.<br/>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <span style="color:green;"> &#9745; </span> Time picker in 24 hour format.<br/>
+            Overview
-            <br/>
+        </h2>
-        </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+           The module allows the user to Time picker widget that can be used with character type fields in Odoo using the jQuery plugin 'Wickedpicker'.
+        </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: 5% 0% 15% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+             Features
-            <p class="oe_mt32 text-justify" >
+        </h2>
-                Time picker widget that can be used with character type fields in Odoo using the jQuery
+         <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;">
-                plugin 'Wickedpicker'.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+             Time picker for character fields
-        </div>
+         </h3>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Time picker in 24 hour format
+         </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <div style="text-align: center">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p>
+            Screenshots
-                <h4>Configuration</h4>
+        </h2>
-            <p>
+        <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 class="oe_picture" style="text-align: center">
+           Once the widget is linked with the field, you will see a picker for time selection. Note that the picker will be in 24 hours format.
-            <p class="oe_mt32 text-justify" >
+         </h3>
-                After installation, go to the field definition in the view and add "widget='timepicker'".
+        <div class="oe_row oe_spaced">
-                <br />
+            <img src="time-picker-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+     <div class="oe_row oe_spaced">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+     </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 Services
+        </h2>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;">
+
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
+
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
+
+            </div>
+             <div style="flex-basis: 18%;">
 
-<section class="oe_container oe_dark">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-	<div class="oe_row oe_spaced">
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
-        <div class="oe_picture" style="text-align: center">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
-            <p class="oe_mt32 text-justify" >
+                        </a>
-                Once the widget is linked with the field, you will see a picker for time selection.
+                </div>
-                Note that the picker will be in 24 hours format.
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
-            </p>
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        Hire Odoo Developers</a>
-                <img style="width: 58%;border:10px solid white;" src="picker.png">
+                 </h3>
+                     </a>
             </div>
         </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 Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
 
-<section class="oe_container">
+                    <div style="width:30%; float:left;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-    <div class="oe_slogan" style="margin-top:10px !important;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
+        </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: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>

quality_assurance/static/description/index.html

@@ -1,206 +1,398 @@
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png);background-repeat:no-repeat;background-size:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
     <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Quality Assurance</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;">
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
+           Quality Assurance
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Manage Your Quality Assurance Processes
+        </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" target="_blank">Cybrosys Technologies</a>
+        </h5>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+            </div>
+        </a>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <!--<h2 class="oe_slogan" style="color:#875A7B;"></h2>-->
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <h3 class="oe_slogan">
+            Overview
-            Manage Your Quality Assurance Processes
+        </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;">
+           Quality assurance/control is not a new term in this industrial world.
+            Almost everything has some specific quality standards.
+            and it varies with the different attributes like, who is using and where is using.. etc.
+            This module allows Odoo users to ensure quality specification of the items they are using in their business. This module provides quality alerts and quality test along with control in inventory moves based on the test result.
         </h3>
     </div>
-    <div class="oe_row oe_spaced" style="padding-left:65px;">
-        <h4>Features:</h4>
-        <div>
-            <span style="color:green;"> &#9745; </span> Quality Measures<br/>
-            <span style="color:green;"> &#9745; </span> Quality Alert<br/>
-            <span style="color:green;"> &#9745; </span> Quality Tests<br/>
-        </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: 5% 0% 15% 15%;">
-<section class="oe_container oe_dark">
     <div class="oe_row oe_spaced">
-        <div class="oe_picture">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">Overview</h3>
+             Features
-            <p class="oe_mt32 text-justify" style="text-align: center;">
+        </h2>
-                Quality assurance/control is not a new term in this industrial world. Almost everything has some specific quality standards. and it varies with the different attributes like, who is using and where is using.. etc. This module allows Odoo users to ensure quality specification of the items they are using in their business. This module provides quality alerts and quality test along with control in inventory moves based on the test result.
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            </p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+            Quality Measures
+         </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>
+             Quality Alert
+         </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>
+            Quality Tests
+         </h3>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p class="oe_mt32">
+            Screenshots
-                Using this module, Quality manager can setup the <b>Quality Measures</b> of each product under <b>Quality> Configuration> Quality Measures</b> menu
+        </h2>
-                He can setup two types of measures,
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            </p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            <span style="padding-left:65px;"> &#9632; </span> Qualitative<br/>
+          Using this module, Quality manager can setup the Quality Measures of each product under Quality> Configuration> Quality Measures menu He can setup two types of measures, .
-            <span style="padding-left:65px;"> &#9632; </span> Quantitative<br/>
+         </h3>
+        <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>
+           Qualitative And Quantitative
+
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="dynamic-fields-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="qa_qm_frm.png">
+            If you have configured Quality Measure for a product, whenever the product undergoes Trigger On operation, Odoo will create a Quality Alert
             </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="quality-assurance-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-</section>
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            The user can access the Quality Alerts generated from the operation itself.
-<section class="oe_container oe_dark">
+            </div>
-    <div class="oe_row oe_spaced">
+        </h3>
-        <div>
+        <div class="oe_row oe_spaced">
-            <p class="oe_mt32">
+            <img src="quality-assurance-cybrosys-3.png" alt="" style="width: 95%;"/>
-                If you have configured <b>Quality Measure</b> for a product, whenever the product undergoes <b>Trigger On</b> operation, Odoo will create a <b>Quality Alert</b>
-            </p>
         </div>
-        <div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="picking_frm.png">
+            Generate Tests button will create Quality Tests for the product based on Quality Measures.
             </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="quality-assurance-cybrosys-4.png" alt="" style="width: 95%;"/>
         </div>
-        <div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <p class="oe_mt32">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                The user can access the <b>Quality Alerts</b> generated from the operation itself.
+            Quality manager can assign Quality Tests to different users.
-            </p>
+            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="quality-assurance-cybrosys-5.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-</section>
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            Quality users will have a list of Quality Tests that are assigned to them. Now the user can update the test result to the Quality Test record.
-<section class="oe_container">
+            </div>
-    <div class="oe_row oe_spaced">
+        </h3>
-        <div>
+        <div class="oe_row oe_spaced">
-            <p class="oe_mt32">
+            <img src="quality-assurance-cybrosys-6.png" alt="" style="width: 95%;"/>
-                <b>Quality Alerts</b>can be accessed also from <b>Quality> Quality Assurance> Quality Alerts</b>
-            </p>
         </div>
-        <div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="qa_qa_nt.png">
+            Important changes made on Quality Tests will be tracked by the system.
             </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="quality-assurance-cybrosys-7.png" alt="" style="width: 95%;"/>
         </div>
-    </div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-</section>
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-
+            Result updated on the Quality Tests will reflect on related Quality Alerts.
-<section class="oe_container oe_dark">
+            </div>
-    <div class="oe_row oe_spaced">
+        </h3>
-        <div>
+        <div class="oe_row oe_spaced">
-            <p class="oe_mt32">
+            <img src="quality-assurance-cybrosys-8.png" alt="" style="width: 95%;"/>
-                <b>Generate Tests</b> button will create <b>Quality Tests</b> for the product based on <b>Quality Measures</b>.
-            </p>
         </div>
-        <div>
+         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="qa_qa_wt.png">
+            Inventory user cannot proceed with an item that is failed in Quality Test. User will get a warning message when they try
             </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="quality-assurance-cybrosys-9.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-<section class="oe_container">
+     <div class="oe_row oe_spaced">
+         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+     </div>
+</section>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p class="oe_mt32">
+            Our Services
-                Quality manager can assign <b>Quality Tests</b> to different users.
+        </h2>
-            </p>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-        </div>
+            <div style="flex-basis: 18%;">
-        <div>
+
-            <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                <img src="qa_qa_tst_assgn.png">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                            </a>
+                    </div>
+                     <h3 class="oe_slogan" style="font-weight: 800;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;">
+                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
             </div>
-        </div>
+             <div style="flex-basis: 18%;">
-    </div>
+
-</section>
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        Odoo Implementation </a>
+                 </h3>
 
-<section class="oe_container oe_dark">
-    <div class="oe_row oe_spaced">
-        <div>
-            <p class="oe_mt32">
-                Quality users will have a list of <b>Quality Tests</b> that are assigned to them.
-                Now the user can update the test result to the <b>Quality Test</b> record.
-            </p>
-        </div>
-        <div>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="qa_qt_frm.png">
             </div>
-        </div>
+             <div style="flex-basis: 18%;">
-    </div>
+
-</section>
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                        Odoo Integration
+                    </a>
+                 </h3>
 
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <div>
-            <p class="oe_mt32">
-                Important changes made on <b>Quality Tests</b> will be tracked by the system.
-            </p>
-        </div>
-        <div>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="qa_qt_track.png">
             </div>
-        </div>
+             <div style="flex-basis: 18%;">
-    </div>
+
-</section>
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                        </a>
+                </div>
+                 <h3 class="oe_slogan" style="font-weight: 800;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;">
+                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                        Odoo Support</a>
+                 </h3>
 
-<section class="oe_container oe_dark">
+            </div>
-    <div class="oe_row oe_spaced">
+             <div style="flex-basis: 18%;">
-        <div>
+
-            <p class="oe_mt32">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                Result updated on the <b>Quality Tests</b> will reflect on related <b>Quality Alerts</b>.
+                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
-            </p>
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
-        </div>
+                        </a>
-        <div>
+                </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+                 <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
-                <img src="qa_qa_wtr.png">
+                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                        Hire Odoo Developers</a>
+                 </h3>
+                     </a>
             </div>
         </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 Industries
+        </h2>
+        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                        Trading
+                         </a>
+                     </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>
 
-<section class="oe_container">
+            </div>
-    <div class="oe_row oe_spaced">
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <div>
+
-            <p class="oe_mt32">
+                    <div style="width:30%; float:left;">
-                Inventory user cannot proceed with an item that is failed in <b>Quality Test.</b>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                User will get a warning message when they try
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
-            </p>
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-        </div>
+                            </a>
-        <div>
+                        </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+                    </div>
-                <img src="picking_qq_wrng.png">
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                            Manufacturing</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            Restaurant</a>
+                     </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>
+
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            POS</a>
+                     </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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            E-commerce & Website</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            Hotel Management</a>
+                     </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>
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                            Education</a>
+                     </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>
+             <div style="flex-basis: 32%;padding-top: 20px;">
+
+                    <div style="width:30%; float:left;">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            </a>
+                        </div>
+                    </div>
+                    <div style="width:70%;float:left;">
+                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                            Service Management</a>
+                     </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>
         </div>
     </div>
 </section>
-
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-<section class="oe_container oe_dark">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-    <div 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: 12px;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="mailto:odoo@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: 12px;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: 12px;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-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>
-