[UPDT] Index Modified

car_workshop_report/static/description/index.html

@@ -1,28 +1,65 @@
-<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">Car Workshop Management PDF/XLS Report</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">Reports with filter facilities</h3>
+            Car Workshop Management PDF/XLS Report
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        </h2>
-            <ul>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-               <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Reporting Module for Car Workshop Application.</li>
+            Reports with filter facilities
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; PDF & XLS Reports.</li>
+        </h3>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Filter Facilities.</li>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            </ul>
+            <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;">
-            <h2 class="oe_slogan">Report Wizard</h2>
+            Overview
-            <h3 class="oe_slogan">Both XLS and PDF reports</h3>
+        </h2>
-        </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-         <div class="oe_span12">
+        This module provides PDF and XLS reports with filter facilities.
-              <p class='oe_mt32'>
+        </h3>
-Reports can be downloaded in  XLS and PDF format.
+    </div>
-Filter results based on:
+</section>
-        </p>
+
-             <ul>
+<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: 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>
+             Reporting Module for Car Workshop Application.
+         </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>
+              PDF & XLS Reports.
+         </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>
+             Filter Facilities.
+         </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>
+            Reports can be downloaded in XLS and PDF format. Filter results based on:
+         </h3>
+        <ul>
                <li style="list-style:none !important;"> &#8680;</span>&nbsp;&nbsp; Vehicles</li>
                 <li style="list-style:none !important;"> &#8680;</span>&nbsp;&nbsp; Date.</li>
                 <li style="list-style:none !important;"> &#8680;</span>&nbsp;&nbsp; State/Status.</li>
@@ -30,70 +67,291 @@ Filter results based on:
                 <li style="list-style:none !important;"> &#8680;</span>&nbsp;&nbsp; Technician.</li>
             </ul>
 
+        <div class="oe_row oe_spaced">
+            <img src="car-workshop-cybrosys-1.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;">
-            <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="wizard.png">
+            PDF Report
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="car-workshop-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            XLS Report
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="car-workshop-cybrosys-3.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;">
-            <h2 class="oe_slogan">PDF Report</h2>
+            Our Services
-        </div>
+        </h2>
-        <div class="oe_span5">
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            <div class="oe_demo  oe_screenshot" style="margin: 15px 18%;">
+            <div style="flex-basis: 18%;">
-                    <img src="pdf.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>
+
-</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>
+
+            </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">
+
-            <h2 class="oe_slogan">XLS Report</h2>
+                <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="oe_span25">
+                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
-            <div class="oe_demo oe_picture oe_screenshot">
+                        </a>
-                    <img src="xls.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;">
+
+                    <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>
 
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <div class="oe_span12">
-            <div class="col-md-12"> <p class='oe_mt32' style="text-align:center;">
-                If you want to analyze the working of Car Workshop Management Module, Click Here:</p>
             </div>
-            <div class="col-md-12"> <a  class="btn btn-info btn-lg mt8 center-block"
+            <div style="flex-basis: 32%;padding-top: 20px;">
-                style="color: #FFFFFF !important; width: 55%;" href="https://apps.odoo.com/apps/modules/9.0/fleet_car_workshop/"><i
+
-                class="fa fa-car "></i> Car Workshop Management </a>
+                    <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>
-    <div class="oe_slogan" style="margin-top:10px !important;">
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 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  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="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 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="fa fa-envelope"></i> Email </a> <a
+        </div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+        <br>
-            href="http://www.cybrosys.com/contact/"><i
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-            class="fa fa-phone"></i> Contact Us </a> <a
+        <div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+          <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>
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+          <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>
-            class="fa fa-check-square"></i> Request Customization </a>
+          <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>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
 </section>
 
 
-

colour_code_project/static/description/index.html

@@ -1,56 +1,349 @@
-<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">Project Management</h2>
+            Project Management
-            <h3 class="oe_slogan">Follow Project Colour Code in Tasks</h3>
+        </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_span6">
+            Follow Project Colour Code in Tasks
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h3>
-                <img src="project_color.png">
+        <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">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+           The Automatic Colour Code for Task module helps you to set colour codes for every task in a project.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            No additional configuration required
+        </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: 15% 0% 20% 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>
+             Sets colour codes to tasks
+         </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>
+            Choose colour code for project
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cybrosys-project-management-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;">
-            <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="task_color.png">
+            Choose colour code for tasks
-            </div>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cybrosys-project-management-2.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Automatically follows the specified colour code for that project.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cybrosys-project-management-3.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span6">
+        </br>
-           <p class="oe_mt32">
+        <div class="oe_row oe_spaced">
-                Option to set a colour code in project.
+            <img src="cybrosys-project-management-4.png" alt="" style="width: 95%;"/>
-           </p>
         </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">
-        <h2 class="oe_slogan">Automatically follow that colour code for every tasks in that project.</h2>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-         <div class="oe_span6">
+            Our Services
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                <img src="project_view.png">
+        <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>
+             <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 class="oe_span6">
+            </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+             <div style="flex-basis: 18%;">
-                <img src="task_view.png">
+
+                <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>
+
+            </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;">
 
-<section class="oe_container oe_dark">
+                    <div style="width:30%; float:left;">
-    <h2 class="oe_slogan">Need Any Help?</h2>
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-    <div class="oe_slogan">
+                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-        <a  class="btn btn-primary btn-lg mt8"
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+                            </a>
-            class="fa fa-envelope"></i> Email </a> <a
+                        </div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                    </div>
-            href="http://www.cybrosys.com/contact/"><i
+                    <div style="width:70%;float:left;">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                     <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;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                            E-commerce & Website</a>
-            class="fa fa-check-square"></i> Request Customization </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>
 
@@ -59,3 +352,4 @@
 
 
 
+

crm_drag_back_permission/static/description/index.html

@@ -1,69 +1,81 @@
-<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">CRM Kanban Drag Back</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">Permission for Back Drag in CRM Kanban view</h3>
+            CRM Kanban Drag Back
-         <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        </h2>
-    </div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-    <div class="oe_row oe_spaced">
+            Permission for Back Drag in CRM Kanban view
-        <div>
+        </h3>
-            This module restricts some users to drag    leads backwards in sales pipeline without permission.
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-        </div>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" 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">
-
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Overview
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                <img src="image2.png">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            </div>
+            This module restricts some users to drag leads backwards in sales pipeline without permission.
-        </div>
+        </h3>
-        <div class="oe_span12">
-            <p class='oe_mt32'>
-                Go to Configuration -> Stages, and set an 'order'(integer value) for each stage you want to use in the pipeline.
-                The drag back is working based on this 'order' field value. When a user tries to drag a lead from one stage to another,
-                we will check the 'order' of those two stages.
-                If the movement is from a stage with higher order value to a stage with lower order value, it will be considered
-                as a back drag.
-            </p>
-        </div>
     </div>
 </section>
 
-<section>
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p class='oe_mt32'>
+             Features
-               When a salesperson tries to perform a back drag, the lead will go to a new stage, 'Waiting for Approval'.
+        </h2>
-                From this stage, the Administrator or the Head of Sales of team which the lead belongs to, can
+         <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;">
-                approve the lead to the stage requested by the user or decline the lead back to it's previous stage.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                The salesperson can't move the lead from this stage.
+             Restricts some users to drag leads backwards in sales pipeline.
-            </p>
+         </h3>
-            <div class="oe_span12">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                    <img src="image3.png">
+             Allows the administrator or head of the team to approve leads.
-                </div>
+         </h3>
-            </div>
 
-        </div>
     </div>
 </section>
- <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;">
-            <p class='oe_mt32'>
+            Screenshots
-               In the 'Waiting for Approval' stage, a lead will be visible only to the administrator,
+        </h2>
-                the user to which the lead is assigned to and the head of sales  of team that the lead belongs to.
+        <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;">
-                When we select a lead in the 'Waiting for Approval' stage, we can see the stages, the lead comes from and where the lead is headed to.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+            Go to Configuration -> Stages, and set an 'order'(integer value) for each stage you want to use in the pipeline.
+            The drag back works based on this 'order' field value.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cybrosys-kanban-dragback-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;">
-             <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="image5.png">
+            Shows the leads that are in the 'Waiting for Approval' State
-            </div>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cybrosys-kanban-dragback-3.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            The Administrator or the Head of Sales of team which the lead belongs to, can approve the lead to the stage requested by the user or decline the lead back to it's previous stage.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="cybrosys-kanban-dragback-5.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
+
 <section class="oe_container oe_dark">
     <h2 class="oe_slogan">Need Any Help?</h2>
     <div class="oe_slogan">
@@ -79,5 +91,272 @@
     </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%;">
+
+                <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>
+
+            </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 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>
+
+
 
 

employee_orientation/static/description/index.html

@@ -1,161 +1,417 @@
-<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 Orientation & Training</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">Manage Employee Orientation And Training Programs</h3>
+            Employee Orientation & Training
-        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Manage Employee Orientation And Training Programs
+        </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>Major Features:</h4>
+
-        <div>
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-            <span style="color:green;"> &#9745;</span> Makes the Employee Orientation Program easier.<br/>
+    <div class="oe_row oe_spaced">
-            <span style="color:green;"> &#9745;</span> Systematical Workflow.<br/>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <span style="color:green;"> &#9745;</span> Allows to Create Employee Training Programs.<br/>
+            Overview
-            <span style="color:green;"> &#9745;</span> Email Notification for each Responsible person.<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;">
+            Employee orientation/training is the process by which an employee acquires the necessary skills,
+            knowledge, behaviors, and contacts to effectively transition into a new organization.It can enhance
+            the overall satisfaction of employees and can encourage a positive attitude about the employer.
+            Employees view companies that offer meaningful benefits as more caring and engaged with their needs.
+            This may help reduce turnover and increase productivity.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            You can configure employee orientation programs for each department from Employees -> Configuration -> Orientation Program
+        </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 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>
+             Features
-            <p class="oe_mt32">
+        </h2>
-                Employee orientation/training is the process by which an employee acquires the necessary skills,
+         <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;">
-                knowledge, behaviors, and contacts to effectively transition into a new organization.It can enhance
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                the overall satisfaction of employees and can encourage a positive attitude about the employer.
+             Makes the Employee Orientation Program easier.
-                Employees view companies that offer meaningful benefits as more caring and engaged with their needs.
+         </h3>
-                This may help reduce turnover and increase productivity
+        <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>
+            Systematical Workflow.
+         </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>
+            Allows to Create Employee Training Programs.
+         </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Email Notification for each Responsible person.
+         </h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-    <div class="oe_row oe_space">
+    <br class="oe_row oe_spaced">
-    <h3 class="oe_slogan">Configuration</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_picture">
+            Screenshots
-            <p class="oe_mt32">You can configure employee orientation programs for each department from
+        </h2>
-                <b>Employees -> Configuration -> Orientation Program</b></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>
+            Orientation Checklist
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <h4 class="oe_slogan">Orientation Checklist</h4>
+        <div class="oe_row oe_spaced">
-
+            <img src="employee-orientation-cybrosys-2.png" alt="" style="width: 95%;"/>
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="hr_orientation_9.png">
-            </div>
         </div>
-        <div class="oe_span12">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="hr_orientation_8.png">
+            Orientation Checklist Line
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-4.png" alt="" style="width: 95%;"/>
         </div>
-        <h4 class="oe_slogan">Orientation Checklist Line</h4>
+        </br>
-        <div class="oe_span12">
+        <div class="oe_row oe_spaced">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <img src="employee-orientation-cybrosys-5.png" alt="" style="width: 95%;"/>
-                <img src="hr_orientation_7.png">
-            </div>
         </div>
-        <div class="oe_span12">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="hr_orientation_6.png">
+            Employee Orientation
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-6.png" alt="" style="width: 95%;"/>
+        </div>
+        </br>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-7.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>
+            On confirming employee orientation, creates orientation lines from corresponding orientation checklist.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-8.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>
+            Orientation Request
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-9.png" alt="" style="width: 95%;"/>
         </div>
+        </br>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-10.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>
+            Email Template
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-11.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 Training
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-12.png" alt="" style="width: 95%;"/>
+        </div>
+        </br>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-13.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>
+            Email Template
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="employee-orientation-cybrosys-14.png" alt="" style="width: 95%;"/>
+        </div>
+
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+
-    <div class="oe_row oe_space">
+
-    <h3 class="oe_slogan">Employee Orientation</h3>
+
-        <div class="oe_span12">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-            <div class="oe_demo oe_picture oe_screenshot">
+     <div class="oe_row oe_spaced">
-                <img src="hr_orientation_2.png">
+         <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>
+             <div style="flex-basis: 18%;">
-        <div class="oe_span12">
+
-            <div class="oe_demo oe_picture oe_screenshot">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-                <img src="hr_orientation_1.png">
+                        <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>
+             <div style="flex-basis: 18%;">
-        <div class="oe_span12">
+
-            <div class="oe_picture">
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-            <p class="oe_mt32">
+                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
-            On confirming employee orientation, creates orientation lines from corresponding orientation checklist.
+                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
-            </p></div>
+                    </a>
-            <div class="oe_demo oe_picture oe_screenshot">
+                </div>
-                <img src="hr_orientation_3.png">
+                 <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 class="oe_row oe_space">
-    <h3 class="oe_slogan">Orientation Request</h3>
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="hr_orientation_5.png">
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <div class="oe_span12">
+
-            <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:30%; float:left;">
-                <img src="hr_orientation_4.png">
+                        <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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <h4 class="oe_slogan">Email Template</h4>
+
-        <div class="oe_span12">
+                    <div style="width:30%; float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                <img src="hr_orientation_13.png">
+                            <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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-    </div>
+
-</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>
 
-<section class="oe_container oe_dark">
-    <div class="oe_row oe_space">
-    <h2 class="oe_slogan">Employee Training </h2>
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="hr_orientation_11.png">
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <div class="oe_span12">
+
-            <div class="oe_demo oe_picture oe_screenshot">
+                    <div style="width:30%; float:left;">
-                <img src="hr_orientation_10.png">
+                        <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>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <h4 class="oe_slogan">Email Template</h4>
+
-        <div class="oe_span12">
+                    <div style="width:30%; float:left;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                <img src="hr_orientation_12.png">
+                            <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>
 
-

general_reminders/static/description/index.html

@@ -1,108 +1,103 @@
-<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">Reminders</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">Cybrosys Technologies , www.cybrosys.com</h4>
+            Reminders
-            <p class='oe_mt32'>
+        </h2>
-Reminders is a effective module,helps to memorise all your important dates. We
+        <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;">
-can set reminders to any model (eg: Sales,HR,Project etc..) and also their corresponding
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-date fields to compare.This eases the company work load to memorize the special
+        </h5>
-dates (eg: Expiration date,Deadline date,Assigned Date etc...).
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
-        </p>
+            <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_padded">
+    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Set Your Reminders</h2>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Overview
-            <p>
+        </h2>
-                <h4>Settings>Pop-up Reminder>Reminder</h4>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-               <p>
+            Reminders is a effective module,helps to memorise all your important dates. We
- <p> Set your reminders for any model and the corresponding date field.
+            can set reminders to any model (eg: Sales,HR,Project etc..) and also their corresponding
- Also this module allows different methods to search.</p>
+            date fields to compare.This eases the company work load to memorize the special
-            </p>
+            dates (eg: Expiration date,Deadline date,Assigned Date etc...).
-        </div>
+        </h3>
-       <div class="oe_span13">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
-            <div class="oe_demo oe_screenshot">
+            Configuration
-                    <img src="reminder.png">
+        </h3>
-            </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-        </div></div>
+            Settings>Pop-up Reminder>Reminder
+        </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: 15% 0% 20% 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>
+             Set reminders for important dates
+         </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>
+             Provides various searches for reminders
+         </h3>
 
-<section class="oe_container">
-    <div class="oe_row oe_padded">
-        <h2 class="oe_slogan">Search By</h2>
-        <div class="oe_span12">
-<p> We can use 3 methods to search:</p>
-        <ul>
-           <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Today: Compares to the current date.</li>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Set Date: Compares with the given date.</li>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Set Period: Reminder is set between a time range(Start date - End date).</li>
-        </ul>
-            <br>
-        </div>
-        <div class="oe_span6">
-            <h3>Set Date</h3>
-            <img class="oe_picture oe_screenshot" src="set_date.png">
-            </div>
-        <div class="oe_span6 ">
-            <h3>Set Period</h3>
-            <img class="oe_picture oe_screenshot" src="set_period.png">
-        </div>
     </div>
 </section>
 
-
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-<section class="oe_container oe_dark">
+    <br class="oe_row oe_spaced">
-    <div class="oe_row oe_padded">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-          <div class="oe_span12">
+            Screenshots
-        <h2 class="oe_slogan">Reminder Button</h2>
+        </h2>
-        <h3 class="oe_slogan">Select the Reminder from the list of Reminders</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>
+            Set your reminders for any model and the corresponding date field. Also this module allows different methods to search.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="general-reminders-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-       <div class="oe_span13">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_demo oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                    <img src="popup.png">
+            We can use 3 methods to search:
-            </div>
+            <ul>
-        </div></div>
+                <i class="list-style:none !important;" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-</section>
+                Today: Compares to the current date.
-
+            </br>
-<section class="oe_container">
+                <i class="list-style:none !important;" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-    <div class="oe_row oe_padded">
+                Set Date: Compares with the given date.
-          <div class="oe_span12">
+            </br>
-        <h2 class="oe_slogan">Related Result</h2>
+                <i class="list-style:none !important;" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                Set Period: Reminder is set between a time range(Start date - End date).
+             </ul>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="general-reminders-cybrosys-2.png" alt="" style="width: 95%;"/>
+        </div>
+        </br>
+        <div class="oe_row oe_spaced">
+            <img src="general-reminders-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>
+            Select the Reminder from the list of Reminders
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="general-reminders-cybrosys-3.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Related Result
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="general-reminders-cybrosys-4.png" alt="" style="width: 95%;"/>
         </div>
-       <div class="oe_span13">
-            <div class="oe_demo oe_screenshot">
-                    <img src="result.png">
-            </div>
-        </div></div>
-</section>
-
-<section class="oe_container oe_dark">
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-		<div class="oe_slogan" style="margin-top:10px !important;">
-            <div>
-				<a  class="btn btn-primary btn-lg mt8"
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
-				class="fa fa-envelope"></i> Email </a> <a
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-				href="http://www.cybrosys.com/contact/"><i
-				class="fa fa-phone"></i> Contact Us </a> <a
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-				class="fa fa-check-square"></i> Request Customization </a>
-	        </div>
-            <br>
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-            <div>
-			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
-            </div>
-		</div>
-</section>
-
 
+    </div>
+</section>

magic_note/static/description/index.html

@@ -1,93 +1,360 @@
-<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">Color your notes automatically</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">Prioritize your notes by colour</h3>
+            Color your notes automatically
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        </h2>
-        <br/>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Prioritize your notes by colour
+        </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">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module helps you to prioritize notes by colour.The colour of notes changes based on the Dead date,
+            on every on-load of kanban view.This feature helps you to identify and prioritize notes easily.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            After installation Activate developer mode.
+            Find two new tabs Date interval and Settings under note tab.
+            A new field Dead date will be added to the notes set a dead date.
+            set default colours in settings.
+        </h3>
+
+    </div>
+</section>
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+             Features
+        </h2>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             User Defined Colour Configuration for Notes.
+         </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>
+             Automatic Colour Change of Notes Based on Dead Date.
+         </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>
+             Default Colour for Forbidden.
+         </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>
+             Default Colour for Over Passed Notes.
+         </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>
+             Updates the note's colors every on-load of kanban view.
+         </h3>
     </div>
-    <div class="row oe_row oe_spaced">
+</section>
-        <div class="col-md-6">
+
-                &#9728; User Defined Colour Configuration for Notes.<br>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-                &#9728; Automatic Colour Change of Notes Based on Dead Date.<br>
+    <div class="oe_row oe_spaced">
-                &#9728; Default Colour for Forbidden.<br>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                &#9728; Default Colour for Over Passed Notes.<br>
+            Screenshots
-                &#9728; Updates the note's colors every on-load of kanban view.<br>
+        </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>
+            Changes the note color in kanban view relative to the dead-date field value and the date intervals
+            </h3>
+        <div class="oe_row oe_spaced">
+            <img src="magic-note-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-6">
+        <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_bg_img">
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img class="oe_picture oe_screenshot center-block" src="disply.png" style="margin-top: 0px !important;">
+            Set date intervals and colors for the notes from Date interval tab under notes--->date interval(NOTE:Activate Developer mode).
-            </div>
+            If a note does not belong to any date interval the note colour will be set according to the color specified in the settings
+            By default when installed on a running system the dead date will be set to the current date of installation of this module
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="magic-note-cybrosys-2.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_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="note.png">
+        </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'>
-                &#x261B; Changes the note color in kanban view relative to the dead-date
-                field value and the date intervals
-            </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>
 
-<section class="oe_container oe_dark">
-    <div class="oe_row">
-        <h2 class="oe_slogan">How to..</h2>
-        <div class="oe_span6">
-            <div class="oe_bg_img">
-                <img class="oe_picture oe_screenshot" src="configuration.png">
             </div>
-        </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-        <div class="oe_span6">
+
-            <p class='oe_mt32'>
+                    <div style="width:30%; float:left;">
-               &#x261B; After installation Activate developer mode.
+                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-                Find two new tabs Date interval and Settings under note tab.
+                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
-                A new field Dead date will be added to the notes set a dead date.
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-                set default colours in settings.
+                            </a>
-            </p>
+                        </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>
-    <div class="oe_row">
+</section>
-        <div class="oe_span6">
+<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%;">
-            <p class='oe_mt32'>
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-               &#x261B; Set date intervals and colors for the notes from Date interval tab under
+        <div>
-                notes--->date interval(NOTE:Activate Developer mode)
+            <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>
-            </p>
+            <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>
-            <p class='oe_mt32'>
+            <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>
-               &#x261B; Note: If a note does not belong to any date interval the note colour will
-                be set according to the color specified in the settings
-
-                By default when installed on a running system the dead date will
-                be set to the current date of installation of this module
-            </p>
         </div>
-        <div class="oe_span6">
+        <br>
-            <div class="oe_bg_img">
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-                <img class="oe_picture oe_screenshot" src="date_interval.png">
+        <div>
-            </div>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-    <div class="oe_slogan" style="margin-top:10px !important;">
-        <a  class="btn btn-primary btn-lg mt8"
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
-            class="fa fa-envelope"></i> Email </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
-            href="http://www.cybrosys.com/contact/"><i
-            class="fa fa-phone"></i> Contact Us </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-            class="fa fa-check-square"></i> Request Customization </a>
-    </div>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-</section>

mrp_secondary_uom/static/description/index.html

@@ -1,126 +1,370 @@
-<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">MRP - Secondary UoM</h2>
+            MRP - Secondary UoM
-            <h3 class="oe_slogan"> Manage the Manufacturing process with secondary UoM </h3>
+        </h2>
-            <h4 class="oe_slogan"> Cybrosys Technologies , www.cybrosys.com</h4>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        </div>
+            Manage the Manufacturing process with secondary UoM
-        <div class="oe_row oe_spaced">
+        </h3>
-            <h4><p style="margin-left: 42px;">Major Features:</p></h4>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            <ul>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-               <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp;Allows to manage MRP with Secondary UoM.</li>
+        </h5>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Products to Produce With Secondary UoM.</li>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
-                <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Produced Products With Secondary UoM.</li>
+            <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;">
-            </ul>
+                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
-        </div>
-        <div class="oe_span12">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img src="1.png">
             </div>
-        </div>
+        </a>
-        <div class="oe_span12">
+    </div>
-            <p class="oe_mt32">
+</section>
-                <p>This module allows you to cover planning, ordering, stocks and the manufacturing with a Secondary
-            UoM. It handles the Products to Produce & Produced Products according to the production with Secondary UoM.</p>
-            </p>
 
-        </div>
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module allows you to cover planning, ordering, stocks and the manufacturing with a Secondary
+            UoM. It handles the Products to Produce & Produced Products according to the production with Secondary UoM.
+        </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 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">
+             Features
-                <p>As shown here, When we create a MO with a Primary and Secondary Product Quantities and UOMs. After
+        </h2>
-            confirming the MO, MO will change the state to 'Awaiting Raw Materials'. Same time we can see a record
+         <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;">
-            created in 'Products to Produce' with secondary UoM. </p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+             Allows to manage MRP with Secondary UoM.
-        </div>
+         </h3>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="2.png">
+              Products to Produce With Secondary UoM.
-            </div>
+         </h3>
-        </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+              Produced Products With Secondary UoM.
+         </h3>
     </div>
 </section>
 
-<section class="oe_container">
+<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;">
-            <p class="oe_mt32">
+            Screenshots
-                <p>After confirming we can change the Primary Quantity, Secondary Quantity and Secondary UoM. In edit mode there
+        </h2>
-                    will be an 'Update' Button to handle the same.</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>
+            Choose the product secondary quantity.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="mrp-uom-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-6">
+        <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="3.png">
+            As shown here, When we create a MO with a Primary and Secondary Product Quantities and UOMs.
-            </div>
+            After saving, Order is in 'Confirmed' state. Same time we can see a record created in 'Finished Products' with secondary UoM.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="mrp-uom-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-1">
+        <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 style="font-size: 66px;color: #d81212;padding-top: 45px;" class="fa fa-long-arrow-right" aria-hidden="true"></i>
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            We can change the Primary Quantity, Secondary Quantity and Secondary UoM at any time.
+            There will be an 'Update' Button to handle the same.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="mrp-uom-cybrosys-3.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="col-md-5">
+        <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="4.png">
+            Choose Approve
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="mrp-uom-cybrosys-6.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>
-
+           When we click on the 'Produce' button, The same window will appear with Secondary Quantity and UoM.
-<section class="oe_container oe_dark">
+            If we Produce Partially or completely, It automatically calculates the Secondary quantity with same ratio.
-    <div class="oe_row oe_spaced">
+        </h3>
-        <div class="oe_span6">
+        <div class="oe_row oe_spaced">
-            <div class="oe_demo oe_picture oe_screenshot">
+            <img src="mrp-uom-cybrosys-4.png" alt="" style="width: 95%;"/>
-                <img src="5.png">
-            </div>
         </div>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <p class="oe_mt32">
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <p>In production state, when we click on the 'Produce' button, The same window is appear with Secondary
+            Update the Produced Products records.
-            Quantity and UoM.</p>
+        </h3>
-            <p>If we Produce Partially, It automatically calculate the Secondary quantity with same ratio.</p>
+        <div class="oe_row oe_spaced">
-            </p>
+            <img src="mrp-uom-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_span6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <p class="oe_mt32">
+            Our Services
-                <p>Update the Products to Produce & Produced Products records.</p>
+        </h2>
-            </p>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-        </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-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="oe_span6">
+            </div>
-            <div class="oe_demo oe_picture oe_screenshot">
+             <div style="flex-basis: 18%;">
-                <img src="6.png">
+
+                <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>
 
+            </div>
+            <div style="flex-basis: 32%;padding-top: 20px;">
 
-<section class="oe_container oe_dark">
+                    <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/manufacturing-erp-software/" target="_blank">
-        <a  class="btn btn-primary btn-lg mt8"
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+                            </a>
-            class="fa fa-envelope"></i> Email </a> <a
+                        </div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                    </div>
-            href="http://www.cybrosys.com/contact/"><i
+                    <div style="width:70%;float:left;">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                     <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;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                            Manufacturing</a>
-            class="fa fa-check-square"></i> Request Customization </a>
+                     </h3>
-    </div>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+                        Plan, track and schedule your operations.
-</section>
+                     </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 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>

pos_chatter/static/description/index.html

@@ -1,48 +1,339 @@
-<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">POS Chat</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">Easily communicate each other without going outside of POS Screen. </h3>
+            POS Chat
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        </h2>
-        <div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            <h4><p>Features:</p></h4>
+            Easily communicate each other without going outside of POS Screen.
-            <ul>
+        </h3>
-                <li>We can easily communicate each other in POS.</li>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-                <li>Nothing to configure.</li>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-            </ul>
+        </h5>
-        </div>
+        <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">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module helps users to communicate each other from pos screen.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+           No additional  Configuration required.
+        </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Chat Button on POS screen</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_demo oe_picture oe_screenshot">
+             Features
-            <img src="pos_chat_01.png">
+        </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>
+             We can easily communicate each other in POS.
+         </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>
+            Chat Button on POS screen
+            </h3>
+        <div class="oe_row oe_spaced">
+            <img src="pos-chatter-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>
+            On clicking an item in chatlist, chat window open in pos screen
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="pos-chatter-cybrosys-2.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">
-        <h3 class="oe_slogan">On clicking an item in chatlist, chat window open in pos screen</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_demo oe_picture oe_screenshot">
+            Our Services
-                <img src="pos_chat_02.png">
+        </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" 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>
+
+            </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;">
 
-<section class="oe_container oe_dark">
+                    <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/education-erp-software/" target="_blank">
-        <a  class="btn btn-primary btn-lg mt8"
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+                            </a>
-            class="fa fa-envelope"></i> Email </a> <a
+                        </div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                    </div>
-            href="http://www.cybrosys.com/contact/"><i
+                    <div style="width:70%;float:left;">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                     <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;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                            Education</a>
-            class="fa fa-check-square"></i> Request Customization </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>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
 </section>
+
+

pos_restaurant_floor_facility/static/description/index.html

@@ -1,100 +1,369 @@
-<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">Floor Wise Charges in Restaurant</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">User can set floor facility charges on Products</h3>
+           Floor Wise Charges in Restaurant
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        </h2>
-        <div>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            <h4><p>Features:</p></h4>
+            User can set floor facility charges on Products
-            <ul>
+        </h3>
-               <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Facilities With Charging Percentage.</li>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Facility Lines in Floor Master.</li>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Enables Separate Price in Floors Wise.</li>
+        </h5>
-                <li style="list-style:none !important;"><span style="color:green;"> &#9745;</span>&nbsp;&nbsp; Simple Configuration.</li>
+        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
-            </ul>
+            <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;">
-        </div>
+                    <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%;">
-    <h3 class="oe_slogan">Facility Master - Tree View</h3>
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_row_img oe_centered">
+            Overview
-                <img class="oe_picture oe_screenshot" src="1.png">
+        </h2>
-            </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-        </div>
+            This module allows users to set floor facility charges on Products,i.e
+            extra charges are set for products according to the floor used by customers.
+        </h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 15%;">
-    <h3 class="oe_slogan">Facility Master - Form View</h3>
+    <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>
+             Facilities With Charging Percentage.
+         </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>
+             Facility Lines in Floor Master.
+         </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>
+             Enables Separate Price in Floors Wise.
+         </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>
+             Simple Configuration.
+         </h3>
+    </div>
+</section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
     <div class="oe_row oe_spaced">
-        <p>
+        <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>
+            Facility Master - Tree View
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="pos-restaurant-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>
+            Facility Master - Form View
             <ul>
                 <li>Facilities with its charging percentage.</li>
                 <li>Images and bullet points of facility.</li>
             </ul>
-        </p>
+        </h3>
-    </div>
+        <div class="oe_row oe_spaced">
-    <div class="oe_row oe_spaced">
+            <img src="pos-restaurant-cybrosys-2.png" alt="" style="width: 95%;"/>
-        <div class="oe_span12">
-            <div class="oe_row_img oe_centered">
-                <img class="oe_picture oe_screenshot" src="5.png">
-            </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>
-
+            Floor Master With Facility Lines - Form View
-<section class="oe_container oe_dark">
-    <h3 class="oe_slogan">Floor Master With Facility Lines - Form View</h3>
-    <div class="oe_row oe_spaced">
-        <p>
             <ul>
                 <li>Facility lines with its charging percentage.</li>
                 <li>User can alter its charges from this lines.</li>
                 <li>Automated total affecting facility percentage of floor.</li>
             </ul>
-        </p>
+        </h3>
-    </div>
+        <div class="oe_row oe_spaced">
-    <div class="oe_row oe_spaced">
+            <img src="pos-restaurant-cybrosys-3.png" alt="" style="width: 95%;"/>
-        <div class="oe_span12">
-            <div class="oe_row_img oe_centered">
-                <img class="oe_picture oe_screenshot" src="3.png">
-            </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>
-
+            Floor Wise Price Change - POS Screen
-<section class="oe_container">
-    <h3 class="oe_slogan">Floor Wise Price Change - POS Screen</h3>
-    <div class="oe_row oe_spaced">
-        <p>
             <ul>
                 <li>Floor facility charge will added with actual price of product.</li>
             </ul>
-        </p>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="pos-restaurant-cybrosys-4.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">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_row_img oe_centered">
+            Our Services
-                <img class="oe_picture oe_screenshot" src="4.png">
+        </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" 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>
+
+            </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;">
 
-<section class="oe_container oe_dark">
+                    <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/ecommerce-website/" target="_blank">
-        <a  class="btn btn-primary btn-lg mt8"
+                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+                            </a>
-            class="fa fa-envelope"></i> Email </a> <a
+                        </div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                    </div>
-            href="http://www.cybrosys.com/contact/"><i
+                    <div style="width:70%;float:left;">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                     <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;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                            E-commerce & Website</a>
-            class="fa fa-check-square"></i> Request Customization </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>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+</section>
-</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>
+
+

product_deletion/static/description/index.html

@@ -1,48 +1,335 @@
-<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_row oe_spaced">
-        <h2 class="oe_slogan">Product Removal Authorisation</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">Users having the permission can only delete the products</h3>
+            Product Removal Authorisation
-         <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+           Users having the permission can only delete the 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">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module provides the functionality in which
+            only users with permissions can delete products.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            No additional configuration required
+        </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: 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>
+             Only users in the group Product Deletion can delete the product.
+         </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             If user is not in the group Odoo will raise a warning message.
+         </h3>
     </div>
 </section>
 
-<section>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-    <div class="oe_row oe_spaced oe_dark">
+    <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Product Form</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span12">
+            Screenshots
-            <p class='oe_mt32'>
+        </h2>
-                &#x261B; Only users in the group Product Deletion can delete the product<br>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                &#x261B; If user is not in the group Odoo will raise a warning message<br>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+            Product Form
-            <div class="oe_row_img oe_centered">
+         </h3>
-                <img class="oe_picture oe_screenshot" src="deletion_warning.png">
+        <div class="oe_row oe_spaced">
+            <img src="product-deletion-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%;">
+
+                <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>
+
+            </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;">
 
-<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/restaurant-management/" target="_blank">
-            <div>
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-				<a  class="btn btn-primary btn-lg mt8"
+                            </a>
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
+                        </div>
-				class="fa fa-envelope"></i> Email </a> <a
+                    </div>
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+                    <div style="width:70%;float:left;">
-				href="http://www.cybrosys.com/contact/"><i
+                     <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;">
-				class="fa fa-phone"></i> Contact Us </a> <a
+                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+                            Restaurant</a>
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                     </h3>
-				class="fa fa-check-square"></i> Request Customization </a>
+                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
-	        </div>
+                        Run your bar or restaurant methodical.
-            <br>
+                     </h3>
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+                        </div>
-            <div>
+
-			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
+            </div>
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
+            <div style="flex-basis: 32%;padding-top: 20px;">
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
+
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
+                    <div style="width:30%; float:left;">
-              <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 style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
-            </div>
+                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
-		</div>
+                                <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>
+

project_block_archived_contacts/static/description/index.html

@@ -1,140 +1,376 @@
-<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">Block Archived or Inactive Users in Project Module</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">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+            Block Archived or Inactive Users in Project Module
+        </h2>
+        <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;">
-            This module allows you to block Archived or Inactive users from assigning task/issue and set as project manager.</div>
+            Overview
-        </div>
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+           This module allows you to block Archived or Inactive users from
+            assigning task/issue and set as project manager.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            No additional configuration required
+        </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 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;">
-            <p class='oe_mt32'>
+             Features
-               &#9755; You can Archive or Inactive your users
+        </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 class="oe_span6">
+             Block inactive or archieved users
-            <div class="oe_demo oe_picture oe_screenshot">
+         </h3>
-                <img style="border:10px solid white;" src="2.png">
-            </div>
-        </div>
-        <div class="oe_span6">
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="4.png">
-            </div>
-        </div>
     </div>
 </section>
 
-<section class="oe_container">
+
-    <div class="oe_row oe_spaced">
+
-        <div class="oe_span12">
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-            <p class='oe_mt32'>
+    <br class="oe_row oe_spaced">
-               &#9755;Task
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            </p>
+            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>
+             You can Archive or Inactive your users
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-block-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span6">
+        </br>
-            <p class='oe_mt32'>
+        <div class="oe_row oe_spaced">
-               Before
+            <img src="project-block-cybrosys-8.png" alt="" style="width: 95%;"/>
-            </p>
-            <div class="oe_demo oe_picture oe_screenshot">
-                <img style="border:10px solid white;" src="1.png">
-            </div>
         </div>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-             <p class='oe_mt32'>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-               After
+            Task before:
-            </p>
+        </h3>
-            <div class="oe_demo oe_picture oe_screenshot">
+        <div class="oe_row oe_spaced">
-                <img style="border:10px solid white;" src="3.png">
+            <img src="project-block-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>
-
+            Task after:
-<section class="oe_container oe_dark">
+        </h3>
-    <div class="oe_row oe_spaced">
+        <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+            <img src="project-block-cybrosys-3.png" alt="" style="width: 95%;"/>
-            <p class='oe_mt32'>
-               &#9755;Project
-            </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;">
-            <p class='oe_mt32'>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-               Before
+            Project before:
-            </p>
+        </h3>
-            <div class="oe_demo oe_picture oe_screenshot">
+        <div class="oe_row oe_spaced">
-                <img style="border:10px solid white;" src="7.png">
+            <img src="project-block-cybrosys-4.png" alt="" style="width: 95%;"/>
-            </div>
         </div>
-        <div class="oe_span6">
+        </br>
-             <p class='oe_mt32'>
+        <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;">
-               After
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            </p>
+            Project after:
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h3>
-                <img style="border:10px solid white;" src="8.png">
+        <div class="oe_row oe_spaced">
-            </div>
+            <img src="project-block-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>
+            Issue before:
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-block-cybrosys-6.png" alt="" style="width: 95%;"/>
+        </div>
+        </br>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Issue after:
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-block-cybrosys-7.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;">
-            <p class='oe_mt32'>
+            Our Services
-               &#9755;Issue
+        </h2>
-            </p>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-        </div>
+            <div style="flex-basis: 18%;">
-        <div class="oe_span6">
+
-            <p class='oe_mt32'>
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-               Before
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-            </p>
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-            <div class="oe_demo oe_picture oe_screenshot">
+                            </a>
-                <img style="border:10px solid white;" src="10.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/odoo-customization-and-installation/" target="_blank">
+                        Odoo Customization
+                         </a>
+                     </h3>
+
             </div>
-        </div>
+             <div style="flex-basis: 18%;">
-        <div class="oe_span6">
+
-             <p class='oe_mt32'>
+                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-               After
+                        <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 class="oe_demo oe_picture oe_screenshot">
+                        </a>
-                <img style="border:10px solid white;" src="9.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/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 oe_dark">
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-		<div class="oe_slogan" style="margin-top:10px !important;">
-            <div>
-				<a  class="btn btn-primary btn-lg mt8"
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
-				class="fa fa-envelope"></i> Email </a> <a
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-				href="http://www.cybrosys.com/contact/"><i
-				class="fa fa-phone"></i> Contact Us </a> <a
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-				class="fa fa-check-square"></i> Request Customization </a>
-	        </div>
-            <br>
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-            <div>
-			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
             </div>
-		</div>
+            <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/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 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>

project_report_pdf/static/description/index.html

@@ -1,129 +1,369 @@
-<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">Project Report PDF & XLS</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">This Module Gives You The PDF and XLS Report of
+           Project Report PDF & XLS
-            Project.</h3>
+        </h2>
-         <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
+            <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;">
-            This report prints the Tasks and Issues Related to the Project.
+            Overview
-            You can filter the report based on Tasks or Issues, Assigned User
+        </h2>
-            and Stage of the Task/Issue
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-        </div>
+            This module enhances project management with nice reports.
+            Reports consist of tasks & issues details with respect to the selected project.
+            The user can use the filter facilities from report wizard to get optimized reports.
+        </h3>
     </div>
+</section>
+
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <div>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                 &#x261B; Installation : You need report_xlsx module to run this properly. More details see the README.rst file of this module.
+             Features
-        </div>
+        </h2>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             PDF Reports in Project.
+         </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>
+              XLS Reports in Project.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+              Detailed Report on Tasks & Issues.
+        </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>
+              Advanced Filters for Report.
+        </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;">
-            <p class='oe_mt32'>
+            Screenshots
-                Go to Project -> Project.
+        </h2>
-            <p class='oe_mt32'>
+        <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;">
-                And then Select One Project.Then you can see a print button.
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-            Click that button.
+            Go to Project -> Project
-            </p>
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-report-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span10">
+        <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="screen_shot_modules_location.png">
+            You can filter the project report by selecting the Appropriate options from the wizard.
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-report-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>
-
+            PDF Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
-<section class="oe_container oe_dark">
+        </h3>
-    <div class="oe_row oe_padded">
+        <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+            <img src="project-report-cybrosys-3.png" alt="" style="width: 95%;"/>
-            <p>
-                Then a wizard will open. You can filter the project report
-                by selecting the Appropriate options from the wizard.
-                if you don't select "Assigned to" & "Stage" in the wizard,
-                then system automatically select all the users and stages.
-            </p>
         </div>
-        <div class="oe_span12">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div class="oe_row_img oe_centered">
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img class="oe_picture oe_screenshot"
+            PDF Report Of Data Import/Export Plugin Project.(Issues Only)
-                     src="screen_shot_wizard.png">
+        </h3>
-            </div>
+        <div class="oe_row oe_spaced">
+            <img src="project-report-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;">
-</section>
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-<section class="oe_container oe_dark">
+            XLS Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
-    <div class="oe_row oe_padded">
+        </h3>
-        <div class="oe_span6">
+        <div class="oe_row oe_spaced">
-            <div class="oe_row_img oe_centered">
+            <img src="project-report-cybrosys-5.png" alt="" style="width: 95%;"/>
-                <img class="oe_picture oe_screenshot"
-                     src="screen_shot_pdf_report.png">
-            </div>
         </div>
-        <div class="oe_span6">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <p>
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-               * PDF Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
+            XLS Report Of Data Import/Export Plugin Project.(Issues Only)
-            </p>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-report-cybrosys-6.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
-<section class="oe_container oe_dark">
+
-    <div class="oe_row oe_padded">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-        <div class="oe_span6">
+     <div class="oe_row oe_spaced">
-            <p>
+         <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>
-               * PDF Report Of Data Import/Export Plugin Project.(Issues Only)
+     </div>
-            </p>
+</section>
-        </div>
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-        <div class="oe_span6">
+    <div class="oe_row oe_spaced">
-            <div class="oe_row_img oe_centered">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                <img class="oe_picture oe_screenshot"
+            Our Services
-                     src="screen_shot_pdf_report_2.png">
+        </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_row oe_padded">
+     <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_row_img oe_centered">
+            Our Industries
-                <img class="oe_picture oe_screenshot"
+        </h2>
-                     src="screen_shot_xls_report.png">
+        <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>
+
+            </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 class="oe_span6">
-            <p>
-              * XLS Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
-            </p>
         </div>
     </div>
 </section>
-<section class="oe_container oe_dark">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-    <div class="oe_row oe_padded">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-        <div class="oe_span6">
+        <div>
-            <p>
+            <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>
-               * XLS Report Of Data Import/Export Plugin Project.(Issues Only)
+            <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>
-            </p>
+            <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>
-        <div class="oe_span6">
+        <br>
-            <div class="oe_row_img oe_centered">
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-                <img class="oe_picture oe_screenshot"
+        <div>
-                     src="screen_shot_xls_report_2.png">
+          <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>
-            </div>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
         </div>
     </div>
 </section>
-<section class="oe_container oe_dark">
+
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+
-    <div class="oe_slogan" style="margin-top:10px !important;">
-        <a  class="btn btn-primary btn-lg mt8"
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
-            class="fa fa-envelope"></i> Email </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
-            href="http://www.cybrosys.com/contact/"><i
-            class="fa fa-phone"></i> Contact Us </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-            class="fa fa-check-square"></i> Request Customization </a>
-    </div>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-</section>

project_status_level_report/static/description/index.html

@@ -1,136 +1,388 @@
-<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">Project Status Report</h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <h3 class="oe_slogan">Graphical information of Project from various aspects.</h3>
+            Project Status Report
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        </h2>
-
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Graphical information of Project from various aspects.
+        </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>-->
-        <!--<center>-->
-            <!--This module helps to analyse project from various aspects. The excel report will contain-->
-            <!--complete project status report with budget, task analysis, gantt chart and project-->
-            <!--breakdown charter.-->
-        <!--</center>-->
-    <!--</div>-->
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-    <div class="row oe_row oe_spaced">
+    <div class="oe_row oe_spaced">
-        <div class="col-md-6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-                &#9728; This Module Helps to Analyse Project in Various Aspects.<br>
+            Overview
-                &#9728; Complete Project Status XLS Report with Budget Analysis.<br>
+        </h2>
-                &#9728; Tasks, Gantt chart XLS Analysis.<br>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                &#9728; Project Breakdown Charter Analysis.<br>
+            This Module Helps to Analyse Project in Various Aspects.It also provides the graphical information of project in these aspects.
-        </div>
+        </h3>
-        <div class="col-md-6">
-            <div class="oe_bg_img">
-                <img class="oe_picture oe_screenshot center-block" src="icon.png" style="margin-top: 0px !important;">
-            </div>
-        </div>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
     <div class="oe_row oe_spaced">
-        <div class="oe_span6">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_demo oe_picture oe_screenshot">
+             Features
-                <p><center>Menu View</center></p>
+        </h2>
-                <img src="project_menu_view.png">
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Helps to Analyse Project in Various Aspects.
-        <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;">
-                <p><center>Wizard View</center></p>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-                <img src="project_wizard.png">
+              Complete Project Status XLS Report with Budget Analysis.
-            </div>
+         </h3>
-        </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+              Tasks, Gantt chart XLS Analysis.
+         </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>
+              Project Breakdown Charter Analysis.
+         </h3>
+
     </div>
 </section>
-<section class="oe_container">
+
-    <h3 class="oe_slogan">Project Graphical Overview</h3>
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-            <div class="oe_bg_img">
-                <img class="oe_picture oe_screenshot" src="sheet_1.png">
-            </div>
-</section>
-<section class="oe_container">
-    <h3 class="oe_slogan">Project Informations</h3>
-            <div class="oe_bg_img">
-                <img class="oe_picture oe_screenshot" src="sheet_2.png">
-            </div>
-</section>
-<section class="oe_container">
     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Pie chart for task status</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span6">
+            Screenshots
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                    <img src="pie_chart_task.png">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Menu View
+            </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-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'>
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-               &#x261B; The pie chart of Overall task status.
+            Wizard View
-            </p>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-cybrosys-2.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Project Graphical Overview
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-cybrosys-3.png" alt="" style="width: 95%;"/>
+        </div>
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           Project Informations
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-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>
+            The pie chart of Overall task status.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-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>
+            End user can easily compare the actual and planned time the Project.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-cybrosys-6.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>
+            To compare the actual and planned budget of the Project.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-cybrosys-7.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>
+            Project task information and the bar chart are there. End user can easily Analysed the Tasks.
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="project-satus-level-cybrosys-8.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">
-        <h4 class="oe_slogan">Bar chart for time comparison</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span6">
+            Our Services
-            <p class='oe_mt32'>
+        </h2>
-              &#x261B;  End user can easily compare the actual and planned time the Project.
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            </p>
+            <div style="flex-basis: 18%;">
-        </div>
+
-        <div class="oe_span6">
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-            <div class="oe_demo oe_picture oe_screenshot">
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-                    <img src="bar_chart_time.png">
+                            <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">
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-    <div class="oe_row oe_spaced">
+     <div class="oe_row oe_spaced">
-        <h4 class="oe_slogan">Bar chart for Budget</h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_span6">
+            Our Industries
-            <div class="oe_demo oe_picture oe_screenshot">
+        </h2>
-                    <img src="bar_chart_budget.png">
+        <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>
+
+            </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 class="oe_span6">
-            <p class='oe_mt32'>
-              &#x261B; To compare the actual and planned budget of the Project.
-            </p>
         </div>
     </div>
 </section>
-<section class="oe_container">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
-    <div class="oe_row oe_spaced">
+    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
-        <h4 class="oe_slogan">Project task Bar chart</h4>
+        <div>
-        <div class="oe_span6">
+            <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>
-            <p class='oe_mt32'>
+            <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>
-              &#x261B; Project task information and the bar chart are there. End user can easily Analysed the Tasks.
+            <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>
-            </p>
         </div>
-        <div class="oe_span6">
+        <br>
-            <div class="oe_demo oe_picture oe_screenshot">
+        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
-                    <img src="gantt_chart_task.png">
+        <div>
-            </div>
+          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
         </div>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help.?</h2>
+
-    <div class="oe_slogan" style="margin-top:10px !important;">
+
-        <a  class="btn btn-primary btn-lg mt8"
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
-            class="fa fa-envelope"></i> Email </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
-            href="http://www.cybrosys.com/contact/"><i
-            class="fa fa-phone"></i> Contact Us </a> <a
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-            class="fa fa-check-square"></i> Request Customization </a>
-    </div>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-</section>

restricted_task_following/static/description/index.html

@@ -1,63 +1,336 @@
-<section class="oe_container">
+
-    <div class="oe_spaced">
+<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-header-banner.png);background-repeat:no-repeat;background-size:100%;padding: 4% 0% 2% 15%;background-position-y: -107px;">
-        <h2 class="oe_slogan">Disable Auto Task Following</h2>
+    <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Only assigned & created person will follow the task, Restrict other followers of project</h3>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-
+            Disable Auto Task Following
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        </h2>
-        <div style="padding-left:66px;">
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-        <h4>Features:</h4>
+            Only assigned & created person will follow the task, Restrict other followers of project
-        <ul>
+        </h3>
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Option to Disable Automatic Task Following From Project Followers</li>
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; User Can Add Custom Followers to Task</li>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-        </ul>
+        </h5>
-        </div>
+        <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">
-        <h3 class="oe_slogan">Option Disable Automatic Task Following</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_demo oe_picture oe_screenshot" style="max-height: 100%;">
+            Overview
-            <img src="pro_form.png">
+        </h2>
-        </div>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            The module helps you to restrict other followers from following tasks,
+            only assigned persons can view it.
+        </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: 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>
+             Option to Disable Automatic Task Following From Project Followers
+         </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>
+             User Can Add Custom Followers to Task
+        </h3>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 3% 0% 0% 15%;">
-    <div class="oe_spaced">
+    <div class="oe_row oe_spaced">
-        <h3 class="oe_slogan">Only assignee & Assigned Person will Follow the Task By Default</h3>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <div class="oe_demo oe_picture oe_screenshot" style="max-height: 100%;">
+            Screenshots
-            <img src="task_form.png">
+        </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>
+            Option Disable Automatic Task Following
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="restricted-task-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>
+            Only assignee & Assigned Person will Follow the Task By Default
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="restricted-task-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
+
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+     <div class="oe_row oe_spaced">
-		<div class="oe_slogan" style="margin-top:10px !important;">
+         <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>
+     </div>
-				<a  class="btn btn-primary btn-lg mt8"
+</section>
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-				class="fa fa-envelope"></i> Email </a> <a
+    <div class="oe_row oe_spaced">
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-				href="http://www.cybrosys.com/contact/"><i
+            Our Services
-				class="fa fa-phone"></i> Contact Us </a> <a
+        </h2>
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+            <div style="flex-basis: 18%;">
-				class="fa fa-check-square"></i> Request Customization </a>
+
-	        </div>
+                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
-            <br>
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
-            <div>
+                            </a>
-			  <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>
-              <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>
+                     <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.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.cybrosys.com/odoo-customization-and-installation/" target="_blank">
-              <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>
+                        Odoo Customization
-              <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>
+                     </h3>
+
             </div>
-		</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>
+
+            </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 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>

sale_product_image/static/description/index.html

@@ -1,68 +1,371 @@
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-        <h2 class="oe_slogan">Product Images in Sales & Reports</h2>
-        <h3 class="oe_slogan"></h3>
-        <h4><p>Features:</p></h4>
-            <ul>
-               <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Add Your Preferred Image for the Product.</li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Edit the Image of Product From Sale Order Line Itself.</li>
-                <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Product Image is Also Viewable in Sale Order Report.</li>
-            </ul>
 
+<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" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
+            Product Images in Sales & Reports
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+        </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">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module helps you to add product images in sales and reports.It also
+            allows the user to edit images of products from sale order line Itself.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            No additional configuration required
+        </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: 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>
+              Add Your Preferred Image for the Product.
+         </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>
+               Edit the Image of Product From Sale Order Line Itself.
+         </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>
+              Product Image is Also Viewable in Sale Order Report
+         </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 class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h2 class="oe_slogan">Product Images in Order Lines </h2>
+            Screenshots
-            <h3 class="oe_slogan">Add or Edit</h3>
+        </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>
+            Product Images in Order Lines.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="sale-product-cybrosys-1.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_span5">
+        <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="sol.png">
+            Product Image in Sale Order Report
-            </div>
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="sale-product-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
+
     </div>
 </section>
 
-<section class="oe_container ">
+<!--<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 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>-->
+             <!--Product Images in Order Lines.-->
+         <!--</h3>-->
+        <!--<div class="oe_row oe_spaced">-->
+            <!--<img src="sale-product-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;">-->
+            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            <!--Product Image in Sale Order Report-->
+        <!--</h3>-->
+        <!--<div class="oe_row oe_spaced">-->
+            <!--<img src="sale-product-cybrosys-2.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">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h2 class="oe_slogan">Product Image in Sale Order Report</h2>
+            Our Services
-        </div>
+        </h2>
-        <div class="">
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            <div class="oe_screenshot" style="margin-top:20px;">
+            <div style="flex-basis: 18%;">
-                    <img src="pdf.png" class="center-block">
+
+                    <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" 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>
+
+            </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>
 
-<section class="oe_container oe_dark">
-		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
-		<div class="oe_slogan" style="margin-top:10px !important;">
-            <div>
-				<a  class="btn btn-primary btn-lg mt8"
-				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
-				class="fa fa-envelope"></i> Email </a> <a
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-				href="http://www.cybrosys.com/contact/"><i
-				class="fa fa-phone"></i> Contact Us </a> <a
-				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
-				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
-				class="fa fa-check-square"></i> Request Customization </a>
-	        </div>
-            <br>
-		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
-            <div>
-			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
-              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
-              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
-              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
             </div>
-		</div>
+            <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/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>
+

send_message_direct_composer/static/description/index.html

@@ -1,53 +1,345 @@
-<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">Email Composer Pop-up Box</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">Separate Mail Composer Window for 'Send Message' Button Click</h3>
+            Email Composer Pop-up Box
-        <h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Separate Mail Composer Window for 'Send Message' Button Click
+        </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">
-        <h4><p style="margin-left: 42px;">Major Features:</p></h4>
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-        <ul>
+            Overview
-           <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Full-Featured HTML Editor.</li>
+        </h2>
-            <li style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; See Entire Mail in a Window.</li>
+        <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 style="list-style:none !important;"><span style="color:green;"> &#9733;</span>&nbsp;&nbsp; Forget About In-line Plain Textbox.</li>
+            This module provides seperate mail composer window at the time of sending messages.
-        </ul>
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            No additional configuration required.
+        </h3>
     </div>
 </section>
 
-<section class="oe_container oe_dark">
+<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: 5% 0% 15% 15%;">
-    <h3 style="margin-top: 42px;" class="oe_slogan">Normal Case:</h3>
     <div class="oe_row oe_spaced">
-        <div class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <div class="oe_row_img oe_centered">
+             Features
-                <img class="oe_picture oe_screenshot" src="direct_composer_002.png">
+        </h2>
-            </div>
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+             Full-Featured HTML Editor.
+         </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>
+             See Entire Mail in a Window.
+         </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>
+             Forget About In-line Plain Textbox.
+         </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>
+            Normal Case
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="send-message-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>
+            After Installation
+        </h3>
+        <div class="oe_row oe_spaced">
+            <img src="send-message-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-    <h3 style="margin-top: 42px;" class="oe_slogan">Installed Case:</h3>
+     <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;">
-            <div class="oe_row_img oe_centered">
+            Our Services
-                <img class="oe_picture oe_screenshot" src="direct_composer_001.png">
+        </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" 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>
+
+            </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;">
 
-<section class="oe_container oe_dark">
+                    <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/pos/" target="_blank">
-        <a  class="btn btn-primary btn-lg mt8"
+                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+                            </a>
-            class="fa fa-envelope"></i> Email </a> <a
+                        </div>
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                    </div>
-            href="http://www.cybrosys.com/contact/"><i
+                    <div style="width:70%;float:left;">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                     <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;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                            POS</a>
-            class="fa fa-check-square"></i> Request Customization </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>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
+</section>
-</section>
+
+

taxless_accounting/static/description/index.html

@@ -1,19 +1,330 @@
-<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">Hide Tax From Accounting </h2>
+        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
-        <div class="oe_span6">
+            Hide Tax From Accounting
-            <p class="oe_mt32">
+        </h2>
-                Hides tax related fields and menus from accounting
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
-            </p>
+            Hides tax related fields and menus from accounting
-            <p>
+        </h3>
-                This hiding happens in user level. If you check this option hidden things will become visible for that user
+        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
-            </p>
+            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
-            <hr>
+        </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">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            Overview
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+             This module hides tax related fields and menus from accounting.
+            The hiding happens in user level i.e tax related information will be hidden from invoice lines.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            You have to disable the 'Tax Visible' option to hide the tax related information.
+            Go to Settings --> Users --> Tax Visible
+        </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: 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>
+             Hides tax related fields and menus from accounting.
+         </h3>
+    </div>
+</section>
+
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            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>
+             If you check this option hidden things will become visible for that user.
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="taxless-accounting-cybrosys-2.png" alt="" style="width: 95%;"/>
         </div>
-        <div class="oe_row_img oe_centered oe_mt32">
+    </div>
-                <img class="oe_picture oe_screenshot" src="tax_config.png"><hr>
+</section>
-                <img class="oe_picture oe_screenshot" src="tax_invoice.png">
+
+
+<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%;">
+
+                <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>
+
+            </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 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>

timesheets_by_employee/static/description/index.html

@@ -1,53 +1,342 @@
-<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">Timesheet PDF Report of Employee</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">..Print timesheets of selected employees..</h3>
+            Timesheet PDF Report of Employee
-        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
+        </h2>
+        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            Print timesheets of selected employees
+        </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 oe_dark">
+</section>
-        <div>
+
-            <p class='oe_mt32'>
+<section class="oe_container" style="padding: 1% 0% 3% 15%;">
-            This module by Cybrosys Technologies allows to print the timesheets of selected employee. It will group all timesheet lines
+    <div class="oe_row oe_spaced">
-                of selected employee in wizard by period.
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            </p>
+            Overview
-        </div>
+        </h2>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            This module by Cybrosys Technologies allows to print the timesheets of selected employee.
+            It will group all timesheet lines of selected employee in wizard by period.
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;padding: 2% 0% 0% 0%;">
+            Configuration
+        </h3>
+        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            No additional configuration required
+        </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: 15% 0% 20% 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">Generate Timesheet Report Wizard With Dates:</h3>
+             Features
-            <div>
+        </h2>
-                <img class="oe_demo oe_picture oe_screenshot" src="image1.png">
+         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
-        </div>
+             Print the timesheets of selected employees
+         </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>
+             Performs period wise grouping of timesheet lines
+         </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 class="oe_span12">
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            <h3 class="oe_slogan">PDF Report Of Employee Timesheet:</h3>
+            Screenshots
-            <div>
+        </h2>
-                <img class="oe_demo oe_picture oe_screenshot" src="image2.png">
+        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            </div>
+            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            Generate Timesheet Report Wizard With Dates
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="timesheet-by-employee-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>
+            PDF Report Of Employee Timesheet
+         </h3>
+        <div class="oe_row oe_spaced">
+            <img src="timesheet-by-employee-cybrosys-2.png" alt="" style="width: 95%;"/>
+        </div>
+
     </div>
 </section>
 
-<section class="oe_container">
+<section class="oe_container" style="padding: 7px 0% 0% 3%;">
-    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
+     <div class="oe_row oe_spaced">
-    <div class="oe_slogan" style="margin-top:10px !important;">
+         <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>
-        <a  class="btn btn-primary btn-lg mt8"
+     </div>
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+</section>
-            class="fa fa-envelope"></i> Email </a> <a
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+    <div class="oe_row oe_spaced">
-            href="http://www.cybrosys.com/contact/"><i
+        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
-            class="fa fa-phone"></i> Contact Us </a> <a
+            Our Services
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+        </h2>
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
-            class="fa fa-check-square"></i> Request Customization </a>
+            <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>
-            <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
 </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>
+
+            </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 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>