@ -1,17 +1,18 @@
< div class = "container" style = "padding: 1rem !important; margin-bottom: 1rem !important;" >
< div class = "container" style = "padding: 1rem !important; margin-bottom: 1rem !important;" >
< div class = "row" >
< div class = "row" >
< div class = "col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
< div class = "col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
style="border-bottom: 1px solid #d5d5d5;">
style="border-bottom: 1px solid #d5d5d5;">
< div class = "my-3" >
< div class = "my-3" >
< img src = "./assets/icons/logo.png" style = "width: auto !important; height: 40px !important;" >
< img src = "./assets/icons/logo.png" style = "width: auto !important; height: 40px !important;" >
< / div >
< / div >
< div class = "my-3 d-flex align-items-center" >
< div class = "my-3 d-flex align-items-center" >
< div
< div
style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
< i class = "fa fa-check mr-1" > < / i > Community
< i class = "fa fa-check mr-1" > < / i > Community
< / div >
< / div >
< div
< div
style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
< i class = "fa fa-check mr-1" > < / i > Enterprise
< i class = "fa fa-check mr-1" > < / i > Enterprise
< / div >
< / div >
@ -23,35 +24,35 @@
< div class = "container" style = "padding: 0rem 1.5rem 4rem !important" >
< div class = "container" style = "padding: 0rem 1.5rem 4rem !important" >
< div class = "row" style = "height: 900px !important;" >
< div class = "row" style = "height: 900px !important;" >
< div class = "col-sm-12 col-md-12 col-lg-12"
< div class = "col-sm-12 col-md-12 col-lg-12"
style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;">
< h1
< h1
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important; font-size: 3.5rem !important; text-align: center !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important; font-size: 3.5rem !important; text-align: center !important;">
Delivery Status on Purchase Order< / h1 >
Delivery Status on Purchase Order< / h1 >
< p
< p
style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important; font-size: 1.4rem !important; text-align: center !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important; font-size: 1.4rem !important; text-align: center !important;">
Add Delivery Status on Purchase Order Tree View
A Module for adding delivery status on purchase order
< / p >
< / p >
< img src = "./assets/screenshots/hero_1.png" class = "img-responsive" width = "100%" height = "auto" / >
< img src = "./assets/screenshots/hero_1.png" class = "img-responsive" width = "100%" height = "auto" / >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "row" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important" >
< h2
< h2
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
< i class = "fa fa-compass mr-2" > < / i > Explore this module
< i class = "fa fa-compass mr-2" > < / i > Explore this module
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "col-md-6" >
< div class = "col-md-6" >
< a href = "#overview" style = "text-decoration: none !important;" >
< a href = "#overview" style = "text-decoration: none !important;" >
< div class = "row"
< div class = "row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
< div class = "col-8" >
< div class = "col-8" >
< h3
< h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Overview< / h3 >
Overview< / h3 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
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 >
Learn more about this module< / p >
< / div >
< / div >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" >
@ -63,13 +64,13 @@
< div class = "col-md-6" >
< div class = "col-md-6" >
< a href = "#features" style = "text-decoration: none !important;" >
< a href = "#features" style = "text-decoration: none !important;" >
< div class = "row"
< div class = "row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
< div class = "col-8" >
< div class = "col-8" >
< h3
< h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Features< / h3 >
Features< / h3 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
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 >
View features of this module< / p >
< / div >
< / div >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" >
@ -81,13 +82,13 @@
< div class = "col-md-6" >
< div class = "col-md-6" >
< a href = "#screenshots" style = "text-decoration: none !important;" >
< a href = "#screenshots" style = "text-decoration: none !important;" >
< div class = "row"
< div class = "row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
< div class = "col-8" >
< div class = "col-8" >
< h3
< h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Screenshots< / h3 >
Screenshots< / h3 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;">
See key screenshots of this module< / p >
See key screenshots of this module< / p >
< / div >
< / div >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" >
@ -102,21 +103,19 @@
< div class = "row" id = "overview" >
< div class = "row" id = "overview" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< h2
< h2
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
< i class = "fa fa-pie-chart mr-2" > < / i > Overview
< i class = "fa fa-pie-chart mr-2" > < / i > Overview
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "col-mg-12 pl-3" >
< div class = "col-mg-12 pl-3" >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
The delivery status on purchase order module helps to find out the delivery status of each purchase
The delivery status on purchase order module helps to find out the delivery status of each purchase order. Delivery status is added in tree view and in the form view of purchase order.
order. Delivery status is added in tree view and in the form view of purchase order.
The different delivery status are:
The different delivery status are:
(i) Nothing to Receive - If no receipt is created for a purchase order
(i) Nothing to Receive - If no receipt is created for a purchase order
(ii) To Receive - Receipt is still to receive
(ii) To Receive - Receipt is still to receive
(iii) Partially Received - If More than one receipt is created for a purchase order and some of them
(iii) Partially Received - If More than one receipt is created for a purchase order and some of them received and some still to receive
received and some still to receive
(iv) Received - If all receipts are done
(iv) Received - If all receipts are done
(v) Processing - If any receipt is in waiting state
(v) Processing - If any receipt is in waiting state
< / p >
< / p >
@ -128,7 +127,7 @@
< div class = "row" id = "features" >
< div class = "row" id = "features" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< h2
< h2
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
< i class = "fa fa-star mr-2" > < / i > Features
< i class = "fa fa-star mr-2" > < / i > Features
< / h2 >
< / h2 >
< / div >
< / div >
@ -139,10 +138,10 @@
< / div >
< / div >
< div >
< div >
< h4
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Community & Enterprise Support< / h4 >
Community & Enterprise Support< / h4 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Available in Odoo 14.0 Community and Enterprise.< / p >
Available in Odoo 14.0 Community and Enterprise.< / p >
< / div >
< / div >
< / div >
< / div >
@ -152,10 +151,10 @@
< / div >
< / div >
< div >
< div >
< h4
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Delivery Status< / h4 >
Delivery Status< / h4 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Delivery Status: Nothing to Receive, To Receive, Partially Received, Received and Processing< / p >
Delivery Status: Nothing to Receive, To Receive, Partially Received, Received and Processing< / p >
< / div >
< / div >
< / div >
< / div >
@ -166,10 +165,10 @@
< / div >
< / div >
< div >
< div >
< h4
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Additional Configuration< / h4 >
Additional Configuration< / h4 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
No Additional Configuration is needed< / p >
No Additional Configuration is needed< / p >
< / div >
< / div >
< / div >
< / div >
@ -179,7 +178,7 @@
< div class = "row" id = "screenshots" >
< div class = "row" id = "screenshots" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< h2
< h2
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
< i class = "fa fa-image mr-2" > < / i > Screenshots
< i class = "fa fa-image mr-2" > < / i > Screenshots
< / h2 >
< / h2 >
< / div >
< / div >
@ -188,10 +187,10 @@
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Tree view< / h4 >
Tree view< / h4 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Delivery Status on purchase order tree view< / p >
Delivery Status on purchase order tree view< / p >
< img src = "assets/screenshots/tree.png" class = "img-responsive img-thumbnail border"
< img src = "assets/screenshots/tree.png" class = "img-responsive img-thumbnail border"
width="100%" height="auto"/>
width="100%" height="auto" />
< / div >
< / div >
< div class = "col-lg-12 my-3" >
< div class = "col-lg-12 my-3" >
@ -199,11 +198,11 @@
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Form View< / h4 >
Form View< / h4 >
< p
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
Delivery Status on Purchase order form view
Delivery Status on Purchase order form view
< / p >
< / p >
< img src = "assets/screenshots/form.png" class = "img-responsive img-thumbnail border"
< img src = "assets/screenshots/form.png" class = "img-responsive img-thumbnail border"
width="100%" height="auto"/>
width="100%" height="auto" />
< / div >
< / div >
< / div >
< / div >
@ -211,10 +210,10 @@
<!-- SUGGESTED PRODUCTS -->
<!-- SUGGESTED PRODUCTS -->
< div class = "row" >
< div class = "row" >
< div class = "col-lg-12 d-flex flex-column justify-content-center"
< div class = "col-lg-12 d-flex flex-column justify-content-center"
style="text-align: center; padding: 2.5rem 1rem !important;">
style="text-align: center; padding: 2.5rem 1rem !important;">
< h2 style = "color: #212529 !important;" > Suggested Products< / h2 >
< h2 style = "color: #212529 !important;" > Suggested Products< / h2 >
< hr
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< div id = "demo1" class = "row carousel slide" data-ride = "carousel" >
< div id = "demo1" class = "row carousel slide" data-ride = "carousel" >
<!-- The slideshow -->
<!-- The slideshow -->
@ -224,8 +223,8 @@
< a href = "https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/" target = "_blank" >
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/export_image.png">
src="./assets/modules/export_image.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
@ -233,18 +232,18 @@
< a href = "https://apps.odoo.com/apps/modules/14.0/dashboard_pos/" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/14.0/dashboard_pos/" target = "_blank" >
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/pos_image.png">
src="./assets/modules/pos_image.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" >
< 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/product_approval_management/"
< a href = "https://apps.odoo.com/apps/modules/14.0/product_approval_management/"
target="_blank">
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/approval_image.png">
src="./assets/modules/approval_image.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
@ -254,8 +253,8 @@
< a href = "https://apps.odoo.com/apps/modules/14.0/base_account_budget/" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/14.0/base_account_budget/" target = "_blank" >
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/budget_image.png">
src="./assets/modules/budget_image.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
@ -263,8 +262,8 @@
< a href = "https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/14.0/shopify_odoo_connector/" target = "_blank" >
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/shopify_image.png">
src="./assets/modules/shopify_image.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
@ -272,8 +271,8 @@
< a href = "https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/14.0/odoo11_magento2/" target = "_blank" >
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/magento_image.png">
src="./assets/modules/magento_image.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
@ -281,13 +280,13 @@
< / div >
< / div >
<!-- Left and right controls -->
<!-- Left and right controls -->
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev"
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev"
style="left:-25px;width: 35px;color: #000;"> < span class = "carousel-control-prev-icon" > < i
style="left:-25px;width: 35px;color: #000;"> < span class = "carousel-control-prev-icon" > < i
class="fa fa-chevron-left" style="font-size:24px">< / i > < / span > < / a > < a
class="fa fa-chevron-left" style="font-size:24px">< / i > < / span > < / a > < a
class="carousel-control-next" href="#demo1" data-slide="next"
class="carousel-control-next" href="#demo1" data-slide="next"
style="right:-25px;width: 35px;color: #000;">
style="right:-25px;width: 35px;color: #000;">
< span class = "carousel-control-next-icon" > < i class = "fa fa-chevron-right"
< span class = "carousel-control-next-icon" > < i class = "fa fa-chevron-right"
style="font-size:24px">< / i > < / span >
style="font-size:24px">< / i > < / span >
< / a >
< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
@ -299,12 +298,12 @@
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 style = "color: #212529 !important;" > Our Services< / h2 >
< h2 style = "color: #212529 !important;" > Our Services< / h2 >
< hr
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< / div >
< / div >
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/cogs.png" class = "img-responsive" height = "48px" width = "48px" >
< img src = "assets/icons/cogs.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -314,7 +313,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< 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;">
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/wrench.png" class = "img-responsive" height = "48px" width = "48px" >
< img src = "assets/icons/wrench.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -324,7 +323,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/lifebuoy.png" class = "img-responsive" height = "48px" width = "48px" >
< img src = "assets/icons/lifebuoy.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -335,7 +334,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
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" >
< img src = "assets/icons/user.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -346,7 +345,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< 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;">
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" >
< img src = "assets/icons/puzzle.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -356,7 +355,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< 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;">
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" >
< img src = "assets/icons/update.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -367,7 +366,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< 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;">
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" >
< img src = "assets/icons/consultation.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -377,7 +376,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< 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;">
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" >
< img src = "assets/icons/training.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -387,7 +386,7 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< 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"
< 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;">
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" >
< img src = "assets/icons/license.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
@ -404,15 +403,15 @@
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 style = "color: #212529 !important;" > Our Industries< / h2 >
< h2 style = "color: #212529 !important;" > Our Industries< / h2 >
< hr
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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" >
< img src = "./assets/icons/trading-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading
Trading
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -424,10 +423,10 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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" >
< img src = "./assets/icons/pos-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS
POS
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -439,11 +438,11 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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"
< img src = "./assets/icons/education-black.png" class = "img-responsive mb-3" height = "48px"
width="48px">
width="48px">
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education
Education
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -454,11 +453,11 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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"
< img src = "./assets/icons/manufacturing-black.png" class = "img-responsive mb-3" height = "48px"
width="48px">
width="48px">
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Manufacturing
Manufacturing
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -469,10 +468,10 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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" >
< img src = "./assets/icons/ecom-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce & Website
E-commerce & Website
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -484,10 +483,10 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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" >
< img src = "./assets/icons/service-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management
Service Management
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -498,11 +497,11 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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"
< img src = "./assets/icons/restaurant-black.png" class = "img-responsive mb-3" height = "48px"
width="48px">
width="48px">
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant
Restaurant
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -513,10 +512,10 @@
< div class = "col-lg-3" >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
< 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;">
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" >
< img src = "./assets/icons/hotel-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5
< h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management
Hotel Management
< / h5 >
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -538,26 +537,26 @@
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 style = "color: #212529 !important;" > Need Help?< / h2 >
< h2 style = "color: #212529 !important;" > Need Help?< / h2 >
< hr
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< / div >
< / div >
< / div >
< / div >
<!-- Contact Cards -->
<!-- Contact Cards -->
< div class = "row d-flex justify-content-center align-items-center"
< div class = "row d-flex justify-content-center align-items-center"
style="max-width:1540px; margin: 0 auto 2rem auto;">
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 = "col-lg-12" style = "padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; " >
< div class = "row mt-4" >
< div class = "row mt-4" >
< div class = "col-lg-6" >
< div class = "col-lg-6" >
< a href = "mailto:odoo@cybrosys.com" target = "_blank" class = "btn btn-block mb-2 deep_hover"
< 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
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;">< i
class="fa fa-envelope mr-2">< / i > odoo@cybrosys.com< / a >
class="fa fa-envelope mr-2">< / i > odoo@cybrosys.com< / a >
< / div >
< / div >
< div class = "col-lg-6" >
< div class = "col-lg-6" >
< a href = "https://api.whatsapp.com/send?phone=918606827707" target = "_blank"
< a href = "https://api.whatsapp.com/send?phone=918606827707" target = "_blank"
class="btn btn-block mb-2 deep_hover"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">< i
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">< i
class="fa fa-whatsapp mr-2">< / i > WhatsApp< / a >
class="fa fa-whatsapp mr-2">< / i > WhatsApp< / a >
< / div >
< / div >
< / div >
< / div >
@ -571,12 +570,12 @@
< div class = "row" style = "max-width:1540px; margin: 0 auto; margin-right: 3rem; " >
< div class = "row" style = "max-width:1540px; margin: 0 auto; margin-right: 3rem; " >
<!-- Logo -->
<!-- Logo -->
< div class = "col-lg-12 d-flex justify-content-center align-items-center" style = "margin-top: 3rem;" >
< 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" / >
< img src = "https://www.cybrosys.com/images/logo.png" width = "200px" height = "auto" / >
< / div >
< / div >
<!-- End of Logo -->
<!-- End of Logo -->
< div class = "col-lg-12" >
< div class = "col-lg-12" >
< hr
< 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;">
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 -->
<!-- End of Footer Section -->
< / div >
< / div >
< / div >
< / div >