[UPDT] Index Updated

crm_drag_back_permission/static/description/index.html

@@ -1,362 +1,570 @@
-<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"
-            CRM Kanban Drag Back
+            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;">
-            Permission for Back Drag in CRM Kanban view
+            </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 restricts some users to drag leads backwards in sales pipeline without permission.
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-        </h3>
+            <h1
-    </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-</section>
+                CRM Kanban Drag Back Permission</h1>
-
+            <p
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 19% 0% 30% 15%;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-    <div class="oe_row oe_spaced">
+                Permission for Back Drag in CRM Kanban view
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+
-             Features
+            </p>
-        </h2>
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
-         <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>
-             Restricts some users to drag leads backwards in sales pipeline.
+
-         </h3>
+    <div class="row">
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <h2
-             Allows the administrator or head of the team to approve leads.
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-         </h3>
+                <i class="fa fa-compass mr-2"></i>Explore this module
-
+            </h2>
-    </div>
+        </div>
-</section>
+        <div class="col-md-6">
-
+            <a href="#overview" style="text-decoration: none !important;">
-<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+                <div class="row"
-    <div class="oe_row oe_spaced">
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                    <div class="col-8">
-            Screenshots
+                        <h3
-        </h2>
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !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;">
+                            Overview</h3>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+                        <p
-            Go to Configuration -> Stages, and set an 'order'(integer value) for each stage you want to use in the pipeline.
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-            The drag back works based on this 'order' field value.
+                            Learn more about this module</p>
-        </h3>
+                    </div>
-        <div class="oe_row oe_spaced">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-            <img src="cybrosys-kanban-dragback-2.png" alt="" style="width: 95%;"/>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-        </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>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            </a>
-            Shows the leads that are in the 'Waiting for Approval' State
+        </div>
-         </h3>
+        <div class="col-md-6">
-        <div class="oe_row oe_spaced">
+            <a href="#features" style="text-decoration: none !important;">
-            <img src="cybrosys-kanban-dragback-3.png" alt="" style="width: 95%;"/>
+                <div class="row"
-        </div>
+                    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
-            The Administrator or the Head of Sales of team which the lead belongs to, can approve the lead to the stage requested by the user or decline the lead back to it's previous stage.
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-         </h3>
+                            Features</h3>
-        <div class="oe_row oe_spaced">
+                        <p
-            <img src="cybrosys-kanban-dragback-5.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>
+                            View features of 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>
-
+                    </div>
-<section class="oe_container oe_dark">
+                </div>
-    <h2 class="oe_slogan">Need Any Help?</h2>
+            </a>
-    <div class="oe_slogan">
+        </div>
-        <a  class="btn btn-primary btn-lg mt8"
+        <div class="col-md-6">
-            style="color: #FFFFFF !important;" href="http://www.cybrosys.com"><i
+            <a href="#screenshots" style="text-decoration: none !important;">
-            class="fa fa-envelope"></i> Email </a> <a
+                <div class="row"
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-            href="http://www.cybrosys.com/contact/"><i
+                    <div class="col-8">
-            class="fa fa-phone"></i> Contact Us </a> <a
+                        <h3
-            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;"
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
+                            Screenshots</h3>
-            class="fa fa-check-square"></i> Request Customization </a>
+                        <p
-    </div>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-</section>
+                            See key screenshots 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">
+
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+    </div>
-            Our Services
+
-        </h2>
+
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+    <div class="row" id="overview">
-            <div style="flex-basis: 18%;">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-
+            <h2
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                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-customization-and-installation/" target="_blank">
+                <i class="fa fa-pie-chart mr-2"></i>Overview
-                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+            </h2>
-                            </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 class="col-mg-12 pl-3">
-                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+            <p
-                        Odoo Customization
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-                         </a>
+                This module restricts some users to drag leads backwards in sales pipeline without permission.</p>
-                     </h3>
+
-
+        </div>
-            </div>
+    </div>
-             <div style="flex-basis: 18%;">
+
-
+
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+    <div class="row" id="features">
-                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+            <h2
-                        </a>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                </div>
+                <i class="fa fa-star mr-2"></i>Features
-                 <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;">
+            </h2>
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+        </div>
-                        Odoo Implementation </a>
+
-                 </h3>
+        <div class="col-md-6 pl-3 py-3 d-flex">
-
+            <div>
-            </div>
+                <img src="assets/icons/check.png">
-             <div style="flex-basis: 18%;">
+            </div>
-
+            <div>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                <h4
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                    Restricts some users to drag leads backwards in sales pipeline</h4>
-                    </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-integration/" target="_blank">
+        <div class="col-md-6 pl-3 py-3 d-flex">
-                        Odoo Integration
+            <div>
-                    </a>
+                <img src="assets/icons/check.png">
-                 </h3>
+            </div>
-
+            <div>
-            </div>
+                <h4
-             <div style="flex-basis: 18%;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-
+                    Allows the administrator or head of the team to approve leads</h4>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+
-                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+            </div>
-                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+        </div>
-                        </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;">
+
-                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+    <div class="row" id="screenshots">
-                        Odoo Support</a>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                 </h3>
+            <h2
-
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-            </div>
+                <i class="fa fa-image mr-2"></i>Screenshots
-             <div style="flex-basis: 18%;">
+            </h2>
-
+        </div>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+        <div class="col-lg-12 my-2">
-                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+            <h4 class="mt-2"
-                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        </a>
+                Go to Configuration -> Stages, and set an 'order'(integer value) for each stage you want to use in
-                </div>
+                the pipeline. The drag back works based on this 'order' field value.</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">
+            <img src="assets/screenshots/crm_drag_back_permission-1.png" class="img-responsive img-thumbnail border"
-                        Hire Odoo Developers</a>
+                width="100%" height="auto" />
-                 </h3>
+        </div>
-                     </a>
+
-            </div>
+        <div class="col-lg-12 my-3">
-        </div>
+            <h4 class="mt-3"
-    </div>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-</section>
+                Shows the leads that are in the 'Waiting for Approval' State</h4>
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+
-     <div class="oe_row oe_spaced">
+            <img src="assets/screenshots/crm_drag_back_permission-2.png" class="img-responsive img-thumbnail border"
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                width="100%" height="auto" />
-            Our Industries
+        </div>
-        </h2>
+
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+        <div class="col-lg-12 my-3">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <h4 class="mt-3"
-
+                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;">
+                The Administrator or the Head of Sales of team which the lead belongs to, can approve the lead to
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                the stage requested by the user or decline the lead back to it's previous stage.</h4>
-                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+            <img src="assets/screenshots/crm_drag_back_permission-3.png" class="img-responsive img-thumbnail border"
-                            </a>
+                width="100%" height="auto" />
-                        </div>
+        </div>
-                    </div>
+
-                    <div style="width:70%;float:left;">
+
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+
-                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+    </div>
-                        Trading
+
-                         </a>
+
-                     </h3>
+    <!-- SUGGESTED PRODUCTS -->
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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="row">
-                        Easily procure and sell your products.
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
-                     </h3>
+            style="text-align: center; padding: 2.5rem 1rem !important;">
-                        </div>
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
-
+            <hr
-            </div>
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-            <div style="flex-basis: 32%;padding-top: 20px;">
+
-
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                    <div style="width:30%; float:left;">
+                <!-- The slideshow -->
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                <div class="carousel-inner">
-                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                    <div class="carousel-item active" style="min-height:0px">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                            </a>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target="_blank">
-                        </div>
+                                <div style="border-radius:10px">
-                    </div>
+                                    <img class="img img-responsive center-block"
-                    <div style="width:70%;float:left;">
+                                        style="border-top-left-radius:10px; border-top-right-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;">
+                                        src="./assets/modules/export_image.png">
-                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                                </div>
-                            Manufacturing</a>
+                            </a>
-                     </h3>
+                        </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        Plan, track and schedule your operations.
+                            <a href="https://apps.odoo.com/apps/modules/14.0/dashboard_pos/" target="_blank">
-                     </h3>
+                                <div style="border-radius:10px">
-                        </div>
+                                    <img class="img img-responsive center-block"
-
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-            </div>
+                                        src="./assets/modules/pos_image.png">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                </div>
-
+                            </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 class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/product_approval_management/"
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                target="_blank">
-                            </a>
+                                <div style="border-radius:10px">
-                        </div>
+                                    <img class="img img-responsive center-block"
-                    </div>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                    <div style="width:70%;float:left;">
+                                        src="./assets/modules/approval_image.png">
-                     <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">
+                            </a>
-                            Restaurant</a>
+                        </div>
-                     </h3>
+                    </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    <div class="carousel-item" style="min-height:0px">
-                        Run your bar or restaurant methodical.
+                        <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/base_account_budget/" target="_blank">
-                        </div>
+                                <div style="border-radius:10px">
-
+                                    <img class="img img-responsive center-block"
-            </div>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                        src="./assets/modules/budget_image.png">
-
+                                </div>
-                    <div style="width:30%; float:left;">
+                            </a>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                        </div>
-                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target="_blank">
-                            </a>
+                                <div style="border-radius:10px">
-                        </div>
+                                    <img class="img img-responsive center-block"
-                    </div>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                    <div style="width:70%;float:left;">
+                                        src="./assets/modules/shopify_image.png">
-                     <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/pos/" target="_blank">
+                            </a>
-                            POS</a>
+                        </div>
-                     </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/odoo11_magento2/" target="_blank">
-                        Easy configuring and convivial selling.
+                                <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/magento_image.png">
-            </div>
+                                </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                            </a>
-
+                        </div>
-                    <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/ecommerce-website/" target="_blank">
+                <!-- Left and right controls -->
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                            </a>
+                    style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
-                        </div>
+                            class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a
-                    </div>
+                    class="carousel-control-next" href="#demo1" data-slide="next"
-                    <div style="width:70%;float:left;">
+                    style="right:-25px;width: 35px;color: #000;">
-                     <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;">
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                            style="font-size:24px"></i></span>
-                            E-commerce & Website</a>
+                </a>
-                     </h3>
+            </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+        </div>
-                        Mobile friendly, awe-inspiring product pages.
+    </div>
-                     </h3>
+    <!-- END OF SUGGESTED PRODUCTS -->
-                    </div>
+
-            </div>
+    <!-- OUR SERVICES -->
-            <div style="flex-basis: 32%;padding-top: 20px;">
+    <section class="container" style="margin-top: 6rem !important;">
-
+        <div class="row">
-                    <div style="width:30%; float:left;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                <h2 style="color: #212529 !important;">Our Services</h2>
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                <hr
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                            </a>
+            </div>
-                        </div>
+
-                    </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                    <div style="width:70%;float:left;">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-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="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-                            Hotel Management</a>
+                </div>
-                     </h3>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    Odoo
-                        An all-inclusive hotel management application.
+                    Customization</h6>
-                     </h3>
+            </div>
-                        </div>
+
-            </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-
+                    style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <div style="width:30%; float:left;">
+                    <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-                        <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/education-erp-software/" target="_blank">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                    Odoo
-                            </a>
+                    Implementation</h6>
-                        </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/education-erp-software/" target="_blank">
+                    style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                            Education</a>
+                    <img src="assets/icons/lifebuoy.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;">
-                        A Collaborative platform for educational management.
+                    Odoo
-                     </h3>
+                    Support</h6>
-                        </div>
+            </div>
-            </div>
+
-             <div style="flex-basis: 32%;padding-top: 20px;">
+
-
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                    <div style="width:30%; float:left;">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                    style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                </div>
-                            </a>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        </div>
+                    Hire
-                    </div>
+                    Odoo
-                    <div style="width:70%;float:left;">
+                    Developer</h6>
-                     <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/service-management/" target="_blank">
+
-                            Service 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: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                        Keep track of services and invoice accordingly.
+                    <img src="assets/icons/puzzle.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>
+                    Integration</h6>
-    </div>
+            </div>
-</section>
+
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+                <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;">
-            <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>
+                    <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
-            <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>
-            <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>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        </div>
+                    Odoo
-        <br>
+                    Migration</h6>
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+            </div>
-        <div>
+
-          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+
-          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-          <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 class="d-flex justify-content-center align-items-center mx-3 my-3"
-          <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>
+                    style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-          <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>
+                    <img src="assets/icons/consultation.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;">
-</section>
+                    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>

project_time_spend/static/description/index.html

@@ -1,338 +1,558 @@
-<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"
-          Task Time Spend
+            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;">
-          Calculates the time spend based on start date and deadline for every one hour
+            </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>
-<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;">
+</div>
-            Overview
+
-        </h2>
+<div class="container" style="padding: 0rem 1.5rem 4rem !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="row" style="height: 900px !important;">
-           The module helps to calculate the time spend for the specific task based on start date and deadline for every one hour until the stage becomes Done. And will shows the progressbar in tree view and form view.
+        <div class="col-sm-12 col-md-12 col-lg-12"
-        </h3>
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-    </div>
+            <h1
-</section>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 5% 0% 15% 15%;">
+                Task Statusbar</h1>
-    <div class="oe_row oe_spaced">
+            <p
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-             Features
+                Calculates the time spend based on start date and deadline for every one hour
-        </h2>
+            </p>
-         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+        </div>
-            Calculate the time spend for the specific task
+    </div>
-         </h3>
+
-    </div>
+    <div class="row">
-</section>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+            <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-compass mr-2"></i>Explore this module
-            Screenshots
+            </h2>
-        </h2>
+        </div>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+        <div class="col-md-6">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <a href="#overview" style="text-decoration: none !important;">
-          Go to Project -> Task. And then create Task by specifying start date and deadline.
+                <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="project-time-cybrosys-1.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;">
-        <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;">
+                            Overview</h3>
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+                        <p
-            Tree View
+                            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>
-        </h3>
+                    </div>
-        <div class="oe_row oe_spaced">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-            <img src="project-time-cybrosys-2.png" alt="" style="width: 95%;"/>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-        </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>
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            </a>
-            Form View
+        </div>
-            </div>
+        <div class="col-md-6">
-        </h3>
+            <a href="#features" style="text-decoration: none !important;">
-        <div class="oe_row oe_spaced">
+                <div class="row"
-            <img src="project-time-cybrosys-3.png" alt="" style="width: 95%;"/>
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-        </div>
+                    <div class="col-8">
-    </div>
+                        <h3
-</section>
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+                            Features</h3>
-     <div class="oe_row oe_spaced">
+                        <p
-         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-     </div>
+                            View features of this module</p>
-</section>
+                    </div>
-<section class="oe_container" style="padding: 1% 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>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                    </div>
-            Our Services
+                </div>
-        </h2>
+            </a>
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+        </div>
-            <div style="flex-basis: 18%;">
+        <div class="col-md-6">
-
+            <a href="#screenshots" style="text-decoration: none !important;">
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                <div class="row"
-                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                    <div class="col-8">
-                            </a>
+                        <h3
-                    </div>
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !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;">
+                            Screenshots</h3>
-                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                        <p
-                        Odoo Customization
+                            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>
-                     </h3>
+                    </div>
-
+                    <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>
-             <div style="flex-basis: 18%;">
+                    </div>
-
+                </div>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+            </a>
-                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+        </div>
-                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+
-                        </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;">
+
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+    <div class="row" id="overview">
-                        Odoo Implementation </a>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                 </h3>
+            <h2
-
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-            </div>
+                <i class="fa fa-pie-chart mr-2"></i>Overview
-             <div style="flex-basis: 18%;">
+            </h2>
-
+        </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 class="col-mg-12 pl-3">
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+            <p
-                    </a>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-                </div>
+                The module helps to calculate the time spend for the specific task based on start date and deadline
-                 <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;">
+                for every one hour until the stage becomes Done. And will shows the progressbar in tree view and
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                form view.</p>
-                        Odoo Integration
+
-                    </a>
+        </div>
-                 </h3>
+    </div>
-
+
-            </div>
+
-             <div style="flex-basis: 18%;">
+    <div class="row" id="features">
-
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+            <h2
-                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+                <i class="fa fa-star mr-2"></i>Features
-                        </a>
+            </h2>
-                </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;">
+
-                    <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+        <div class="col-md-6 pl-3 py-3 d-flex">
-                        Odoo Support</a>
+            <div>
-                 </h3>
+                <img src="assets/icons/check.png">
-
+            </div>
-            </div>
+            <div>
-             <div style="flex-basis: 18%;">
+                <h4
-
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    Calculate the time spend for the specific task</h4>
-                        <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>
-                        </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/hire-odoo-developer/" target="_blank">
+
-                        Hire Odoo Developers</a>
+    <div class="row" id="screenshots">
-                 </h3>
+        <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;">
-        </div>
+                <i class="fa fa-image mr-2"></i>Screenshots
-    </div>
+            </h2>
-</section>
+        </div>
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+        <div class="col-lg-12 my-2">
-     <div class="oe_row oe_spaced">
+            <h4 class="mt-2"
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-            Our Industries
+                Go to Project -> Task. And then create Task by specifying start date and deadline</h4>
-        </h2>
+
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+            <img src="assets/screenshots/project_time_spend-1.png" class="img-responsive img-thumbnail border"
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                width="100%" height="auto" />
-
+        </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-12 my-3">
-                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+            <h4 class="mt-3"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                            </a>
+                Tree View</h4>
-                        </div>
+
-                    </div>
+            <img src="assets/screenshots/project_time_spend-2.png" class="img-responsive img-thumbnail border"
-                    <div style="width:70%;float:left;">
+                width="100%" height="auto" />
-                     <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/best-trading-erp/" target="_blank">
+
-                        Trading
+        <div class="col-lg-12 my-3">
-                         </a>
+            <h4 class="mt-3"
-                     </h3>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !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;">
+                Form View</h4>
-                        Easily procure and sell your products.
+
-                     </h3>
+            <img src="assets/screenshots/project_time_spend-3.png" class="img-responsive img-thumbnail border"
-                        </div>
+                width="100%" height="auto" />
-
+        </div>
-            </div>
+
-            <div style="flex-basis: 32%;padding-top: 20px;">
+
-
+    </div>
-                    <div style="width:30%; float:left;">
+
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+
-                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+    <!-- SUGGESTED PRODUCTS -->
-                            </a>
+    <div class="row">
-                        </div>
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
-                    </div>
+            style="text-align: center; padding: 2.5rem 1rem !important;">
-                    <div style="width:70%;float:left;">
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
-                     <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;">
+            <hr
-                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                            Manufacturing</a>
+
-                     </h3>
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                <!-- The slideshow -->
-                        Plan, track and schedule your operations.
+                <div class="carousel-inner">
-                     </h3>
+                    <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">
-
+                            <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" 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/export_image.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/dashboard_pos/" 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/pos_image.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 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/product_approval_management/"
-                        </div>
+                                target="_blank">
-
+                                <div style="border-radius:10px">
-            </div>
+                                    <img class="img img-responsive center-block"
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-
+                                        src="./assets/modules/approval_image.png">
-                    <div style="width:30%; float:left;">
+                                </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            </a>
-                            <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%;"/>
+                    </div>
-                            </a>
+                    <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">
-                    </div>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/base_account_budget/" 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/budget_image.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/shopify_odoo_connector/" target="_blank">
-
+                                <div style="border-radius:10px">
-            </div>
+                                    <img class="img img-responsive center-block"
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-
+                                        src="./assets/modules/shopify_image.png">
-                    <div style="width:30%; float:left;">
+                                </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            </a>
-                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                        </div>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                            </a>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" target="_blank">
-                        </div>
+                                <div style="border-radius:10px">
-                    </div>
+                                    <img class="img img-responsive center-block"
-                    <div style="width:70%;float:left;">
+                                        style="border-top-left-radius:10px; border-top-right-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: 0px;margin-left: 16px;">
+                                        src="./assets/modules/magento_image.png">
-                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                                </div>
-                            E-commerce & Website</a>
+                            </a>
-                     </h3>
+                        </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    </div>
-                        Mobile friendly, awe-inspiring product pages.
+                </div>
-                     </h3>
+                <!-- Left and right controls -->
-                    </div>
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-            </div>
+                    style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                            class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a
-
+                    class="carousel-control-next" href="#demo1" data-slide="next"
-                    <div style="width:30%; float:left;">
+                    style="right:-25px;width: 35px;color: #000;">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            style="font-size:24px"></i></span>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                </a>
-                            </a>
+            </div>
-                        </div>
+        </div>
-                    </div>
+    </div>
-                    <div style="width:70%;float:left;">
+    <!-- END OF SUGGESTED PRODUCTS -->
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+
-                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+    <!-- OUR SERVICES -->
-                            Hotel Management</a>
+    <section class="container" style="margin-top: 6rem !important;">
-                     </h3>
+        <div class="row">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-                        An all-inclusive hotel management application.
+                <h2 style="color: #212529 !important;">Our Services</h2>
-                     </h3>
+                <hr
-                        </div>
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-            </div>
+            </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+
-
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                    <div style="width:30%; float:left;">
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                    style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                </div>
-                            </a>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        </div>
+                    Odoo
-                    </div>
+                    Customization</h6>
-                    <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 href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                            Education</a>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                     </h3>
+                    style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                    <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-                        A Collaborative platform for educational management.
+                </div>
-                     </h3>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        </div>
+                    Odoo
-            </div>
+                    Implementation</h6>
-             <div style="flex-basis: 32%;padding-top: 20px;">
+            </div>
-
+
-                    <div style="width:30%; float:left;">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                <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: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                    <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
-                            </a>
+                </div>
-                        </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                    </div>
+                    Odoo
-                    <div style="width:70%;float:left;">
+                    Support</h6>
-                     <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/service-management/" target="_blank">
+
-                            Service Management</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"
-                        Keep track of services and invoice accordingly.
+                    style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                     </h3>
+                    <img src="assets/icons/user.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>
+                    Hire
-    </div>
+                    Odoo
-</section>
+                    Developer</h6>
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+            </div>
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+
-        <div>
+            <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="mailto:odoo@cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
+                    style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-            <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>
+                    <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
-        </div>
+                </div>
-        <br>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+                    Odoo
-        <div>
+                    Integration</h6>
-          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+            </div>
-          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+
-          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-          <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>
+                    style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        </div>
+                    <img src="assets/icons/update.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;">
-
+                    Odoo
-
+                    Migration</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: #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>