@ -1,345 +1,266 @@
< div class = "container" style = "padding: 1rem !important; margin-bottom: 1rem !important;" > < div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" >
< div class = "row" > <!-- TITLE BAR -->
< 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 < 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 < i class = "fa fa-check mr-1" > < / i > Community
< / div > < / div >
< div < 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;"
style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> class="mr-2 ">
< i class = "fa fa-check mr-1" > < / i > Enterprise < 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;"
< / div > class="mr-2">
< / div > < i class = "fa fa-check mr-1" > < / i > Odoo.sh
< / div > < / div >
< / div >
< 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 > < / div >
<!-- END OF TITLE BAR -->
< div class = "row" > <!-- APP HERO -->
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important" > < h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" > Top/Least Selling Product Report< / h1 >
< h2 < p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" > Report of Top/Least Selling Products < / p >
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> <!-- END OF APP HERO -->
< i class = "fa fa-compass mr-2" > < / i > Explore this module < img src = "assets/screenshots/hero.gif"
< / h2 > style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;" />
< / 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 >
< / 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 >
< / 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 >
< / 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 >
< / div >
< / a >
< / div >
< / div >
< 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 >
< / 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 >
< div class = "row" id = "features" > <!-- NAVIGATION SECTION -->
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;" >
< h2 < div class = "d-flex justify-content-center align-items-center mr-2"
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< i class = "fa fa-star mr-2" > < / i > Features < img src = "assets/misc/compass.png" / >
< / h2 >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
< div class = "col-md-6 pl-3 py-3 d-flex" > Module< / h2 >
< / div >
< 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 > < div >
< img src = "assets/icons/check.png" > < 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 > < / div >
< div > < img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< 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 > < / div >
< / a >
< / div > < / div >
< div class = "col-md-6 pl-3 py-3 d-flex" > < 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 > < div >
< img src = "assets/icons/check.png" > < 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 > < / div >
< div > < img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< 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 > < / div >
< / a >
< / div > < / div >
< div class = "col-sm-12 col-md-6 my-3" >
< div class = "col-md-6 pl-3 py-3 d-flex" > < a href = "#screenshots" >
< div class = "d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
< div > < div >
< img src = "assets/icons/check.png" > < 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 > < / div >
< div > < img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< 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 >
< / a >
< / div > < / div >
< / div >
<!-- END OF NAVIGATION SECTION -->
< div class = "col-md-6 pl-3 py-3 d-flex" > <!-- OVERVIEW SECTION -->
< div > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "overview" >
< img src = "assets/icons/check.png" > < div class = "d-flex justify-content-center align-items-center mr-2"
< / div > style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< div > < img src = "assets/misc/pie-chart.png" / >
< 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 >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< / h2 >
< / div >
< 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 >
< / div >
<!-- END OF OVERVIEW SECTION -->
< div class = "col-md-6 pl-3 py-3 d-flex" > <!-- FEATURES SECTION -->
< div > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "features" >
< img src = "assets/icons/check.png" > < 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 >
< div > < h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
< h4 < / h2 >
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">< / div >
Only the confirmed Products can be selected in Sale Order.< / 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 >
< 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 >
< div class = "col-md-6 pl-3 py-3 d-flex" > < div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< div > < img src = "assets/misc/check-box.png" class = "mr-2" / >
< img src = "assets/icons/check.png" > < 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;">
Product Manager Can also reset the confirm state to draft.< / h4 >
< / div > < / div >
< / div > < / div >
< / div >
<!-- END OF FEATURES 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 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 > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots
< 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 > < / h2 >
< / div > < / div >
< div class = "col-lg-12 my-2" > < div class = "row" >
< h4 class = "mt-2" < div class = "col-sm-12" >
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;" > 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 >
< div class = "col-lg-12 my-3" > < div style = "display: block; margin: 30px auto;" >
< h4 class = "mt-3" < h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Reporting Wizard< / h3 >
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> < 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 >
Product Manager can Approve the products created by clicking the confirm button< / h4 > < img src = "assets/screenshots/2.png" class = "img-thumbnail" >
< img src = "assets/screenshots/confirm_button.png" class = "img-responsive img-thumbnail border" width = "100%"
height="auto" />
< / div > < / 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%" < div style = "display: block; margin: 30px auto;" >
height="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 >
< 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 >
< img src = "assets/screenshots/sale_order_line.png" class = "img-responsive img-thumbnail border" width = "100%" < div style = "display: block; margin: 30px auto;" >
height="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 >
< / div > < / div >
< / div >
<!-- END OF SCREENSHOTS SECTION -->
<!-- SUGGESTED PRODUCTS --> <!-- RELATED PRODUCTS -->
< div class = "row" > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "col-lg-12 d-flex flex-column justify-content-center" < div class = "d-flex justify-content-center align-items-center mr-2"
style="text-align: center; padding: 2.5rem 1rem !important;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< h2 style = "color: #212529 !important;" > Suggested Products< / h2 > < img src = "assets/misc/categories.png" / >
< hr < / div >
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" /> < h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Related
Products
< / h2 >
< / div >
< div class = "row" >
< div class = "col-sm-12" >
< div id = "demo1" class = "row carousel slide" data-ride = "carousel" > < div id = "demo1" class = "row carousel slide" data-ride = "carousel" >
<!-- The slideshow --> <!-- The slideshow -->
< div class = "carousel-inner" > < div class = "carousel-inner" style = "padding: 30px; " >
< div class = "carousel-item active" style = "min-height:0px" > < 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" 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" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" < img class = "img img-responsive center-block" style = "border-radius: 0px;"
style="border-top-left-radius:10px; border-top-right-radius:10px" src="assets/modules/1.png">
src="./assets/modules/payroll_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/15.0/custom_gantt_view/" target = "_blank" > < 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" < img class = "img img-responsive center-block" style = "border-radius: 0px;"
style="border-top-left-radius:10px; border-top-right-radius:10px" src="assets/modules/2.png">
src="./assets/modules/gantt_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/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" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" < img class = "img img-responsive center-block" style = "border-radius: 0px;"
style="border-top-left-radius:10px; border-top-right-radius:10px" src="assets/modules/3.png">
src="./assets/modules/credit_image.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< / 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" > < 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" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" < img class = "img img-responsive center-block" style = "border-radius: 0px;"
style="border-top-left-radius:10px; border-top-right-radius:10px" src="assets/modules/4.png">
src="./assets/modules/budget_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/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" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" < img class = "img img-responsive center-block" style = "border-radius: 0px;"
style="border-top-left-radius:10px; border-top-right-radius:10px" src="assets/modules/5.png">
src="./assets/modules/quotation_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/15.0/employee_documents_expiry/" < a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" 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-radius: 0px;"
style="border-top-left-radius:10px; border-top-right-radius:10px" src="assets/modules/6.png">
src="./assets/modules/employee_image.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< / div > < / div >
< / 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 = "width:35px; color:#000" > < span
style="left:-25px;width: 35px;color: #000;"> < span class = "carousel-control-prev-icon" > < i class="carousel-control-prev-icon">< i class = "fa fa-chevron-left" style = "font-size:24px" > < / i > < / span >
class="fa fa-chevron-left" style="font-size:24px">< / i > < / span > < / a > < a < / a > < a class = "carousel-control-next" href = "#demo1" data-slide = "next" style = "width:35px; color:#000" >
class="carousel-control-next" href="#demo1" data-slide="next"
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 >
<!-- END OF SUGGES TED PRODUCTS --> <!-- END OF RELA TED PRODUCTS -->
<!-- OUR SERVICES --> <!-- OUR SERVICES -->
< section class = "container" style = "margin-top: 6rem !important;" >
< div class = "row" > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" > < div class = "d-flex justify-content-center align-items-center mr-2"
< h2 style = "color: #212529 !important;" > Our Services< / h2 > style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< hr < img src = "assets/misc/star.png" / >
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< / div > < / 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 = "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;">
@ -433,24 +354,30 @@
Licensing Consultancy< / h6 > Licensing Consultancy< / h6 >
< / div > < / div >
< / div > < / div >
< / section >
<!-- END OF END OF OUR SERVICES -->
<!-- OUR INDUSTRIES --> < / div >
< section class = "container" style = "margin-top: 6rem !important;" >
< div class = "row" > <!-- END OF END OF OUR SERVICES -->
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 style = "color: #212529 !important;" > Our Industries< / h2 > <!-- OUR INDUSTRIES -->
< 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 > < / 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 = "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: 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 < 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;" >
@ -462,10 +389,9 @@
< 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: 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 < 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;" >
@ -477,11 +403,9 @@
< 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: 0px; 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 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 >
< 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;" >
@ -492,11 +416,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: 1 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" < 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;" >
@ -507,10 +430,9 @@
< 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: 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 < 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;" >
@ -522,10 +444,9 @@
< 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: 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 < 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;" >
@ -536,11 +457,9 @@
< 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: 0px; 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 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 >
< 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;" >
@ -551,10 +470,9 @@
< 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: 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 < 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;" >
@ -563,62 +481,60 @@
hotel management application< / p > hotel management application< / p >
< / div > < / div >
< / div > < / div >
< / div > < / div >
< / section > < / div >
<!-- END OF END OF OUR INDUSTRIES --> <!-- END OF END OF OUR INDUSTRIES -->
<!-- FOOTER --> <!-- SUPPORT -->
<!-- Footer Section --> < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" >
< section class = "container" style = "margin: 5rem auto 2rem;" > < div class = "d-flex justify-content-center align-items-center mr-2"
< div class = "row" style = "max-width:1540px;" > style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" > < img src = "assets/misc/customer-support.png" / >
< h2 style = "color: #212529 !important;" > Need Help?< / h2 >
< hr
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" />
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Support
< / h2 >
< / div >
< 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 >
< div >
<!-- Contact Cards --> < h4 > Need Help?< / h4 >
< div class = "row d-flex justify-content-center align-items-center" < p style = "line-height: 100%;" > Got questions or need help? Get in touch.< / p >
style="max-width:1540px; margin: 0 auto 2rem auto;"> < a href = "mailto:odoo@cybrosys.com" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
< div class = "col-lg-12" style = "padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; " > odoo@cybrosys.com< / p >
< / a >
< div class = "row mt-4" >
< div class = "col-lg-6" >
< a href = "mailto:odoo@cybrosys.com" target = "_blank" class = "btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;">< i
class="fa fa-envelope mr-2">< / i > odoo@cybrosys.com< / a >
< / div > < / div >
< div class = "col-lg-6" >
< a href = "https://api.whatsapp.com/send?phone=918606827707" target = "_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">< i
class="fa fa-whatsapp mr-2">< / i > WhatsApp< / a >
< / div > < / div >
< / div > < / div >
< 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 > < / div >
< 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 > < / 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 > < / 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 >
< / div > < / div >
< / section > < div class = "row" >
<!-- END OF FOOTER --> < 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 > < / div >
<!-- END OF SUPPORT -->
AjmalCybro
2 years ago
