[UPDT] Index Updated

cybro_product_stock_balance/static/description/index.html

@@ -1,323 +1,539 @@
-
+<div class="container" style="padding: 1rem !important; margin-bottom: 1rem !important;">
-<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="row">
-    <div class="oe_row oe_spaced">
+        <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
-        <h2 class="oe_slogan" style="font-size: 35px;color: #fff;font-weight: 900;text-transform: uppercase;text-align: left;margin: 0;margin-bottom: 16px;">
+            style="border-bottom: 1px solid #d5d5d5;">
-            Stock Balance by Locations
+            <div class="my-3">
-        </h2>
+                <img src="./assets/icons/logo.png" style="width: auto !important; height: 40px !important;">
-        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+            </div>
-           Estimate inventory levels by warehouses right on a product form
+            <div class="my-3 d-flex align-items-center">
-        </h3>
+                <div
-        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
+                    style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
+                    <i class="fa fa-check mr-1"></i>Community
-        </h5>
+                </div>
-        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+                <div
-            <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;">
+                    style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+                    <i class="fa fa-check mr-1"></i>Enterprise
-            </div>
+                </div>
-        </a>
+
-    </div>
+            </div>
-</section>
+        </div>
-
+    </div>
-<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+</div>
-    <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="container" style="padding: 0rem 1.5rem 4rem !important">
-            Overview
+    <div class="row" style="height: 900px !important;">
-        </h2>
+        <div class="col-sm-12 col-md-12 col-lg-12"
-        <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;">
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-            This module gives total number of quantity if this product are stocked at internal location. You won't need to look at the inventory and take count of product in each location.This app give you a overall status of quantity at each location.
+            <h1
-        </h3>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-    </div>
+                Available Stock in Product Form</h1>
-</section>
+            <p
-
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 15%;">
+                Estimate inventory levels by warehouses right on a product form
-    <div class="oe_row oe_spaced">
+            </p>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
-             Features
+        </div>
-        </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;">
+
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+    <div class="row">
-              Overall status of quantity on product form
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-         </h3>
+            <h2
-    </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-</section>
+                <i class="fa fa-compass mr-2"></i>Explore this module
-
+            </h2>
-<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+        </div>
-    <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;">
+            <a href="#overview" style="text-decoration: none !important;">
-            Screenshots
+                <div class="row"
-        </h2>
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-        <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="col-8">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                        <h3
-            This module gives you an overall status of quantity at each internal location right on product form.
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-         </h3>
+                            Overview</h3>
-        <div class="oe_row oe_spaced">
+                        <p
-            <img src="cybro-product-stock-cybrosys-1.png" alt="" style="width: 95%;"/>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-        </div>
+                            Learn more about this module</p>
-    </div>
+                    </div>
-</section>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+                    </div>
-     <div class="oe_row oe_spaced">
+                </div>
-         <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>
-     </div>
+        </div>
-</section>
+        <div class="col-md-6">
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+            <a href="#features" style="text-decoration: none !important;">
-    <div class="oe_row oe_spaced">
+                <div class="row"
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-            Our Services
+                    <div class="col-8">
-        </h2>
+                        <h3
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-            <div style="flex-basis: 18%;">
+                            Features</h3>
-
+                        <p
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                            View features of this module</p>
-                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    </div>
-                            </a>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                    </div>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-                     <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;">
+                    </div>
-                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                </div>
-                        Odoo Customization
+            </a>
-                         </a>
+        </div>
-                     </h3>
+        <div class="col-md-6">
-
+            <a href="#screenshots" style="text-decoration: none !important;">
-            </div>
+                <div class="row"
-             <div style="flex-basis: 18%;">
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-
+                    <div class="col-8">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                        <h3
-                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                            Screenshots</h3>
-                        </a>
+                        <p
-                </div>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                 <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;">
+                            See key screenshots of this module</p>
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                    </div>
-                        Odoo Implementation </a>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                 </h3>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-
+                    </div>
-            </div>
+                </div>
-             <div style="flex-basis: 18%;">
+            </a>
-
+        </div>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+    </div>
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+    <div class="row" id="overview">
-                    </a>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                </div>
+            <h2
-                 <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;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <i class="fa fa-pie-chart mr-2"></i>Overview
-                        Odoo Integration
+            </h2>
-                    </a>
+        </div>
-                 </h3>
+
-
+        <div class="col-mg-12 pl-3">
-            </div>
+            <p
-             <div style="flex-basis: 18%;">
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-
+                This module gives total number of quantity if this product are stocked at internal location. You
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                won't need to look at the inventory and take count of product in each location.This app give you a
-                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                overall status of quantity at each location.
-                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+            </p>
-                        </a>
+
-                </div>
+        </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;">
+    </div>
-                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+
-                        Odoo Support</a>
+    <div class="row" id="features">
-                 </h3>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-
+            <h2
-            </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-             <div style="flex-basis: 18%;">
+                <i class="fa fa-star mr-2"></i>Features
-
+            </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">
+
-                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+        <div class="col-md-12 pl-3 d-flex">
-                        </a>
+            <div>
-                </div>
+                <img src="assets/icons/check.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;">
+            </div>
-                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+            <div>
-                        Hire Odoo Developers</a>
+                <h4
-                 </h3>
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                     </a>
+
-            </div>
+                    Overall status of quantity on product form</h4>
-        </div>
+
-    </div>
+            </div>
-</section>
+        </div>
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+    </div>
-     <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="row" id="screenshots">
-            Our Industries
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-        </h2>
+            <h2
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                <i class="fa fa-image mr-2"></i>Screenshots
-
+            </h2>
-                    <div style="width:30%; float:left;">
+        </div>
-                        <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">
+        <div class="col-lg-12 my-2">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+            <h4 class="my-2"
-                            </a>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        </div>
+                Shows overall status of quantity at each internal location</h4>
-                    </div>
+            <p
-                    <div style="width:70%;float:left;">
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                     <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;">
+                This module gives you an overall status of quantity at each internal location right on product form.
-                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+            </p>
-                        Trading
+            <img src="assets/screenshots/screenshot-1.png" class="img-responsive img-thumbnail border" width="100%"
-                         </a>
+                height="auto" />
-                     </h3>
+        </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+    </div>
-                        Easily procure and sell your products.
+
-                     </h3>
+    <!-- SUGGESTED PRODUCTS -->
-                        </div>
+    <div class="row">
-
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
-            </div>
+            style="text-align: center; padding: 2.5rem 1rem !important;">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
-
+            <hr
-                    <div style="width:30%; float:left;">
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                        <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">
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                <!-- The slideshow -->
-                            </a>
+                <div class="carousel-inner">
-                        </div>
+                    <div class="carousel-item active" style="min-height:0px">
-                    </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    <div style="width:70%;float:left;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/dynamic_accounts_report/" target="_blank">
-                     <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;">
+                                <div style="border-radius:10px">
-                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                                    <img class="img img-responsive center-block"
-                            Manufacturing</a>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                     </h3>
+                                        src="./assets/modules/1.png">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                                </div>
-                        Plan, track and schedule your operations.
+                            </a>
-                     </h3>
+                        </div>
-                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-
+                            <a href="https://apps.odoo.com/apps/modules/14.0/invoice_format_editor/" target="_blank">
-            </div>
+                                <div style="border-radius:10px">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                    <img class="img img-responsive center-block"
-
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                    <div style="width:30%; float:left;">
+                                        src="./assets/modules/2.png">
-                        <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/restaurant-management/" target="_blank">
+                            </a>
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
-                            </a>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        </div>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/project_report_pdf/" target="_blank">
-                    </div>
+                                <div style="border-radius:10px">
-                    <div style="width:70%;float:left;">
+                                    <img class="img img-responsive center-block"
-                     <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;">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                        src="./assets/modules/3.png">
-                            Restaurant</a>
+                                </div>
-                     </h3>
+                            </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.
+                    </div>
-                     </h3>
+                    <div class="carousel-item" style="min-height:0px">
-                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-
+                            <a href="https://apps.odoo.com/apps/modules/14.0/top_selling_product_report/"
-            </div>
+                                target="_blank">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                <div style="border-radius:10px">
-
+                                    <img class="img img-responsive center-block"
-                    <div style="width:30%; float:left;">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                        src="./assets/modules/4.png">
-                            <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>
-                            </a>
+                        </div>
-                        </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    </div>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/invoice_stock_move/" target="_blank">
-                    <div style="width:70%;float:left;">
+                                <div style="border-radius:10px">
-                     <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;">
+                                    <img class="img img-responsive center-block"
-                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            POS</a>
+                                        src="./assets/modules/5.png">
-                     </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;">
+                            </a>
-                        Easy configuring and convivial selling.
+                        </div>
-                     </h3>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        </div>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/account_payment_instalment/"
-
+                                target="_blank">
-            </div>
+                                <div style="border-radius:10px">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                    <img class="img img-responsive center-block"
-
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                    <div style="width:30%; float:left;">
+                                        src="./assets/modules/6.png">
-                        <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/ecommerce-website/" target="_blank">
+                            </a>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        </div>
-                            </a>
+                    </div>
-                        </div>
+                </div>
-                    </div>
+                <!-- Left and right controls -->
-                    <div style="width:70%;float:left;">
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                     <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;">
+                    style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
-                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a
-                            E-commerce & Website</a>
+                    class="carousel-control-next" href="#demo1" data-slide="next"
-                     </h3>
+                    style="right:-25px;width: 35px;color: #000;">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                        Mobile friendly, awe-inspiring product pages.
+                            style="font-size:24px"></i></span>
-                     </h3>
+                </a>
-                    </div>
+            </div>
-            </div>
+        </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+    </div>
-
+    <!-- END OF SUGGESTED PRODUCTS -->
-                    <div style="width:30%; float:left;">
+
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+    <!-- OUR SERVICES -->
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+    <section class="container" style="margin-top: 6rem !important;">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+        <div class="row">
-                            </a>
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-                        </div>
+                <h2 style="color: #212529 !important;">Our Services</h2>
-                    </div>
+                <hr
-                    <div style="width:70%;float:left;">
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                     <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;">
+            </div>
-                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+
-                            Hotel Management</a>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                     </h3>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                        An all-inclusive hotel management application.
+                    <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-                     </h3>
+                </div>
-                        </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-            </div>
+                    Odoo
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                    Customization</h6>
-
+            </div>
-                    <div style="width:30%; float:left;">
+
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                    style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                            </a>
+                    <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-                        </div>
+                </div>
-                    </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    <div style="width:70%;float:left;">
+                    Odoo
-                     <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;">
+                    Implementation</h6>
-                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+            </div>
-                            Education</a>
+
-                     </h3>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                        A Collaborative platform for educational management.
+                    style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                     </h3>
+                    <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
-                        </div>
+                </div>
-            </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-             <div style="flex-basis: 32%;padding-top: 20px;">
+                    Odoo
-
+                    Support</h6>
-                    <div style="width:30%; float:left;">
+            </div>
-                        <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%;"/>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                            </a>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                        </div>
+                    style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    </div>
+                    <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
-                    <div style="width:70%;float:left;">
+                </div>
-                     <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;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    Hire
-                            Service Management</a>
+                    Odoo
-                     </h3>
+                    Developer</h6>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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>
-                        Keep track of services and invoice accordingly.
+
-                     </h3>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-            </div>
+                    style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        </div>
+                    <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
-    </div>
+                </div>
-</section>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-<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%;">
+                    Odoo
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+                    Integration</h6>
-        <div>
+            </div>
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 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>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-            <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 class="d-flex justify-content-center align-items-center mx-3 my-3"
-        </div>
+                    style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <br>
+                    <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+                </div>
-        <div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-          <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>
+                    Odoo
-          <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>
+                    Migration</h6>
-          <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>
+            </div>
-          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;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 class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-    </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-</section>
+                    style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Consultancy</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                    style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Implementation</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                    style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Licensing Consultancy</h6>
+            </div>
+        </div>
+    </section>
+    <!-- END OF END OF OUR SERVICES -->
+
+    <!-- OUR INDUSTRIES -->
+    <section class="container" style="margin-top: 6rem !important;">
+        <div class="row">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Our Industries</h2>
+                <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Trading
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Easily procure
+                        and
+                        sell your products</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        POS
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Easy
+                        configuration
+                        and convivial experience</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px"
+                        width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Education
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        A platform for
+                        educational management</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px"
+                        width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Manufacturing
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Plan, track and
+                        schedule your operations</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        E-commerce &amp; Website
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Mobile
+                        friendly,
+                        awe-inspiring product pages</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Service Management
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Keep track of
+                        services and invoice</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px"
+                        width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Restaurant
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Run your bar or
+                        restaurant methodically</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Hotel Management
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        An
+                        all-inclusive
+                        hotel management application</p>
+                </div>
+            </div>
+
+        </div>
+    </section>
+
+    <!-- END OF END OF OUR INDUSTRIES -->
+
+    <!-- FOOTER -->
+    <!-- Footer Section -->
+    <section class="container" style="margin: 5rem auto 2rem;">
+        <div class="row" style="max-width:1540px;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Need Help?</h2>
+                <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+            </div>
+        </div>
+
+        <!-- Contact Cards -->
+        <div class="row d-flex justify-content-center align-items-center"
+            style="max-width:1540px; margin: 0 auto 2rem auto;">
+
+            <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                    </div>
+                    <div class="col-lg-6">
+                        <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
+                            class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <!-- End of Contact Cards -->
+    </section>
+    <!-- Footer -->
+    <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+        <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+            <!-- Logo -->
+            <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
+                <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+            </div>
+            <!-- End of Logo -->
+            <div class="col-lg-12">
+                <hr
+                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                <!-- End of Footer Section -->
+            </div>
+        </div>
+    </section>
+    <!-- END OF FOOTER -->
+
+</div>

leave_approval_mail/static/description/index.html

@@ -1,340 +1,560 @@
-
+
-<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="container" style="padding: 1rem !important; margin-bottom: 1rem !important;">
-    <div class="oe_row oe_spaced">
+    <div class="row">
-        <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="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
-            Leave Approval Notification
+            style="border-bottom: 1px solid #d5d5d5;">
-        </h2>
+            <div class="my-3">
-        <h3 class="oe_slogan" style="font-size: 25px;color: #fff;font-weight: 600;text-align: left;opacity: 1;margin: 0 !important;">
+                <img src="./assets/icons/logo.png" style="width: auto !important; height: 40px !important;">
-          It Gives notification e-mail to employee
+            </div>
-        </h3>
+            <div class="my-3 d-flex align-items-center">
-        <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>
+                    style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-        </h5>
+                    <i class="fa fa-check mr-1"></i>Community
-        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+                </div>
-            <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;"/>
+                    style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-            </div>
+                    <i class="fa fa-check mr-1"></i>Enterprise
-        </a>
+                </div>
-    </div>
+
-</section>
+            </div>
-
+        </div>
-<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+    </div>
-    <div class="oe_row oe_spaced">
+</div>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+
-            Overview
+<div class="container" style="padding: 0rem 1.5rem 4rem !important">
-        </h2>
+    <div class="row" style="height: 900px !important;">
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+        <div class="col-sm-12 col-md-12 col-lg-12"
-            This module will send a notification mail on approval of employee leave request
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-            Mail contains:</br>
+            <h1
-            * No. of days leave for approved.</br>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-            * Date of leaves approved.
+                Leave Approval Notification</h1>
-        </h3>
+                <p
-    </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-</section>
+                Events Report With States & Attendees Details
-
+            </p>
-
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 15%;">
+        </div>
-    <div class="oe_row oe_spaced">
+    </div>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+
-             Features
+    <div class="row">
-        </h2>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-         <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;">
+            <h2
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-             Instant Notification to employee on Leave approval
+                <i class="fa fa-compass mr-2"></i>Explore this module
-         </h3>
+            </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;">
+        </div>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+        <div class="col-md-6">
-             Instant Notification to employee on Leave rejection
+            <a href="#overview" style="text-decoration: none !important;">
-         </h3>
+                <div class="row"
-    </div>
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-</section>
+                    <div class="col-8">
-
+                        <h3
-<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-    <div class="oe_row oe_spaced">
+                            Overview</h3>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                        <p
-            Screenshots
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-        </h2>
+                            Learn more about this module</p>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+                    </div>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-            On clicking this Approve button E-mail is send to the employee
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-         </h3>
+                    </div>
-        <div class="oe_row oe_spaced">
+                </div>
-            <img src="leave-approval-cybrosys-1.png" alt="" style="width: 95%;"/>
+            </a>
-        </div>
+        </div>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+        <div class="col-md-6">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <a href="#features" style="text-decoration: none !important;">
-            Received E-mail regarding the approved leave
+                <div class="row"
-        </h3>
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-        <div class="oe_row oe_spaced">
+                    <div class="col-8">
-            <img src="leave-approval-cybrosys-2.png" alt="" style="width: 95%;"/>
+                        <h3
-        </div>
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-
+                            Features</h3>
-    </div>
+                        <p
-</section>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-
+                            View features of this module</p>
-
+                    </div>
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-     <div class="oe_row oe_spaced">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-         <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>
+                </div>
-</section>
+            </a>
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+        </div>
-    <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;">
+            <a href="#screenshots" style="text-decoration: none !important;">
-            Our Services
+                <div class="row"
-        </h2>
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+                    <div class="col-8">
-            <div style="flex-basis: 18%;">
+                        <h3
-
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            Screenshots</h3>
-                            <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%;"/>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                            </a>
+                            See key screenshots of this module</p>
-                    </div>
+                    </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;">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-                        Odoo Customization
+                    </div>
-                         </a>
+                </div>
-                     </h3>
+            </a>
-
+        </div>
-            </div>
+        
-             <div style="flex-basis: 18%;">
+    </div>
-
+
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+
-                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+    <div class="row" id="overview">
-                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                        </a>
+            <h2
-                </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                 <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;">
+                <i class="fa fa-pie-chart mr-2"></i>Overview
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+            </h2>
-                        Odoo Implementation </a>
+        </div>
-                 </h3>
+
-
+        <div class="col-mg-12 pl-3">
-            </div>
+            <p
-             <div style="flex-basis: 18%;">
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-
+                This module will send a notification mail on approval of employee leave request Mail contains: * No. of days leave for approved. * Date of leaves approved.</p>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+        </div>
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+    </div>
-                    </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;">
+    <div class="row" id="features">
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                        Odoo Integration
+            <h2
-                    </a>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                 </h3>
+                <i class="fa fa-star mr-2"></i>Features
-
+            </h2>
-            </div>
+        </div>
-             <div style="flex-basis: 18%;">
+
-
+        <div class="col-md-6 pl-3 py-3 d-flex">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+            <div>
-                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                <img src="assets/icons/check.png">
-                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+            </div>
-                        </a>
+            <div>
-                </div>
+                <h4
-                 <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;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                    Instant Notification to employee on Leave approval</h4>
-                        Odoo Support</a>
+                
-                 </h3>
+            </div>
-
+        </div>
-            </div>
+        <div class="col-md-6 pl-3 py-3 d-flex">
-             <div style="flex-basis: 18%;">
+            <div>
-
+                <img src="assets/icons/check.png">
-                <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>
-                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                <h4
-                        </a>
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                </div>
+                    Instant Notification to employee on Leave rejection</h4>
-                 <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">
+            </div>
-                        Hire Odoo Developers</a>
+        </div>
-                 </h3>
+
-                     </a>
+
-            </div>
+    </div>
-        </div>
+
-    </div>
+    <div class="row" id="screenshots">
-</section>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+            <h2
-     <div class="oe_row oe_spaced">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                <i class="fa fa-image mr-2"></i>Screenshots
-            Our Industries
+            </h2>
-        </h2>
+        </div>
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+        <div class="col-lg-12 my-2">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <h4 class="mt-2"
-
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    <div style="width:30%; float:left;">
+                On clicking this Approve button E-mail is send to the employee</h4>
-                        <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="assets/screenshots/leave_approval_mail-1.png" class="img-responsive img-thumbnail border"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                width="100%" height="auto" />
-                            </a>
+        </div>
-                        </div>
+
-                    </div>
+        <div class="col-lg-12 my-3">
-                    <div style="width:70%;float:left;">
+            <h4 class="mt-3"
-                     <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;">
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                Received E-mail regarding the approved leave</h4>
-                        Trading
+            
-                         </a>
+            <img src="assets/screenshots/leave_approval_mail-2.png" class="img-responsive img-thumbnail border"
-                     </h3>
+                width="100%" height="auto" />
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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>
-                        Easily procure and sell your products.
+
-                     </h3>
+
-                        </div>
+
-
+    </div>
-            </div>
+
-            <div style="flex-basis: 32%;padding-top: 20px;">
+   
-
+    <!-- SUGGESTED PRODUCTS -->
-                    <div style="width:30%; float:left;">
+    <div class="row">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
-                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+            style="text-align: center; padding: 2.5rem 1rem !important;">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
-                            </a>
+            <hr
-                        </div>
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                    </div>
+
-                    <div style="width:70%;float:left;">
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                     <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;">
+                <!-- The slideshow -->
-                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                <div class="carousel-inner">
-                            Manufacturing</a>
+                    <div class="carousel-item active" style="min-height:0px">
-                     </h3>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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 href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target="_blank">
-                        Plan, track and schedule your operations.
+                                <div style="border-radius:10px">
-                     </h3>
+                                    <img class="img img-responsive center-block"
-                        </div>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-
+                                        src="./assets/modules/export_image.png">
-            </div>
+                                </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                            </a>
-
+                        </div>
-                    <div style="width:30%; float:left;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/dashboard_pos/" target="_blank">
-                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <div style="border-radius:10px">
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                    <img class="img img-responsive center-block"
-                            </a>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                        </div>
+                                        src="./assets/modules/pos_image.png">
-                    </div>
+                                </div>
-                    <div style="width:70%;float:left;">
+                            </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;">
+                        </div>
-                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                            Restaurant</a>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/product_approval_management/"
-                     </h3>
+                                target="_blank">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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 style="border-radius:10px">
-                        Run your bar or restaurant methodical.
+                                    <img class="img img-responsive center-block"
-                     </h3>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                        </div>
+                                        src="./assets/modules/approval_image.png">
-
+                                </div>
-            </div>
+                            </a>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                        </div>
-
+                    </div>
-                    <div style="width:30%; float:left;">
+                    <div class="carousel-item" style="min-height:0px">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/base_account_budget/" target="_blank">
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                <div style="border-radius:10px">
-                            </a>
+                                    <img class="img img-responsive center-block"
-                        </div>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                    </div>
+                                        src="./assets/modules/budget_image.png">
-                    <div style="width:70%;float:left;">
+                                </div>
-                     <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>
-                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                        </div>
-                            POS</a>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                     </h3>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target="_blank">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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 style="border-radius:10px">
-                        Easy configuring and convivial selling.
+                                    <img class="img img-responsive center-block"
-                     </h3>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                        </div>
+                                        src="./assets/modules/shopify_image.png">
-
+                                </div>
-            </div>
+                            </a>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                        </div>
-
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    <div style="width:30%; float:left;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" target="_blank">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                <div style="border-radius:10px">
-                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                                    <img class="img img-responsive center-block"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            </a>
+                                        src="./assets/modules/magento_image.png">
-                        </div>
+                                </div>
-                    </div>
+                            </a>
-                    <div style="width:70%;float:left;">
+                        </div>
-                     <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;">
+                    </div>
-                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                </div>
-                            E-commerce & Website</a>
+                <!-- Left and right controls -->
-                     </h3>
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
-                        Mobile friendly, awe-inspiring product pages.
+                            class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a
-                     </h3>
+                    class="carousel-control-next" href="#demo1" data-slide="next"
-                    </div>
+                    style="right:-25px;width: 35px;color: #000;">
-            </div>
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                            style="font-size:24px"></i></span>
-
+                </a>
-                    <div style="width:30%; float:left;">
+            </div>
-                        <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/hotel-management-erp/" target="_blank">
+    </div>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+    <!-- END OF SUGGESTED PRODUCTS -->
-                            </a>
+
-                        </div>
+    <!-- OUR SERVICES -->
-                    </div>
+    <section class="container" style="margin-top: 6rem !important;">
-                    <div style="width:70%;float:left;">
+        <div class="row">
-                     <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;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                <h2 style="color: #212529 !important;">Our Services</h2>
-                            Hotel Management</a>
+                <hr
-                     </h3>
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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>
-                        An all-inclusive hotel management application.
+
-                     </h3>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-            </div>
+                    style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                    <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-
+                </div>
-                    <div style="width:30%; float:left;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                    Odoo
-                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    Customization</h6>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+            </div>
-                            </a>
+
-                        </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                    </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                    <div style="width:70%;float:left;">
+                    style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                     <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;">
+                    <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                </div>
-                            Education</a>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                     </h3>
+                    Odoo
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    Implementation</h6>
-                        A Collaborative platform for educational management.
+            </div>
-                     </h3>
+
-                        </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-            </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-             <div style="flex-basis: 32%;padding-top: 20px;">
+                    style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-
+                    <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
-                    <div style="width:30%; float:left;">
+                </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    Odoo
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                    Support</h6>
-                            </a>
+            </div>
-                        </div>
+
-                    </div>
+
-                    <div style="width:70%;float:left;">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                     <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;">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                            Service Management</a>
+                    <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
-                     </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;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        Keep track of services and invoice accordingly.
+                    Hire
-                     </h3>
+                    Odoo
-                        </div>
+                    Developer</h6>
-            </div>
+            </div>
-        </div>
+
-    </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-</section>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-<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%;">
+                    style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+                    <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
-        <div>
+                </div>
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 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>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-            <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>
+                    Odoo
-            <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>
+                    Integration</h6>
-        </div>
+            </div>
-        <br>
+
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-        <div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-          <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>
+                    style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-          <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>
+                    <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
-          <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>
+                </div>
-          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-          <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>
+                    Odoo
-        </div>
+                    Migration</h6>
-    </div>
+            </div>
-</section>
+
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                    style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Consultancy</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                    style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Implementation</h6>
+            </div>
+
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                    style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Licensing Consultancy</h6>
+            </div>
+        </div>
+    </section>
+    <!-- END OF END OF OUR SERVICES -->
+
+    <!-- OUR INDUSTRIES -->
+    <section class="container" style="margin-top: 6rem !important;">
+        <div class="row">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Our Industries</h2>
+                <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Trading
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Easily procure
+                        and
+                        sell your products</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        POS
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Easy
+                        configuration
+                        and convivial experience</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px"
+                        width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Education
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        A platform for
+                        educational management</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px"
+                        width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Manufacturing
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Plan, track and
+                        schedule your operations</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        E-commerce &amp; Website
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Mobile
+                        friendly,
+                        awe-inspiring product pages</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Service Management
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Keep track of
+                        services and invoice</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px"
+                        width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Restaurant
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        Run your bar or
+                        restaurant methodically</p>
+                </div>
+            </div>
+
+            <div class="col-lg-3">
+                <div class="my-4 d-flex flex-column justify-content-center"
+                    style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                    <img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
+                    <h5
+                        style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                        Hotel Management
+                    </h5>
+                    <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                        An
+                        all-inclusive
+                        hotel management application</p>
+                </div>
+            </div>
+
+        </div>
+    </section>
+
+    <!-- END OF END OF OUR INDUSTRIES -->
+
+    <!-- FOOTER -->
+    <!-- Footer Section -->
+    <section class="container" style="margin: 5rem auto 2rem;">
+        <div class="row" style="max-width:1540px;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+                <h2 style="color: #212529 !important;">Need Help?</h2>
+                <hr
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
+            </div>
+        </div>
+
+        <!-- Contact Cards -->
+        <div class="row d-flex justify-content-center align-items-center"
+            style="max-width:1540px; margin: 0 auto 2rem auto;">
+
+            <div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+
+                <div class="row mt-4">
+                    <div class="col-lg-6">
+                        <a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                    </div>
+                    <div class="col-lg-6">
+                        <a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
+                            class="btn btn-block mb-2 deep_hover"
+                            style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;"><i
+                                class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <!-- End of Contact Cards -->
+    </section>
+    <!-- Footer -->
+    <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+        <div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+            <!-- Logo -->
+            <div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
+                <img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
+            </div>
+            <!-- End of Logo -->
+            <div class="col-lg-12">
+                <hr
+                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+                <!-- End of Footer Section -->
+            </div>
+        </div>
+    </section>
+    <!-- END OF FOOTER -->
+
+</div>