[UPDT] Index Updated

bom_components_image/static/description/index.html

@@ -1,369 +1,617 @@
-<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"
-            BOM Product Image
+            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;">
-           Includes Bill Of Material Component's Image to MRP module
+            </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>
-
+    </div>
-<section class="oe_container" style="padding: 1% 0% 3% 15%;">
+</div>
-    <div class="oe_row oe_spaced">
+
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+<div class="container" style="padding: 0rem 1.5rem 4rem !important">
-            Overview
+    <div class="row" style="height: 900px !important;">
-        </h2>
+        <div class="col-sm-12 col-md-12 col-lg-12"
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-            This app allows to view the image of bill of materials in odoo manufacturing software. BOM                 images are automatically fetched into Manufacturing orders, when user creates it. Also adds the
+            <h1
-            BOM images to reports such as Production Order, BOM Cost and BOM Structure.
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-        </h3>
+                BoM Product Image</h1>
-    </div>
+            <p
-</section>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-
+                Includes Bill Of Material Component's Image to MRP module
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner1.png); background-repeat:no-repeat; background-size:cover;padding: 10% 0% 25% 15%;">
+
-    <div class="oe_row oe_spaced">
+            </p>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
-             Features
+        </div>
-        </h2>
+    </div>
-         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+    <div class="row">
-             Smart button to show whether the current product is a component of BOM
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-         </h3>
+            <h2
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                <i class="fa fa-compass mr-2"></i>Explore this module
-            Edit or delete product image in BOM
+            </h2>
-         </h3>
+        </div>
-        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+        <div class="col-md-6">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+            <a href="#overview" style="text-decoration: none !important;">
-            Get BOM product images into manufacturing Orders by default.
+                <div class="row"
-         </h3>
+                    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;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+                    <div class="col-8">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                        <h3
-            Includes BOM images to reports such as Production Order, BOM Cost and BOM Structure.
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-         </h3>
+                            Overview</h3>
-    </div>
+                        <p
-</section>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-
+                            Learn more about this module</p>
-<section class="oe_container" style="padding: 3% 0% 0% 15%;">
+                    </div>
-    <div class="oe_row oe_spaced">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-            Screenshots
+                    </div>
-        </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;">
+            </a>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+        </div>
-            This is to show whether the current product is a component of BOM also press the button to open all related bill of material.
+        <div class="col-md-6">
-            The count is generated in real time on the Smart button.
+            <a href="#features" style="text-decoration: none !important;">
-         </h3>
+                <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;">
-            <img src="bom-components-cybrosys-1.png" alt="" style="width: 95%;"/>
+                    <div class="col-8">
-        </div>
+                        <h3
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                            Features</h3>
-            Manufacturing ---> Bill Of Material ---> Components</br>
+                        <p
-            Here we can edit or delete new images to BOM components. Otherwise default image of the corresponding product is selected.
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-        </h3>
+                            View features of this module</p>
-        <div class="oe_row oe_spaced">
+                    </div>
-            <img src="bom-components-cybrosys-2.png" alt="" style="width: 95%;"/>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-        </div>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+                    </div>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                </div>
-            Generate BOM product images automatically, when user creates a manufacturing order.
+            </a>
-        </h3>
+        </div>
-        <div class="oe_row oe_spaced">
+        <div class="col-md-6">
-            <img src="bom-components-cybrosys-3.png" alt="" style="width: 95%;"/>
+            <a href="#screenshots" style="text-decoration: none !important;">
-        </div>
+                <div class="row"
-        <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;">
+                    style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                    <div class="col-8">
-            Production Order</br>
+                        <h3
-            Manufacturing --->Manufacturing Orders --->Print --->Production Order
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-        </h3>
+                            Screenshots</h3>
-        <div class="oe_row oe_spaced">
+                        <p
-            <img src="bom-components-cybrosys-4.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>
+                            See key screenshots of this module</p>
-        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
+                    </div>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-            BOM Cost</br>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-            Manufacturing --->Bill Of Material --->Print --->BOM Cost
+                    </div>
-        </h3>
+                </div>
-        <div class="oe_row oe_spaced">
+            </a>
-            <img src="bom-components-cybrosys-5.png" alt="" style="width: 95%;"/>
+        </div>
-        </div>
+
-
+    </div>
-    </div>
+
-</section>
+
-
+    <div class="row" id="overview">
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-     <div class="oe_row oe_spaced">
+            <h2
-         <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: '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
-</section>
+            </h2>
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+        </div>
-    <div class="oe_row oe_spaced">
+
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+        <div class="col-mg-12 pl-3">
-            Our Services
+            <p
-        </h2>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+                This app allows to view the image of bill of materials in odoo manufacturing software. BOM images
-            <div style="flex-basis: 18%;">
+                are automatically fetched into Manufacturing orders, when user creates it. Also adds the BOM images
-
+                to reports such as Production Order, BOM Cost and BOM Structure.</p>
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+
-                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+        </div>
-                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+    </div>
-                            </a>
+
-                    </div>
+
-                     <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+    <div class="row" id="features">
-                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                        Odoo Customization
+            <h2
-                         </a>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                     </h3>
+                <i class="fa fa-star mr-2"></i>Features
-
+            </h2>
-            </div>
+        </div>
-             <div style="flex-basis: 18%;">
+
-
+        <div class="col-md-6 pl-3 py-3 d-flex">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+            <div>
-                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                <img src="assets/icons/check.png">
-                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+            </div>
-                        </a>
+            <div>
-                </div>
+                <h4
-                 <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                    Smart button to show whether the current product is a component of BOM</h4>
-                        Odoo Implementation </a>
+
-                 </h3>
+            </div>
-
+        </div>
-            </div>
+        <div class="col-md-6 pl-3 py-3 d-flex">
-             <div style="flex-basis: 18%;">
+            <div>
-
+                <img src="assets/icons/check.png">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+            </div>
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+            <div>
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+                <h4
-                    </a>
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                </div>
+                    Edit or delete product image in BOM</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/odoo-erp-integration/" target="_blank">
+            </div>
-                        Odoo Integration
+        </div>
-                    </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-support/" 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-support.png" style="width: 100%;border-radius: 100%;"/>
+                    Get BOM product images into manufacturing Orders by default</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-support/" target="_blank">
+
-                        Odoo Support</a>
+        <div class="col-md-6 pl-3 py-3 d-flex">
-                 </h3>
+            <div>
-
+                <img src="assets/icons/check.png">
-            </div>
+            </div>
-             <div style="flex-basis: 18%;">
+            <div>
-
+                <h4
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+                    Includes BOM images to reports such as Production Order, BOM Cost and BOM Structure</h4>
-                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+
-                        </a>
+            </div>
-                </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/hire-odoo-developer/" target="_blank">
+
-                        Hire Odoo Developers</a>
+    </div>
-                 </h3>
+
-                     </a>
+    <div class="row" id="screenshots">
-            </div>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-        </div>
+            <h2
-    </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-</section>
+                <i class="fa fa-image mr-2"></i>Screenshots
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+            </h2>
-     <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 class="col-lg-12 my-2">
-            Our Industries
+            <h4 class="mt-2"
-        </h2>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+                This is to show whether the current product is a component of BOM also press the button to open all
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                related bill of material. The count is generated in real time on the Smart button</h4>
-
+
-                    <div style="width:30%; float:left;">
+            <img src="assets/screenshots/bom_components_image-1.png" class="img-responsive img-thumbnail border"
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                width="100%" height="auto" />
-                            <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+        </div>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
-                            </a>
+        <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;">
-                    <div style="width:70%;float:left;">
+                Manufacturing ---> Bill Of Material ---> Components Here we can edit or delete new images to BOM
-                     <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;">
+                components. Otherwise default image of the corresponding product is selected</h4>
-                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+
-                        Trading
+            <img src="assets/screenshots/bom_components_image-2.png" class="img-responsive img-thumbnail border"
-                         </a>
+                width="100%" height="auto" />
-                     </h3>
+        </div>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+
-                        Easily procure and sell your products.
+        <div class="col-lg-12 my-3">
-                     </h3>
+            <h4 class="mt-3"
-                        </div>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-
+                Generate BOM product images automatically, when user creates a manufacturing order</h4>
-            </div>
+
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <img src="assets/screenshots/bom_components_image-3.png" class="img-responsive img-thumbnail border"
-
+                width="100%" height="auto" />
-                    <div style="width:30%; float:left;">
+        </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+
-                            <a href="https://www.cybrosys.com/odoo/industries/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%;"/>
+        <div class="col-lg-12 my-3">
-                            </a>
+            <h4 class="mt-3"
-                        </div>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                    </div>
+                Production Order Manufacturing --->Manufacturing Orders --->Print --->Production Order</h4>
-                    <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;">
+            <img src="assets/screenshots/bom_components_image-4.png" class="img-responsive img-thumbnail border"
-                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+                width="100%" height="auto" />
-                            Manufacturing</a>
+        </div>
-                     </h3>
+
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+
-                        Plan, track and schedule your operations.
+        <div class="col-lg-12 my-3">
-                     </h3>
+            <h4 class="mt-3"
-                        </div>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-
+                BOM Cost Manufacturing --->Bill Of Material --->Print --->BOM Cost</h4>
-            </div>
+
-            <div style="flex-basis: 32%;padding-top: 20px;">
+            <img src="assets/screenshots/bom_components_image-5.png" class="img-responsive img-thumbnail border"
-
+                width="100%" height="auto" />
-                    <div style="width:30%; float:left;">
+        </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+
-                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
-                            </a>
+    </div>
-                        </div>
+
-                    </div>
+
-                    <div style="width:70%;float:left;">
+    <!-- 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;">
+    <div class="row">
-                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
-                            Restaurant</a>
+            style="text-align: center; padding: 2.5rem 1rem !important;">
-                     </h3>
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+            <hr
-                        Run your bar or restaurant methodical.
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                     </h3>
+
-                        </div>
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
-
+                <!-- The slideshow -->
-            </div>
+                <div class="carousel-inner">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                    <div class="carousel-item active" style="min-height:0px">
-
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    <div style="width:30%; float:left;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target="_blank">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                <div style="border-radius:10px">
-                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                    <img class="img img-responsive center-block"
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            </a>
+                                        src="./assets/modules/export_image.png">
-                        </div>
+                                </div>
-                    </div>
+                            </a>
-                    <div style="width:70%;float:left;">
+                        </div>
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/dashboard_pos/" target="_blank">
-                            POS</a>
+                                <div style="border-radius:10px">
-                     </h3>
+                                    <img class="img img-responsive center-block"
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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="border-top-left-radius:10px; border-top-right-radius:10px"
-                        Easy configuring and convivial selling.
+                                        src="./assets/modules/pos_image.png">
-                     </h3>
+                                </div>
-                        </div>
+                            </a>
-
+                        </div>
-            </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/product_approval_management/"
-
+                                target="_blank">
-                    <div style="width:30%; float:left;">
+                                <div style="border-radius:10px">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                    <img class="img img-responsive center-block"
-                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                        src="./assets/modules/approval_image.png">
-                            </a>
+                                </div>
-                        </div>
+                            </a>
-                    </div>
+                        </div>
-                    <div style="width:70%;float:left;">
+                    </div>
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                    <div class="carousel-item" style="min-height:0px">
-                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                            E-commerce & Website</a>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/base_account_budget/" target="_blank">
-                     </h3>
+                                <div style="border-radius:10px">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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 class="img img-responsive center-block"
-                        Mobile friendly, awe-inspiring product pages.
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                     </h3>
+                                        src="./assets/modules/budget_image.png">
-                    </div>
+                                </div>
-            </div>
+                            </a>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                        </div>
-
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    <div style="width:30%; float:left;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target="_blank">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                <div style="border-radius:10px">
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                                    <img class="img img-responsive center-block"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            </a>
+                                        src="./assets/modules/shopify_image.png">
-                        </div>
+                                </div>
-                    </div>
+                            </a>
-                    <div style="width:70%;float:left;">
+                        </div>
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" target="_blank">
-                            Hotel Management</a>
+                                <div style="border-radius:10px">
-                     </h3>
+                                    <img class="img img-responsive center-block"
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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="border-top-left-radius:10px; border-top-right-radius:10px"
-                        An all-inclusive hotel management application.
+                                        src="./assets/modules/magento_image.png">
-                     </h3>
+                                </div>
-                        </div>
+                            </a>
-            </div>
+                        </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                    </div>
-
+                </div>
-                    <div style="width:30%; float:left;">
+                <!-- Left and right controls -->
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                            class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a
-                            </a>
+                    class="carousel-control-next" href="#demo1" data-slide="next"
-                        </div>
+                    style="right:-25px;width: 35px;color: #000;">
-                    </div>
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                    <div style="width:70%;float:left;">
+                            style="font-size:24px"></i></span>
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                </a>
-                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+            </div>
-                            Education</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;">
+    <!-- END OF SUGGESTED PRODUCTS -->
-                        A Collaborative platform for educational management.
+
-                     </h3>
+    <!-- OUR SERVICES -->
-                        </div>
+    <section class="container" style="margin-top: 6rem !important;">
-            </div>
+        <div class="row">
-             <div style="flex-basis: 32%;padding-top: 20px;">
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-
+                <h2 style="color: #212529 !important;">Our Services</h2>
-                    <div style="width:30%; float:left;">
+                <hr
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                            <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+            </div>
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
-                            </a>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                    </div>
+                    style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    <div style="width:70%;float:left;">
+                    <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-                     <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">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                            Service Management</a>
+                    Odoo
-                     </h3>
+                    Customization</h6>
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+            </div>
-                        Keep track of services and invoice accordingly.
+
-                     </h3>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-            </div>
+                    style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        </div>
+                    <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-    </div>
+                </div>
-</section>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+                    Odoo
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+                    Implementation</h6>
-        <div>
+            </div>
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="mailto:odoo@cybrosys.com"><i class="fa fa-envelope"></i> Email us </a>
+
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-check-square"></i> Request Customization </a>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        </div>
+                    style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <br>
+                    <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+                </div>
-        <div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+                    Odoo
-          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+                    Support</h6>
-          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px; ;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+            </div>
-          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+
-          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+
-        </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-    </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-</section>
+                    style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Hire
+                    Odoo
+                    Developer</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: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                    Odoo
+                    Integration</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: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                    <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
+                </div>
+                <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>

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>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+    </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">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+            <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>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                        <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>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+            </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">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                        <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>

hr_employee_attendance/static/description/index.html

@@ -1,331 +1,552 @@
-<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"
-           Employee Attendance
+            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;">
-           Attendance View for Employee
+            </div>
-        </h3>
+            <div class="my-3 d-flex align-items-center">
-        <h5 class="oe_slogan" style="text-align: left;background: #fff;width: 293px;padding: 10px;color: #080808 !important;opacity: 1 !important;font-weight: 600;font-size: 20px;">
+                <div
-            <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">Cybrosys Technologies</a>
+                    style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-        </h5>
+                    <i class="fa fa-check mr-1"></i>Community
-        <a style="color: #080808 !important;" href="https://www.cybrosys.com" target="_blank">
+                </div>
-            <div style="width: 215px;margin-left: 57%;text-align: center;background: #ffffff;height: 215px;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 12px 4px #00000059;">
+                <div
-                    <img src="https://www.cybrosys.com/images/cybro-logo-oca.png" alt="cybrosys technologies" style="width: 180px;"/>
+                    style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
-            </div>
+                    <i class="fa fa-check mr-1"></i>Enterprise
-        </a>
+                </div>
-    </div>
+
-</section>
+            </div>
-<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;">
-           Currently, Odoo does not support attendance view for normal
+        <div class="col-sm-12 col-md-12 col-lg-12"
-            users. Normal users can register their sign in/ sign out time, but they cant
+            style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
-            view the attendance log later. Employee attendance module will add this
+            <h1
-            feature so that the normal employees also can view their attendance details.
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
-        </h3>
+                Employee Attendance</h1>
-    </div>
+            <p
-</section>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;">
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-banner.png); background-repeat:no-repeat; background-size:cover;padding: 5% 0% 15% 15%;">
+                Attendance View for Employee
-    <div class="oe_row oe_spaced">
+            </p>
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            <img src="./assets/screenshots/hero.png" class="img-responsive" width="100%" height="auto" />
-             Features
+        </div>
-        </h2>
+    </div>
-         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+    <div class="row">
-            Employee can view their attendance
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important">
-         </h3>
+            <h2
-         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                <i class="fa fa-compass mr-2"></i>Explore this module
-           View Login, Logout timings
+            </h2>
-         </h3>
+        </div>
-    </div>
+        <div class="col-md-6">
-</section>
+            <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>
-            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
+                        <p
-           Attendance Menu
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-         </h3>
+                            Learn more about this module</p>
-        <div class="oe_row oe_spaced">
+                    </div>
-            <img src="employee-attendance-cybrosys-1.png" alt="" style="width: 95%;"/>
+                    <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>
+                    </div>
-</section>
+                </div>
-<section class="oe_container" style="padding: 7px 0% 0% 3%;">
+            </a>
-     <div class="oe_row oe_spaced">
+        </div>
-         <a style="color: #080808 !important;" href="https://apps.odoo.com/apps/modules/browse?search=cybrosys" target="_blank"><img src="https://www.cybrosys.com/images/view-more-apps.jpg" alt="cybrosys technologies" style="width: 100%;margin-bottom: 50px;"/></a>
+        <div class="col-md-6">
-     </div>
+            <a href="#features" style="text-decoration: none !important;">
-</section>
+                <div class="row"
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+                    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">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+                        <h3
-            Our Services
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-        </h2>
+                            Features</h3>
-        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+                        <p
-            <div style="flex-basis: 18%;">
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-
+                            View features of this module</p>
-                    <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                    </div>
-                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                            <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/>
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-                            </a>
+                    </div>
-                    </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>
-                         <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank">
+        </div>
-                        Odoo Customization
+        <div class="col-md-6">
-                         </a>
+            <a href="#screenshots" style="text-decoration: none !important;">
-                     </h3>
+                <div class="row"
-
+                    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 style="flex-basis: 18%;">
+                        <h3
-
+                            style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                            Screenshots</h3>
-                        <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        <p
-                            <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/>
+                            style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
-                        </a>
+                            See key screenshots of this module</p>
-                </div>
+                    </div>
-                 <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <div class="col-4 text-right d-flex justify-content-end align-items-center">
-                    <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank">
+                        <i class="fa fa-chevron-right" style="color: #714B67 !important;"></i>
-                        Odoo Implementation </a>
+                    </div>
-                 </h3>
+                </div>
-
+            </a>
-            </div>
+        </div>
-             <div style="flex-basis: 18%;">
+
-
+    </div>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+
-                        <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/>
+    <div class="row" id="overview">
-                    </a>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                </div>
+            <h2
-                 <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                    <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank">
+                <i class="fa fa-pie-chart mr-2"></i>Overview
-                        Odoo Integration
+            </h2>
-                    </a>
+        </div>
-                 </h3>
+
-
+        <div class="col-mg-12 pl-3">
-            </div>
+            <p
-             <div style="flex-basis: 18%;">
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-
+                Currently, Odoo does not support attendance view for normal users. Normal users can register their
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+                sign in/ sign out time, but they cant view the attendance log later. Employee attendance module will
-                        <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank">
+                add this feature so that the normal employees also can view their attendance details.</p>
-                            <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/>
+
-                        </a>
+        </div>
-                </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">
+
-                        Odoo Support</a>
+    <div class="row" id="features">
-                 </h3>
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-
+            <h2
-            </div>
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-             <div style="flex-basis: 18%;">
+                <i class="fa fa-star mr-2"></i>Features
-
+            </h2>
-                <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;">
+        </div>
-                        <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+
-                            <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/>
+        <div class="col-md-6 pl-3 py-3 d-flex">
-                        </a>
+            <div>
-                </div>
+                <img src="assets/icons/check.png">
-                 <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+            </div>
-                    <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank">
+            <div>
-                        Hire Odoo Developers</a>
+                <h4
-                 </h3>
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                     </a>
+                    Employee can view their attendance</h4>
-            </div>
+
-        </div>
+            </div>
-    </div>
+        </div>
-</section>
+        <div class="col-md-6 pl-3 py-3 d-flex">
-<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+            <div>
-     <div class="oe_row oe_spaced">
+                <img src="assets/icons/check.png">
-        <h2 class="oe_slogan" style="text-align: left;font-size: 28px;font-weight: 600;margin: 0px !important;">
+            </div>
-            Our Industries
+            <div>
-        </h2>
+                <h4
-        <div style="display:flex;justify-content: space-between;flex-wrap:wrap;">
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                    View Login, Logout timings</h4>
-
+
-                    <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/best-trading-erp/" target="_blank">
+
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
-                            </a>
+    </div>
-                        </div>
+
-                    </div>
+    <div class="row" id="screenshots">
-                    <div style="width:70%;float:left;">
+        <div class="col-md-12" style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+            <h2
-                         <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank">
+                style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                        Trading
+                <i class="fa fa-image mr-2"></i>Screenshots
-                         </a>
+            </h2>
-                     </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-lg-12 my-2">
-                        Easily procure and sell your products.
+            <h4 class="mt-2"
-                     </h3>
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        </div>
+                Attendance Menu</h4>
-
+
-            </div>
+            <img src="assets/screenshots/employee-attendance-cybrosys-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;">
+
-                            <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+    </div>
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+
-                            </a>
+
-                        </div>
+
-                    </div>
+    <!-- SUGGESTED PRODUCTS -->
-                    <div style="width:70%;float:left;">
+    <div class="row">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+        <div class="col-lg-12 d-flex flex-column justify-content-center"
-                        <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank">
+            style="text-align: center; padding: 2.5rem 1rem !important;">
-                            Manufacturing</a>
+            <h2 style="color: #212529 !important;">Suggested Products</h2>
-                     </h3>
+            <hr
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                        Plan, track and schedule your operations.
+
-                     </h3>
+            <div id="demo1" class="row carousel slide" data-ride="carousel">
-                        </div>
+                <!-- The slideshow -->
-
+                <div class="carousel-inner">
-            </div>
+                    <div class="carousel-item active" style="min-height:0px">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                        <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 style="width:30%; float:left;">
+                                <div style="border-radius:10px">
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                    <img class="img img-responsive center-block"
-                            <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                        src="./assets/modules/export_image.png">
-                            </a>
+                                </div>
-                        </div>
+                            </a>
-                    </div>
+                        </div>
-                    <div style="width:70%;float:left;">
+                        <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: 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://apps.odoo.com/apps/modules/14.0/dashboard_pos/" target="_blank">
-                        <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank">
+                                <div style="border-radius:10px">
-                            Restaurant</a>
+                                    <img class="img img-responsive center-block"
-                     </h3>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                                        src="./assets/modules/pos_image.png">
-                        Run your bar or restaurant methodical.
+                                </div>
-                     </h3>
+                            </a>
-                        </div>
+                        </div>
-
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-            </div>
+                            <a href="https://apps.odoo.com/apps/modules/14.0/product_approval_management/"
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                                target="_blank">
-
+                                <div style="border-radius:10px">
-                    <div style="width:30%; float:left;">
+                                    <img class="img img-responsive center-block"
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                                        src="./assets/modules/approval_image.png">
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                </div>
-                            </a>
+                            </a>
-                        </div>
+                        </div>
-                    </div>
+                    </div>
-                    <div style="width:70%;float:left;">
+                    <div class="carousel-item" style="min-height:0px">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                        <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/base_account_budget/" target="_blank">
-                            POS</a>
+                                <div style="border-radius:10px">
-                     </h3>
+                                    <img class="img img-responsive center-block"
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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="border-top-left-radius:10px; border-top-right-radius:10px"
-                        Easy configuring and convivial selling.
+                                        src="./assets/modules/budget_image.png">
-                     </h3>
+                                </div>
-                        </div>
+                            </a>
-
+                        </div>
-            </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target="_blank">
-
+                                <div style="border-radius:10px">
-                    <div style="width:30%; float:left;">
+                                    <img class="img img-responsive center-block"
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                            <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                                        src="./assets/modules/shopify_image.png">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                                </div>
-                            </a>
+                            </a>
-                        </div>
+                        </div>
-                    </div>
+                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
-                    <div style="width:70%;float:left;">
+                            <a href="https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" target="_blank">
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;">
+                                <div style="border-radius:10px">
-                        <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank">
+                                    <img class="img img-responsive center-block"
-                            E-commerce & Website</a>
+                                        style="border-top-left-radius:10px; border-top-right-radius:10px"
-                     </h3>
+                                        src="./assets/modules/magento_image.png">
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+                                </div>
-                        Mobile friendly, awe-inspiring product pages.
+                            </a>
-                     </h3>
+                        </div>
-                    </div>
+                    </div>
-            </div>
+                </div>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                <!-- Left and right controls -->
-
+                <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                    <div style="width:30%; float:left;">
+                    style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+                            class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a
-                            <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+                    class="carousel-control-next" href="#demo1" data-slide="next"
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                    style="right:-25px;width: 35px;color: #000;">
-                            </a>
+                    <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
-                        </div>
+                            style="font-size:24px"></i></span>
-                    </div>
+                </a>
-                    <div style="width:70%;float:left;">
+            </div>
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+        </div>
-                        <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank">
+    </div>
-                            Hotel Management</a>
+    <!-- END OF SUGGESTED PRODUCTS -->
-                     </h3>
+
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;">
+    <!-- OUR SERVICES -->
-                        An all-inclusive hotel management application.
+    <section class="container" style="margin-top: 6rem !important;">
-                     </h3>
+        <div class="row">
-                        </div>
+            <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
-            </div>
+                <h2 style="color: #212529 !important;">Our Services</h2>
-            <div style="flex-basis: 32%;padding-top: 20px;">
+                <hr
-
+                    style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
-                    <div style="width:30%; float:left;">
+            </div>
-                        <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;">
+
-                            <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                            <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                            </a>
+                    style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                        </div>
+                    <img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
-                    </div>
+                </div>
-                    <div style="width:70%;float:left;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                     <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;">
+                    Odoo
-                        <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank">
+                    Customization</h6>
-                            Education</a>
+            </div>
-                     </h3>
+
-                    <h3 class="oe_slogan" style=" text-align: left;font-size: 13px;width: auto;margin: 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-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        A Collaborative platform for educational management.
+                <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;">
-                        </div>
+                    <img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
-            </div>
+                </div>
-             <div style="flex-basis: 32%;padding-top: 20px;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-
+                    Odoo
-                    <div style="width:30%; float:left;">
+                    Implementation</h6>
-                        <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/service-management/" target="_blank">
+
-                                <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                            </a>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-                        </div>
+                    style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
-                    </div>
+                    <img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
-                    <div style="width:70%;float:left;">
+                </div>
-                     <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;">
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-                        <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank">
+                    Odoo
-                            Service Management</a>
+                    Support</h6>
-                     </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;">
+
-                        Keep track of services and invoice accordingly.
+
-                     </h3>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-                        </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-            </div>
+                    style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        </div>
+                    <img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
-    </div>
+                </div>
-</section>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-<section class="oe_container" style="background-image:url(https://www.cybrosys.com/images/odoo-index-footer-bg.png); background-repeat:no-repeat; background-size:100%;padding: 13% 0% 6% 0%;">
+                    Hire
-    <div class="oe_slogan" style="margin-top:10px !important;margin-bottom: 0px;">
+                    Odoo
-        <div>
+                    Developer</h6>
-            <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>
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-phone"></i> Contact Us </a>
+
-            <a style="color: #5c5c5c !important;border-radius: 0;background: none;border: none;background: #fff;box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.05);border-radius: 30px;font-size: 12px;padding: 9px 26px;margin-right: 9px;width: 200px;text-transform: capitalize;" class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com/contact/"><i class="fa fa-check-square"></i> Request Customization </a>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-        </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-        <br>
+                    style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
-        <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+                    <img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
-        <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>
+                <h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
-          <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>
+                    Odoo
-          <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>
+                    Integration</h6>
-          <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>
-          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a></td>
+
-        </div>
+            <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
-    </div>
+                <div class="d-flex justify-content-center align-items-center mx-3 my-3"
-</section>
+                    style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
-
+                    <img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
-
+                </div>
-
+                <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>