@ -2,7 +2,8 @@
<!-- TITLE BAR -->
<!-- TITLE BAR -->
< div class = "d-flex align-items-center justify-content-between"
< div class = "d-flex align-items-center justify-content-between"
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
< img src = "assets/misc/cybrosys-logo.png" width = "42" height = "42" style = "width: 42px; height: 42px;" / >
< img src = "assets/misc/cybrosys-logo.png" width = "42" height = "42"
style="width: 42px; height: 42px;"/>
< div >
< div >
< div
< div
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
@ -10,14 +11,14 @@
< i class = "fa fa-check mr-1" > < / i > Community
< i class = "fa fa-check mr-1" > < / i > Community
< / div >
< / div >
< div
< div
style="color: #017E84 ; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
style="color: #7C7BAD ; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2">
class="mr-2">
< i class = "fa fa-check mr-1" > < / i > Odoo.sh
< i class = "fa fa-check mr-1" > < / i > Enterprise
< / div >
< / div >
< div
< div
style="color: #7C7BAD ; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
style="color: #017E84 ; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2">
class="mr-2">
< i class = "fa fa-check mr-1" > < / i > Enterprise
< i class = "fa fa-check mr-1" > < / i > Odoo.sh
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
@ -27,8 +28,9 @@
< div class = "col-sm-12 col-md-12 col-lg-12" >
< div class = "col-sm-12 col-md-12 col-lg-12" >
<!-- APP HERO -->
<!-- APP HERO -->
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" >
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" >
Product Restriction On Users< / h1 >
Product Restriction Users< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" > A Module For
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" >
A Module For
Configuring the Product Restriction on Users.
Configuring the Product Restriction on Users.
< / p >
< / p >
<!-- END OF APP HERO -->
<!-- END OF APP HERO -->
@ -42,12 +44,15 @@
< / div >
< / div >
<!-- NAVIGATION SECTION -->
<!-- NAVIGATION SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/compass.png" / >
< img src = "assets/misc/compass.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Explore This
Module< / h2 >
Module< / h2 >
< / div >
< / div >
< div class = "row my-4" style = "font-family: 'Montserrat', sans-serif;" >
< div class = "row my-4" style = "font-family: 'Montserrat', sans-serif;" >
@ -97,93 +102,117 @@
<!-- END OF NAVIGATION SECTION -->
<!-- END OF NAVIGATION SECTION -->
<!-- OVERVIEW SECTION -->
<!-- OVERVIEW SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "overview" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="overview">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/pie-chart.png" / >
< img src = "assets/misc/pie-chart.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Overview
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" >
< div class = "row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
< div class = "col-sm-12 py-4" >
< div class = "col-sm-12 py-4" >
This module used to allow products to user or only access products
This module used to allow products to user or only access products
related to allowed categories or Allow access of products/category to user.
related to allowed categories or Allow access of products/category to
user.
< / div >
< / div >
< / div >
< / div >
<!-- END OF OVERVIEW SECTION -->
<!-- END OF OVERVIEW SECTION -->
<!-- FEATURES SECTION -->
<!-- FEATURES SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "features" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="features">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/features.png" / >
< img src = "assets/misc/features.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" >
< div class = "row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
< div class = "col-sm-12 col-md-6" >
< div class = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-center" style = "margin-top: 40px; margin-bottom: 40px" >
< div class = "d-flex align-items-center"
style="margin-top: 40px; margin-bottom: 40px">
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Configure the User Setting s.< / span >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Admin can choose the products and categories that allowed for user s.< / span >
< / div >
< / div >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< div class = "d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Configure to Allow only selected products to user .< / span >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Option to restrict both products and categories .< / span >
< / div >
< / div >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< div class = "d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Configure to Allow to show the products based on category Category to user .< / span >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Separate configuration for allowed products and categories in Users .< / span >
< / div >
< / div >
< / div >
< / div >
< div class = "col-sm-12 col-md-6" >
< div class = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< div class = "d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Available in Odoo 16.0 both enterprise and
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Compatible with Community, Enterprise and Odoo.sh< / span >
Community< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- END OF FEATURES SECTION -->
<!-- END OF FEATURES SECTION -->
<!-- SCREENSHOTS SECTION -->
<!-- SCREENSHOTS SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "screenshots" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="screenshots">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/pictures.png" / >
< img src = "assets/misc/pictures.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Screenshots
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "row" >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "col-sm-12" >
< div style = "display: block; margin: 30px auto;" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Configure User
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
Configure User
Settings
Settings
< / h3 >
< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Set a restriction type
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
for to allow product and product category based on the selection of product and
Set a Restriction Type to allow product and product
category and added the allowed products in the user.< / p >
category. Based on this, add the allowed products in the
user.< / p >
< img src = "assets/screenshots/user_1.png" class = "img-thumbnail" >
< img src = "assets/screenshots/user_1.png" class = "img-thumbnail" >
< / div >
< / div >
< div style = "display: block; margin: 30px auto;" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Showing the allowed products on the user Marc Demo
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
Showing the allowed products on the user Marc Demo.
< / h3 >
< / h3 >
< img src = "assets/screenshots/user_2.png" class = "img-thumbnail" >
< img src = "assets/screenshots/user_2.png" class = "img-thumbnail" >
< / div >
< / div >
< div style = "display: block; margin: 30px auto;" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Login as the user
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
Mitchel Admin and set restriction type as category
Login as the user Mitchel Admin and set restriction
type as category.
< / h3 >
< / h3 >
< img src = "assets/screenshots/user_3.png" class = "img-thumbnail" >
< img src = "assets/screenshots/user_3.png" class = "img-thumbnail" >
< / div >
< / div >
< div style = "display: block; margin: 30px auto;" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Showing the allowed products based on choosen product category on the user Marc Demo
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
Showing the allowed products based on chosen product category
on the user Marc Demo.
< / h3 >
< / h3 >
< img src = "assets/screenshots/user_4.png" class = "img-thumbnail" >
< img src = "assets/screenshots/user_4.png" class = "img-thumbnail" >
@ -193,12 +222,15 @@
<!-- END OF SCREENSHOTS SECTION -->
<!-- END OF SCREENSHOTS SECTION -->
<!-- RELATED PRODUCTS -->
<!-- RELATED PRODUCTS -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/categories.png" / >
< img src = "assets/misc/categories.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Related
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Related
Products
Products
< / h2 >
< / h2 >
< / div >
< / div >
@ -208,52 +240,71 @@
<!-- The slideshow -->
<!-- The slideshow -->
< div class = "carousel-inner" style = "padding: 30px;" >
< div class = "carousel-inner" style = "padding: 30px;" >
< div class = "carousel-item" style = "min-height: 198.656px;" >
< div class = "carousel-item" style = "min-height: 198.656px;" >
< 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"
< a href = "https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/" target = "_blank" >
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/"
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/1.png">
src="assets/modules/1.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"
< a href = "https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/" target = "_blank" >
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/"
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/2.png">
src="assets/modules/2.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"
< a href = "https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/" target = "_blank" >
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/"
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/3.png">
src="assets/modules/3.png">
< / div >
< / div >
< / a >
< / a >
< / div >
< / div >
< / div >
< / div >
< div class = "carousel-item active" style = "min-height: 198.656px;" >
< div class = "carousel-item active"
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" >
style="min-height: 198.656px;">
< a href = "https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/" target = "_blank" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/"
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/4.png">
src="assets/modules/4.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"
< a href = "https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/" target = "_blank" >
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/"
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/5.png">
src="assets/modules/5.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"
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" target = "_blank" >
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/"
target="_blank">
< div style = "border-radius:10px" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
< img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/6.png">
src="assets/modules/6.png">
< / div >
< / div >
< / a >
< / a >
@ -261,10 +312,16 @@
< / div >
< / div >
< / div >
< / div >
<!-- Left and right controls -->
<!-- Left and right controls -->
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev" style = "width:35px; color:#000" > < span
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev"
class="carousel-control-prev-icon">< i class = "fa fa-chevron-left" style = "font-size:24px" > < / i > < / span >
style="width:35px; color:#000"> < span
< / a > < a class = "carousel-control-next" href = "#demo1" data-slide = "next" style = "width:35px; color:#000" >
class="carousel-control-prev-icon">< i
< span class = "carousel-control-next-icon" > < i class = "fa fa-chevron-right" style = "font-size:24px" > < / i > < / span >
class="fa fa-chevron-left"
style="font-size:24px">< / i > < / span >
< / a > < a class = "carousel-control-next" href = "#demo1"
data-slide="next" style="width:35px; color:#000">
< span class = "carousel-control-next-icon" > < i
class="fa fa-chevron-right"
style="font-size:24px">< / i > < / span >
< / a >
< / a >
< / div >
< / div >
< / div >
< / div >
@ -273,12 +330,15 @@
<!-- OUR SERVICES -->
<!-- OUR SERVICES -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/star.png" / >
< img src = "assets/misc/star.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our Services
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our Services
< / h2 >
< / h2 >
< / div >
< / div >
@ -287,9 +347,11 @@
< 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;">
Odoo
Odoo
Customization< / h6 >
Customization< / h6 >
< / div >
< / div >
@ -297,9 +359,11 @@
< 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;">
Odoo
Odoo
Implementation< / h6 >
Implementation< / h6 >
< / div >
< / div >
@ -307,9 +371,11 @@
< 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;">
Odoo
Odoo
Support< / h6 >
Support< / h6 >
< / div >
< / div >
@ -318,9 +384,11 @@
< 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;">
Hire
Hire
Odoo
Odoo
Developer< / h6 >
Developer< / h6 >
@ -329,9 +397,11 @@
< 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;">
Odoo
Odoo
Integration< / h6 >
Integration< / h6 >
< / div >
< / div >
@ -339,9 +409,11 @@
< 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;">
Odoo
Odoo
Migration< / h6 >
Migration< / h6 >
< / div >
< / div >
@ -350,9 +422,11 @@
< 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;">
Odoo
Odoo
Consultancy< / h6 >
Consultancy< / h6 >
< / div >
< / div >
@ -360,9 +434,11 @@
< 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;">
Odoo
Odoo
Implementation< / h6 >
Implementation< / h6 >
< / div >
< / div >
@ -370,9 +446,11 @@
< 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;">
Odoo
Odoo
Licensing Consultancy< / h6 >
Licensing Consultancy< / h6 >
< / div >
< / div >
@ -380,16 +458,19 @@
< / div >
< / div >
<!-- END OF END OF OUR SERVICES -->
<!-- END OF OUR SERVICES -->
<!-- OUR INDUSTRIES -->
<!-- OUR INDUSTRIES -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/corporate.png" / >
< img src = "assets/misc/corporate.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our
Industries
Industries
< / h2 >
< / h2 >
< / div >
< / div >
@ -399,7 +480,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; 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 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Trading
Trading
< / h5 >
< / h5 >
@ -413,7 +495,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; 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 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
POS
POS
< / h5 >
< / h5 >
@ -427,7 +510,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/education-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< 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;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Education
Education
< / h5 >
< / h5 >
@ -440,7 +524,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/manufacturing-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< 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;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Manufacturing
Manufacturing
< / h5 >
< / h5 >
@ -453,7 +538,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; 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 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
E-commerce & Website
E-commerce & Website
< / h5 >
< / h5 >
@ -467,7 +553,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; 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 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Service Management
Service Management
< / h5 >
< / h5 >
@ -480,7 +567,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/restaurant-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< 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;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Restaurant
Restaurant
< / h5 >
< / h5 >
@ -493,7 +581,8 @@
< 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: 0px; padding: 2rem !important; height: 250px !important;">
style="background-color: #f6f8f9 !important; border-radius: 0px; 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 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Hotel Management
Hotel Management
< / h5 >
< / h5 >
@ -506,15 +595,18 @@
< / div >
< / div >
< / div >
< / div >
<!-- END OF END OF OUR INDUSTRIES -->
<!-- END OF OUR INDUSTRIES -->
<!-- SUPPORT -->
<!-- SUPPORT -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/customer-support.png" / >
< img src = "assets/misc/customer-support.png" / >
< / div >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Support
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Support
< / h2 >
< / h2 >
< / div >
< / div >
< div class = "container mt-5" >
< div class = "container mt-5" >
@ -523,11 +615,13 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4 d-flex justify-content-center align-items-center"
< div class = "mr-4 d-flex justify-content-center align-items-center"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/support.png" height = "48" width = "48" style = "width: 42px; height: 42px;" / >
< img src = "assets/misc/support.png" height = "48" width = "48"
style="width: 42px; height: 42px;"/>
< / div >
< / div >
< div >
< div >
< h4 > Need Help?< / h4 >
< h4 > Need Help?< / h4 >
< p style = "line-height: 100%;" > Got questions or need help? Get in touch.< / p >
< p style = "line-height: 100%;" > Got questions or need help?
Get in touch.< / p >
< a href = "mailto:odoo@cybrosys.com" >
< a href = "mailto:odoo@cybrosys.com" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
odoo@cybrosys.com< / p >
odoo@cybrosys.com< / p >
@ -539,13 +633,15 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4 d-flex justify-content-center align-items-center"
< div class = "mr-4 d-flex justify-content-center align-items-center"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/whatsapp.png" height = "52" width = "52" style = "width: 52px; height: 52px;" / >
< img src = "assets/misc/whatsapp.png" height = "52" width = "52"
style="width: 52px; height: 52px;"/>
< / div >
< / div >
< div >
< div >
< h4 > WhatsApp< / h4 >
< h4 > WhatsApp< / h4 >
< p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p >
< p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p >
< a href = "https://api.whatsapp.com/send?phone=918606827707" >
< a href = "https://api.whatsapp.com/send?phone=918606827707" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" > +91 86068
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
+91 86068
27707< / p >
27707< / p >
< / a >
< / a >
< / div >
< / div >