@ -1,196 +1,231 @@
< div style = "background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;" >
<!-- TITLE BAR -->
< div class = "d-flex align-items-center justify-content-between"
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
< 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="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 > Enterprise
< / div >
<!-- TITLE BAR -->
< div class = "d-flex align-items-center justify-content-between"
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
< 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="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 > Enterprise
< / div >
< / div >
< / div >
< / div >
<!-- END OF TITLE BAR -->
< div class = "container" >
< div class = "row" >
< div class = "col-sm-12 col-md-12 col-lg-12" >
<!-- APP HERO -->
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" >
Dynamic Report Operations
< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" > Different Action Types For PDF Report.< / p >
<!-- END OF APP HERO -->
< img src = "assets/screenshots/hero.gif" class = "img-responsive"
style="width: 100%; margin-left: auto; margin-right: auto;" />
< / div >
<!-- END OF TITLE BAR -->
< div class = "container" >
< div class = "row" >
< div class = "col-sm-12 col-md-12 col-lg-12" >
<!-- APP HERO -->
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" >
Dynamic Report Operations
< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" >
Different Action Types For PDF Report.< / p >
<!-- END OF APP HERO -->
< img src = "assets/screenshots/hero.gif" class = "img-responsive"
style="width: 100%; margin-left: auto; margin-right: auto;"/>
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- 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 >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This
Module< / h2 >
< 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 >
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Explore This
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 >
< 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
< 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-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
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< 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-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
< / div >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< 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 >
< img src = "assets/misc/right-arrow.png" width = "36" height = "36" / >
< / div >
< / a >
< / div >
< / div >
<!-- END OF NAVIGATION SECTION -->
<!-- OVERVIEW SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "overview" >
< div class = "d-flex 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 >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview
< / h2 >
< 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 >
< 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 allows users to have different actions for pdf report.
< / 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 allows users to have different actions for pdf report.
< / 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 >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features
< / 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 col-md-6" >
< 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;" > Define different actions for pdf 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;" > Print, Download, Open and Share by Email< / span >
< 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 = "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;" > Available for Sales, Purchase, Inventory and Invoice modules< / span >
< h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
< / 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 col-md-6" >
< 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;" > Define different actions for pdf 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;" > Print, Download, Open and Share by Email< / 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;" > Available for Sales, Purchase, Inventory and Invoice modules< / span >
< / div >
< / div >
< / div >
< div class = "col-sm-12 col-md-6" >
< div class = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" >
< img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Can share report either using email template or without, according to the module.< / 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;" > Can share report either using email template or without, according to the module.< / span >
< / 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 >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots
< / h2 >
< 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-sm-12" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Set Report Action
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Go to Your Module -> Action
->We can see an option 'PDF Report Action '.
< / p >
< img src = "assets/screenshots/pdf_rprt2.png" class = "img-thumbnail" >
< / div >
< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
We can see a Systray icon 'Report Actions '.
< / p >
< img src = "assets/screenshots/pdf_rprt2.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > There are four actions Print, Download, Open and Share by Email < / p >
< img src = "assets/screenshots/pdf_reprt_action_1.png" class = "img-thumbnail" >
< / div >
< div style = "display: block; margin: 30px auto;" >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
There are four actions Print, Download, Open and Share by
Email < / p >
< img src = "assets/screenshots/pdf_reprt_action_1.png"
class="img-thumbnail">
< / div >
< div style = "display: block; margin: 30px auto;" >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
We can select the model and records to perform the report
actions< / p >
< img src = "assets/screenshots/pdf1.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;" > Sale Order Report View< / h3 >
< img src = "assets/screenshots/Screenshot3.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;" >
Sale Order Report View< / h3 >
< img src = "assets/screenshots/Screenshot3.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;" > Purchase Order Report View< / h3 >
< img src = "assets/screenshots/Screenshot4.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;" > Invoice Report View< / h3 >
< img src = "assets/screenshots/Screenshot5.png" class = "img-thumbnail" >
< div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
Purchase Order Report View< / h3 >
< img src = "assets/screenshots/Screenshot4.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;" >
Invoice Report View< / h3 >
< img src = "assets/screenshots/Screenshot5.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;" >
Stock Picking Report View< / h3 >
< img src = "assets/screenshots/Screenshot6.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;" > Stock Picking Report View< / h3 >
< img src = "assets/screenshots/Screenshot6.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;" > Share Report Via Email< / h3 >
< img src = "assets/screenshots/Screenshot7.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;" >
Share Report Via Email< / h3 >
< img src = "assets/screenshots/Screenshot7.png" class = "img-thumbnail" >
< / div >
< / div >
< / div >
< / div >
<!-- END OF SCREENSHOTS SECTION -->
@ -257,7 +292,7 @@
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/16.0/user_weather_notification/"
target="_blank">
@ -300,110 +335,131 @@
<!-- OUR SERVICES -->
< 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 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;">
< img src = "assets/icons/cogs.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Customization< / h6 >
< / div >
< 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;">
< img src = "assets/icons/cogs.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Customization< / h6 >
< / div >
< 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: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/wrench.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Implementation< / h6 >
< / div >
< 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: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/wrench.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Implementation< / h6 >
< / div >
< 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: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/lifebuoy.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Support< / h6 >
< / div >
< 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: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/lifebuoy.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Support< / h6 >
< / div >
< 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: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/user.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Hire
Odoo
Developer< / h6 >
< / div >
< 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: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/user.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Hire
Odoo
Developer< / h6 >
< / div >
< 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: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/puzzle.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Integration< / h6 >
< / div >
< 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: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/puzzle.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Integration< / h6 >
< / div >
< 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: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/update.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Migration< / h6 >
< / div >
< 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: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/update.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Migration< / h6 >
< / div >
< 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: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/consultation.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Consultancy< / h6 >
< / div >
< 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: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/consultation.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Consultancy< / h6 >
< / div >
< 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: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/training.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Implementation< / h6 >
< / div >
< 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: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/training.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Implementation< / h6 >
< / div >
< 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: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/license.png" class = "img-responsive" height = "48px" width = "48px" >
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" >
Odoo
Licensing Consultancy< / h6 >
< 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: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/license.png" class = "img-responsive"
height="48px" width="48px">
< / div >
< h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Licensing Consultancy< / h6 >
< / div >
< / div >
< / div >
< / div >
@ -411,178 +467,197 @@
<!-- OUR INDUSTRIES -->
< 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 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: 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;" >
Easily procure
and
sell your products< / p >
< / div >
< / div >
< 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: 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;" >
Easily procure
and
sell your products< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Easy
configuration
and convivial experience< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Easy
configuration
and convivial experience< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
A platform for
educational management< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
A platform for
educational management< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Manufacturing
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
Plan, track and
schedule your operations< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Manufacturing
< / h5 >
< p style = "font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;" >
Plan, track and
schedule your operations< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Mobile
friendly,
awe-inspiring product pages< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Mobile
friendly,
awe-inspiring product pages< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Keep track of
services and invoice< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Keep track of
services and invoice< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Run your bar or
restaurant methodically< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
Run your bar or
restaurant methodically< / p >
< / div >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
An
all-inclusive
hotel management application< / p >
< / div >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< 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;" >
An
all-inclusive
hotel management application< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- END OF OUR INDUSTRIES -->
<!-- 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 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 >
< 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 d-flex justify-content-center align-items-center"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/support.png" height = "48" width = "48" style = "width: 42px; height: 42px;" / >
< 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 d-flex justify-content-center align-items-center"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/support.png" height = "48" width = "48"
style="width: 42px; height: 42px;"/>
< / div >
< 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 >
< 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 d-flex justify-content-center align-items-center"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/whatsapp.png" height = "52" width = "52" style = "width: 52px; height: 52px;" / >
< div class = "col-sm-12 col-md-6" >
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4 d-flex justify-content-center align-items-center"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/whatsapp.png" height = "52" width = "52"
style="width: 52px; height: 52px;"/>
< / 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 >
< / 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 >
< / 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 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 >
< / div >
<!-- END OF SUPPORT -->