@ -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">
< i class = "fa fa-check mr-1" > < / i > Odoo.sh
< / div > < / div >
< / div > < / 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 >
< div class = "row" > <!-- NAVIGATION SECTION -->
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !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-compass mr-2" > < / i > Explore this module < img src = "assets/misc/compass.png" / >
< / h2 >
< / div > < / div >
< div class = "col-md-6" > < h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
< a href = "#overview" style = "text-decoration: none !important;" > Module< / h2 >
< 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 >
< div class = "col-4 text-right d-flex justify-content-end align-items-center" > < div class = "row my-4" style = "font-family: 'Montserrat', sans-serif;" >
< i class = "fa fa-chevron-right" style = "color: #714B67 !important;" > < / i > < 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 > < / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div > < / div >
< / a > < / a >
< / div > < / div >
< div class = "col-md-6" > < div class = "col-sm-12 col-md-6 my-3" >
< a href = "#features" style = "text-decoration: none !important;" > < a href = "#features" >
< div class = "row" < div class = "d-flex justify-content-between align-items-center"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;"> style="background-color: #f5f5f5; padding: 30px; width: 100%;">
< div class = "col-8" > < div >
< h3 < span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Features< / span >
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;"> < span
Features< / h3 > style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
< p features of this
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;"> module< / span >
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 >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div > < / div >
< / a > < / a >
< / div > < / div >
< div class = "col-md-6" > < div class = "col-sm-12 col-md-6 my-3" >
< a href = "#screenshots" style = "text-decoration: none !important;" > < a href = "#screenshots" >
< div class = "row" < div class = "d-flex justify-content-between align-items-center"
style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;"> style="background-color: #f5f5f5; padding: 30px; width: 100%;">
< div class = "col-8" > < div >
< h3 < span style = "color: #714B67; font-size: 24px; font-weight: 500; display: block;" > Screenshots< / span >
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;"> < span
Screenshots< / h3 > style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View
< p screenshots for this
style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;"> module< / span >
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 >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div > < / div >
< / a > < / a >
< / div > < / div >
< / div > < / div >
<!-- END OF NAVIGATION SECTION -->
<!-- OVERVIEW SECTION -->
< div class = "row" id = "overview" > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "overview" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" > < div class = "d-flex justify-content-center align-items-center mr-2"
< h2 style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> < img src = "assets/misc/pie-chart.png" / >
< i class = "fa fa-pie-chart mr-2" > < / i > Overview
< / h2 >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< 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 > < / h2 >
< / div > < / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" >
< div class = "col-md-6 pl-3 py-3 d-flex" > < div class = "col-sm-12 py-4" >
< div > 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.
< img src = "assets/icons/check.png" >
< / div > < / 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 > < / 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 >
< div class = "col-md-6 pl-3 py-3 d-flex" > < h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
< div > < / h2 >
< img src = "assets/icons/check.png" >
< / div > < / div >
< div > < div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" >
< h4 < div class = "col-sm-12 col-md-6" >
style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> < div class = "d-flex align-items-center" style = "margin-top: 40px; margin-bottom: 40px" >
New User group Product Manager is created.< / h4 > < 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 = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< div class = "col-md-6 pl-3 py-3 d-flex" > < img src = "assets/misc/check-box.png" class = "mr-2" / >
< div > < span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Report for a range of products.< / span >
< img src = "assets/icons/check.png" >
< / div > < / 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 >
< / div > < / div >
<!-- END OF FEATURES SECTION -->
< div class = "col-md-6 pl-3 py-3 d-flex" > <!-- SCREENSHOTS SECTION -->
< div > < div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "screenshots" >
< 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/pictures.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;" > Screenshots
< / h2 >
< / div > < / div >
< div class = "row" >
< div class = "col-sm-12" >
< div class = "col-md-6 pl-3 py-3 d-flex" > < div style = "display: block; margin: 30px auto;" >
< div > < h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Select Menu Top/Least Selling Product Report From Sales Module < / h3 >
< img src = "assets/icons/check.png" > < 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 >
< / div > < img src = "assets/screenshots/1.png" class = "img-thumbnail" >
< 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 > < / 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 >
< div class = "row" id = "screenshots" > < div style = "display: block; margin: 30px auto;" >
< div class = "col-md-12" style = "border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important" > < h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Report on Top Selling Products < / h3 >
< h2 < img src = "assets/screenshots/3.png" class = "img-thumbnail" >
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 > < / 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 >
< 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 >
< 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 >
< div class = "col-lg-12 my-3" > <!-- END OF SCREENSHOTS SECTION -->
< 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%" <!-- RELATED PRODUCTS -->
height="auto" />< 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 > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Related
Products
< / h2 >
< / div > < / div >
<!-- SUGGESTED PRODUCTS -->
< div class = "row" > < div class = "row" >
< div class = "col-lg-12 d-flex flex-column justify-content-center" < div class = "col-sm-12" >
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 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 >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our Services
< / h2 >
< / div > < / 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 >
< / div >
<!-- END OF END OF OUR SERVICES --> <!-- END OF END OF OUR SERVICES -->
<!-- OUR INDUSTRIES --> <!-- OUR INDUSTRIES -->
< 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 Industries< / h2 > style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< hr < img src = "assets/misc/corporate.png" / >
style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;" /> < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our
Industries
< / h2 >
< / div > < / 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 >
< div class = "container mt-5" >
<!-- Contact Cards --> < div class = "row" >
< div class = "row d-flex justify-content-center align-items-center" < div class = "col-sm-12 col-md-6" >
style="max-width:1540px; margin: 0 auto 2rem auto;"> < div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4"
< div class = "col-lg-12" style = "padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; " > 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 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" > < div >
< a href = "https://api.whatsapp.com/send?phone=918606827707" target = "_blank" < h4 > Need Help?< / h4 >
class="btn btn-block mb-2 deep_hover" < p style = "line-height: 100%;" > Got questions or need help? Get in touch.< / p >
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">< i < a href = "mailto:odoo@cybrosys.com" >
class="fa fa-whatsapp mr-2">< / i > WhatsApp< / a > < p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
odoo@cybrosys.com< / p >
< / a >
< / div > < / div >
< / 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 >
<!-- End of Contact Cards --> < div >
< / section > < h4 > WhatsApp< / h4 >
<!-- Footer --> < p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p >
< section class = "oe_container" style = "padding: 2rem 3rem 1rem;" > < a href = "https://api.whatsapp.com/send?phone=918606827707" >
< div class = "row" style = "max-width:1540px; margin: 0 auto; margin-right: 3rem; " > < p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" > +91 86068
<!-- Logo --> 27707< / p >
< div class = "col-lg-12 d-flex justify-content-center align-items-center" style = "margin-top: 3rem;" > < / a >
< 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 >
<!-- END OF FOOTER -->
< / div > < / 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
