@ -1,345 +1,266 @@
< div class = "container" style = "padding: 1rem !important; margin-bottom: 1rem !important;" >
< div class = "row" >
< div class = "col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between"
style="border-bottom: 1px solid #d5d5d5;">
< div class = "my-3" >
< img src = "./assets/icons/logo.png" style = "width: auto !important; height: 40px !important;" >
< / div >
< div class = "my-3 d-flex align-items-center" >
< div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" >
<!-- TITLE BAR -->
< div
style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
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;" / >
< 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;"
class="mr-2">
< i class = "fa fa-check mr-1" > < / i > Community
< / div >
< div
style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
< div style = "color: #875A7B; 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 ">
< i class = "fa fa-check mr-1" > < / i > Enterprise
< / 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;"
class="mr-2">
< i class = "fa fa-check mr-1" > < / i > Odoo.sh
< / div >
< / div >
< / div >
<!-- END OF TITLE BAR -->
<!-- APP HERO -->
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" > Top/Least Selling Product Report< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" > Report of Top/Least Selling Products < / p >
<!-- END OF APP HERO -->
< img src = "assets/screenshots/hero.gif"
style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;" />
< div class = "container" style = "padding: 0rem 1.5rem 4rem !important" >
< div class = "row" style = "height: 900px !important;" >
< 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;">
< h1
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important; font-size: 3rem !important; text-align: center !important;">
Product Approval< / h1 >
< p
style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important; font-size: 1.4rem !important; text-align: center !important;">
Approval Management provides users Approval Feature on product creation, and only approved products can
be used in sale orders
< / p >
< img src = "./assets/screenshots/hero.png" class = "img-responsive" width = "100%" height = "auto" / >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important" >
< h2
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
< / h2 >
<!-- 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 justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/compass.png" / >
< / div >
< div class = "col-md-6" >
< a href = "#overview" style = "text-decoration: none !important;" >
< div class = "row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
< div class = "col-8" >
< h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Overview< / h3 >
< p
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 >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
Module< / h2 >
< / div >
< 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 class = "row my-4" style = "font-family: 'Montserrat', sans-serif;" >
< div class = "col-sm-12 col-md-6 my-3" >
< a href = "#overview" >
< div class = "d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
< div >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Overview< / span >
< span
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn
more about this
module< / span >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< div class = "col-md-6" >
< a href = "#features" style = "text-decoration: none !important;" >
< div class = "row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
< div class = "col-8" >
< h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Features< / h3 >
< p
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 >
< 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 class = "col-sm-12 col-md-6 my-3" >
< a href = "#features" >
< div class = "d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
< div >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Features< / span >
< span
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
features of this
module< / span >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< div class = "col-md-6" >
< a href = "#screenshots" style = "text-decoration: none !important;" >
< div class = "row"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;">
< div class = "col-8" >
< h3
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;">
Screenshots< / h3 >
< p
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 >
< / div >
< 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 class = "col-sm-12 col-md-6 my-3" >
< a href = "#screenshots" >
< div class = "d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
< div >
< span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Screenshots< / span >
< span
style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
screenshots for this
module< / span >
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< / div >
<!-- END OF NAVIGATION SECTION -->
< div class = "row" id = "overview" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< h2
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
< / h2 >
<!-- OVERVIEW SECTION -->
< 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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/pie-chart.png" / >
< / div >
< div class = "col-mg-12 pl-3" >
< p
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
Introducing Approval For Products in version 14 community. The module helps provides users with an
Approval Feature on product creation and only those approved products can be used in sale orders.< / p >
< / div >
< / div >
< div class = "row" id = "features" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< h2
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
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< / h2 >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< 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" >
This module helps in generating top selling and least selling product pdf reports. One can generate top/least selling product report according to the company and warehouse for range of period.
< / div >
< div >
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Community & Enterprise Support< / h4 >
< p
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 >
< / div >
<!-- END OF OVERVIEW 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 justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/features.png" / >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
< / h2 >
< / div >
< div >
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
New User group Product Manager is created.< / h4 >
< 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 = "d-flex align-items-center" style = "margin-top: 40px; margin-bottom: 40px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Generates top/least selling product report.< / span >
< / div >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Generates reports for certain time periods.< / span >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Report for a range of products.< / span >
< / div >
< div >
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Only the Product Manager can Approve the products created.< / h4 >
< / div >
< / div >
<!-- END OF FEATURES SECTION -->
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
By default the products creation will be in draft state.< / h4 >
<!-- SCREENSHOTS SECTION -->
< 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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/pictures.png" / >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots
< / h2 >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Only the confirmed Products can be selected in Sale Order.< / h4 >
< / div >
< / div >
< div class = "col-md-6 pl-3 py-3 d-flex" >
< div >
< img src = "assets/icons/check.png" >
< / div >
< div >
< h4
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Product Manager Can also reset the confirm state to draft.< / h4 >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Select Menu Top/Least Selling Product Report From Sales Module < / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > When you install this module, an extra menu named Top/Least Selling Product will be created.< / p >
< img src = "assets/screenshots/1.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Reporting Wizard< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > From the wizard,we can select Companies,Warehouse,Number of Products and Select a time period from 'Top Selling product of' selection field. If we check 'Least Selling Product' then it will generate least selling product report.< / p >
< img src = "assets/screenshots/2.png" class = "img-thumbnail" >
< / div >
< div class = "row" id = "screenshots" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" >
< h2
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
< / h2 >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Report on Top Selling Products < / h3 >
< img src = "assets/screenshots/3.png" class = "img-thumbnail" >
< / div >
< div class = "col-lg-12 my-2" >
< h4 class = "mt-2"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
New User group Product Manager is created< / h4 >
< img src = "assets/screenshots/product_manager.png" class = "img-responsive img-thumbnail border" width = "100%"
height="auto" />
< / div >
< div class = "col-lg-12 my-3" >
< h4 class = "mt-3"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
By default the products creation will be in draft state< / h4 >
< img src = "assets/screenshots/draft_state.png" class = "img-responsive img-thumbnail border" width = "100%"
height="auto" />
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Report on Least Selling Products < / h3 >
< img src = "assets/screenshots/4.png" class = "img-thumbnail" >
< / div >
< div class = "col-lg-12 my-3" >
< h4 class = "mt-3"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Product Manager can Approve the products created by clicking the confirm button< / h4 >
< img src = "assets/screenshots/confirm_button.png" class = "img-responsive img-thumbnail border" width = "100%"
height="auto" />
< / div >
< div class = "col-lg-12 my-3" >
< h4 class = "mt-3"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
Product Manager Can also reset the confirm state to draft< / h4 >
< img src = "assets/screenshots/reset_to_draft.png" class = "img-responsive img-thumbnail border" width = "100%"
height="auto" />
< / div >
< div class = "col-lg-12 my-3" >
< h4 class = "mt-3"
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
only the confirmed Products can be selected in Sale Order< / h4 >
<!-- END OF SCREENSHOTS SECTION -->
< img src = "assets/screenshots/sale_order_line.png" class = "img-responsive img-thumbnail border" width = "100%"
height="auto" />
<!-- RELATED PRODUCTS -->
< 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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/categories.png" / >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Related
Products
< / h2 >
< / div >
<!-- SUGGESTED PRODUCTS -->
< div class = "row" >
< div class = "col-lg-12 d-flex flex-column justify-content-center"
style="text-align: center; padding: 2.5rem 1rem !important;">
< h2 style = "color: #212529 !important;" > Suggested Products< / h2 >
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< div class = "col-sm-12" >
< div id = "demo1" class = "row carousel slide" data-ride = "carousel" >
<!-- The slideshow -->
< div class = "carousel-inner" >
< div class = "carousel-item active " style = "min-height:0px " >
< div class = "carousel-inner" style = "padding: 30px;" >
< 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" >
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community /" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report /" target = "_blank" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/payroll_image.png">
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/1.png">
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" >
< a href = "https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/" target = "_blank" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/gantt_image.png">
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/2.png">
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" >
< a href = "https://apps.odoo.com/apps/modules/15.0/sales_credit_limi t/" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/15.0/project_custom_gant t/" target = "_blank" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/credit_image.png">
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/3.png">
< / div >
< / a >
< / div >
< / div >
< div class = "carousel-item" style = "min-height:0px " >
< div class = "carousel-item active " style = "min-height: 198.656px; " >
< 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/base_account_budget /" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx /" target = "_blank" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/budget_image.png">
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/4.png">
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" >
< a href = "https://apps.odoo.com/apps/modules/15.0/product_to_quotation /" target = "_blank" >
< a href = "https://apps.odoo.com/apps/modules/15.0/base_accounting_kit /" target = "_blank" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/quotation_image.png">
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/5.png">
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" >
< a href = "https://apps.odoo.com/apps/modules/15.0/employee_documents_expiry/"
target="_blank">
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" target = "_blank" >
< div style = "border-radius:10px" >
< img class = "img img-responsive center-block"
style="border-top-left-radius:10px; border-top-right-radius:10px"
src="./assets/modules/employee_image.png">
< img class = "img img-responsive center-block" style = "border-radius: 0px;"
src="assets/modules/6.png">
< / div >
< / a >
< / div >
< / div >
< / div >
<!-- Left and right controls -->
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev"
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="carousel-control-next" href="#demo1" data-slide="next"
style="right:-25px;width: 35px;color: #000;">
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev" style = "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 = "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 >
< / div >
< / div >
< / div >
<!-- END OF SUGGES TED PRODUCTS -->
<!-- END OF RELA TED PRODUCTS -->
<!-- OUR SERVICES -->
< 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 Services< / h2 >
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< 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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/star.png" / >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our Services
< / h2 >
< / div >
< div class = "container my-5" >
< div class = "row" >
< 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: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
@ -433,24 +354,30 @@
Licensing Consultancy< / h6 >
< / div >
< / div >
< / section >
< / div >
<!-- 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 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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/corporate.png" / >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our
Industries
< / h2 >
< / div >
< div class = "container my-5" >
< div class = "row" >
< 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;">
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" >
< 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;" >
@ -462,10 +389,9 @@
< 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;">
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" >
< 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;" >
@ -477,11 +403,9 @@
< 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;">
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" >
< 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;" >
@ -492,11 +416,10 @@
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 1 0px; padding: 2rem !important; height: 250px !important;">
< img src = "./ assets/icons/manufacturing-black.png" class = "img-responsive mb-3" height = "48px"
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">
< 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
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -507,10 +430,9 @@
< 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;">
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" >
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
E-commerce & Website
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
@ -522,10 +444,9 @@
< 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;">
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" >
< 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;" >
@ -536,11 +457,9 @@
< 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;">
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" >
< 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;" >
@ -551,10 +470,9 @@
< 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;">
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" >
< 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;" >
@ -563,62 +481,60 @@
hotel management application< / p >
< / div >
< / div >
< / div >
< / section >
< / div >
<!-- 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;" />
<!-- SUPPORT -->
< 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"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/customer-support.png" / >
< / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Support
< / h2 >
< / 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 class = "container mt-5" >
< div class = "row" >
< div class = "col-sm-12 col-md-6" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
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;" / >
< / 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 >
< h4 > Need Help?< / h4 >
< p style = "line-height: 100%;" > Got questions or need help? Get in touch.< / p >
< a href = "mailto:odoo@cybrosys.com" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
odoo@cybrosys.com< / p >
< / a >
< / div >
< / div >
< / div >
< div class = "col-sm-12 col-md-6" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
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;" / >
< / 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 >
< h4 > WhatsApp< / h4 >
< p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p >
< a href = "https://api.whatsapp.com/send?phone=918606827707" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" > +91 86068
27707< / p >
< / a >
< / 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 >
< div class = "row" >
< div class = "col-sm-12 my-5 d-flex justify-content-center align-items-center" >
< img src = "assets/misc/logo.png" width = "144" height = "31"
style="width:144px; height: 31px; margin-top: 40px;" />
< / div >
< / div >
< / div >
<!-- END OF SUPPORT -->
AjmalCybro
2 years ago
