@ -1,8 +1,9 @@
< div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" > < div style = "background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;" >
<!-- TITLE BAR --> <!-- TITLE BAR -->
< div < div class = "d-flex justify-content-between align-items-center"
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;"> style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
< img src = "assets/misc/cybrosys-logo.png" width = "42" height = "42" style = "width: 42px; height: 42px;" / > < img src = "assets/misc/cybrosys-logo.png" width = "42" height = "42"
style="width: 42px; height: 42px;"/>
< div > < div >
< div 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;" < 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"> class="mr-2">
@ -19,23 +20,34 @@
< / div > < / div >
< / div > < / div >
<!-- END OF TITLE BAR --> <!-- END OF TITLE BAR -->
< div class = "container" >
< div class = "row" >
< div class = "col-sm-12 col-md-12 col-lg-12" >
<!-- APP HERO --> <!-- APP HERO -->
< h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" > Transliterate Widget< / h1 > < h1 style = "color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;" >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" > Transliterate Field Text Using Google Transliterate API.< / p > Transliterate Widget< / h1 >
< p style = "color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;" >
Transliterate Field Text Using Google Transliterate
API.< / p >
<!-- END OF APP HERO --> <!-- END OF APP HERO -->
< img src = "assets/screenshots/hero.gif" < 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;" /> style="width: 100%; margin-left: auto; margin-right: auto;"/>
< / div >
< / div >
< / div >
< / div > < / div >
<!-- NAVIGATION SECTION --> <!-- NAVIGATION SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/compass.png" / > < img src = "assets/misc/compass.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Explore This < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Explore This
Module< / h2 > Module< / h2 >
< / div > < / div >
< div class = "row my-4" style = "font-family: 'Montserrat', sans-serif;" > < div class = "row my-4" style = "font-family: 'Montserrat', sans-serif;" >
@ -88,43 +100,58 @@
<!-- END OF NAVIGATION SECTION --> <!-- END OF NAVIGATION SECTION -->
<!-- OVERVIEW SECTION --> <!-- OVERVIEW SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "overview" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="overview">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/pie-chart.png" / > < img src = "assets/misc/pie-chart.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Overview < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Overview
< / h2 > < / h2 >
< / div > < / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" > < div class = "row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
< div class = "col-sm-12 py-4" > < div class = "col-sm-12 py-4" >
This module creates a new widget for transliteration. Users can use widget="transliterate" for applying This module creates a new widget for transliteration. Users can use
this widget into a field. Google provides 23 languages in this transliteration process, so the user can widget="transliterate" for applying
this widget into a field. Google provides 23 languages in this
transliteration process, so the user can
configure the destination language from the configuration settings. configure the destination language from the configuration settings.
< / div > < / div >
< / div > < / div >
<!-- END OF OVERVIEW SECTION --> <!-- END OF OVERVIEW SECTION -->
<!-- FEATURES SECTION --> <!-- FEATURES SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "features" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="features">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/features.png" / > < img src = "assets/misc/features.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Features < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
< / h2 > < / h2 >
< / div > < / div >
< div class = "row" style = "font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;" > < div class = "row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
< div class = "col-sm-12 col-md-6" > < div class = "col-sm-12 col-md-6" >
< div class = "d-flex align-items-center" style = "margin-top: 40px; margin-bottom: 40px" > < div class = "d-flex align-items-center"
style="margin-top: 40px; margin-bottom: 40px">
< img src = "assets/misc/check-box.png" class = "mr-2" / > < img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Widget for transliteration.< / span > < span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Widget for transliteration.< / span >
< / div > < / div >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" > < div class = "d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
< img src = "assets/misc/check-box.png" class = "mr-2" / > < img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Available 23 language transliteration.< / span > < span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Available 23 language transliteration.< / span >
< / div > < / div >
< div class = "d-flex align-items-center" style = "margin-top: 30px; margin-bottom: 30px" > < div class = "d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
< img src = "assets/misc/check-box.png" class = "mr-2" / > < img src = "assets/misc/check-box.png" class = "mr-2" / >
< span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Using widget="transliterate" for applying widget on a field.< / span > < span style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Using widget="transliterate" for applying widget on a field.< / span >
< / div > < / div >
@ -133,32 +160,42 @@
<!-- END OF FEATURES SECTION --> <!-- END OF FEATURES SECTION -->
<!-- SCREENSHOTS SECTION --> <!-- SCREENSHOTS SECTION -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" id = "screenshots" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="screenshots">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/pictures.png" / > < img src = "assets/misc/pictures.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Screenshots < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Screenshots
< / h2 > < / h2 >
< / div > < / div >
< div class = "row" > < div class = "row" >
< div class = "col-sm-12" > < div class = "col-sm-12" >
< div style = "display: block; margin: 30px auto;" > < div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Configure Language< / h3 > < h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Select language from Settings.< / p > Configure Language< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Select language from Settings.< / p >
< img src = "assets/screenshots/1.png" class = "img-thumbnail" > < img src = "assets/screenshots/1.png" class = "img-thumbnail" >
< / div > < / div >
< div style = "display: block; margin: 30px auto;" > < div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Add Widget< / h3 > < h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Add widget="transliterate" code in the field.< / p > Add Widget< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Add widget="transliterate" code in the field.< / p >
< img src = "assets/screenshots/2.png" class = "img-thumbnail" > < img src = "assets/screenshots/2.png" class = "img-thumbnail" >
< / div > < / div >
< div style = "display: block; margin: 30px auto;" > < div style = "display: block; margin: 30px auto;" >
< h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" > Type and Enter< / h3 > < h3 style = "font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;" >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" > Type the word and enter Space Tab in the field.< / p > Type and Enter< / h3 >
< p style = "font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;" >
Type the word and enter Space Tab in the field.< / p >
< img src = "assets/screenshots/3.png" class = "img-thumbnail" > < img src = "assets/screenshots/3.png" class = "img-thumbnail" >
< / div > < / div >
@ -167,12 +204,15 @@
<!-- END OF SCREENSHOTS SECTION --> <!-- END OF SCREENSHOTS SECTION -->
<!-- RELATED PRODUCTS --> <!-- RELATED PRODUCTS -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/categories.png" / > < img src = "assets/misc/categories.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Related < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Related
Products Products
< / h2 > < / h2 >
< / div > < / div >
@ -182,52 +222,71 @@
<!-- The slideshow --> <!-- The slideshow -->
< div class = "carousel-inner" style = "padding: 30px;" > < div class = "carousel-inner" style = "padding: 30px;" >
< div class = "carousel-item" style = "min-height: 198.656px;" > < div class = "carousel-item" style = "min-height: 198.656px;" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" > < div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
< a href = "https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/" target = "_blank" > style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/"
target="_blank">
< div style = "border-radius:10px" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;" < img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/1.png"> src="assets/modules/1.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" > < div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
< a href = "https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/" target = "_blank" > style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/"
target="_blank">
< div style = "border-radius:10px" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;" < img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/2.png"> src="assets/modules/2.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" > < div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
< a href = "https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/" target = "_blank" > style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/"
target="_blank">
< div style = "border-radius:10px" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;" < img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/3.png"> src="assets/modules/3.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< / div > < / div >
< div class = "carousel-item active" style = "min-height: 198.656px;" > < div class = "carousel-item active"
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" > style="min-height: 198.656px;">
< a href = "https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/" target = "_blank" > < div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/"
target="_blank">
< div style = "border-radius:10px" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;" < img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/4.png"> src="assets/modules/4.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" > < div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
< a href = "https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/" target = "_blank" > style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/"
target="_blank">
< div style = "border-radius:10px" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;" < img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/5.png"> src="assets/modules/5.png">
< / div > < / div >
< / a > < / a >
< / div > < / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float:left" > < div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16"
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/" target = "_blank" > style="float:left">
< a href = "https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/"
target="_blank">
< div style = "border-radius:10px" > < div style = "border-radius:10px" >
< img class = "img img-responsive center-block" style = "border-radius: 0px;" < img class = "img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/6.png"> src="assets/modules/6.png">
< / div > < / div >
< / a > < / a >
@ -235,10 +294,15 @@
< / div > < / div >
< / div > < / div >
<!-- Left and right controls --> <!-- Left and right controls -->
< a class = "carousel-control-prev" href = "#demo1" data-slide = "prev" style = "width:35px; color:#000" > < span < a class = "carousel-control-prev" href = "#demo1" data-slide = "prev"
class="carousel-control-prev-icon">< i class = "fa fa-chevron-left" style = "font-size:24px" > < / i > < / span > style="width:35px; color:#000"> < span
< / a > < a class = "carousel-control-next" href = "#demo1" data-slide = "next" style = "width:35px; color:#000" > class="carousel-control-prev-icon">< i
< span class = "carousel-control-next-icon" > < i class = "fa fa-chevron-right" class="fa fa-chevron-left"
style="font-size:24px">< / i > < / span >
< / a > < a class = "carousel-control-next" href = "#demo1"
data-slide="next" style="width:35px; color:#000">
< span class = "carousel-control-next-icon" > < i
class="fa fa-chevron-right"
style="font-size:24px">< / i > < / span > style="font-size:24px">< / i > < / span >
< / a > < / a >
< / div > < / div >
@ -248,12 +312,15 @@
<!-- OUR SERVICES --> <!-- OUR SERVICES -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/star.png" / > < img src = "assets/misc/star.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our Services < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our Services
< / h2 > < / h2 >
< / div > < / div >
@ -262,9 +329,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/cogs.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/cogs.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Customization< / h6 > Customization< / h6 >
< / div > < / div >
@ -272,9 +341,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/wrench.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/wrench.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Implementation< / h6 > Implementation< / h6 >
< / div > < / div >
@ -282,9 +353,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/lifebuoy.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/lifebuoy.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Support< / h6 > Support< / h6 >
< / div > < / div >
@ -293,9 +366,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/user.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/user.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Hire Hire
Odoo Odoo
Developer< / h6 > Developer< / h6 >
@ -304,9 +379,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/puzzle.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/puzzle.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Integration< / h6 > Integration< / h6 >
< / div > < / div >
@ -314,9 +391,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/update.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/update.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Migration< / h6 > Migration< / h6 >
< / div > < / div >
@ -325,9 +404,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/consultation.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/consultation.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Consultancy< / h6 > Consultancy< / h6 >
< / div > < / div >
@ -335,9 +416,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/training.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/training.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Implementation< / h6 > Implementation< / h6 >
< / div > < / div >
@ -345,9 +428,11 @@
< div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" > < div class = "col-lg-4 d-flex flex-column justify-content-center align-items-center my-4" >
< div class = "d-flex justify-content-center align-items-center mx-3 my-3" < div class = "d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;"> style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
< img src = "assets/icons/license.png" class = "img-responsive" height = "48px" width = "48px" > < img src = "assets/icons/license.png" class = "img-responsive"
height="48px" width="48px">
< / div > < / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > < h6 class = "text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Odoo
Licensing Consultancy< / h6 > Licensing Consultancy< / h6 >
< / div > < / div >
@ -359,12 +444,15 @@
<!-- OUR INDUSTRIES --> <!-- OUR INDUSTRIES -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/corporate.png" / > < img src = "assets/misc/corporate.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Our < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our
Industries Industries
< / h2 > < / h2 >
< / div > < / div >
@ -374,7 +462,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/trading-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/trading-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Trading Trading
< / h5 > < / h5 >
@ -388,7 +477,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/pos-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/pos-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
POS POS
< / h5 > < / h5 >
@ -402,7 +492,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/education-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/education-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Education Education
< / h5 > < / h5 >
@ -415,7 +506,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/manufacturing-black.png" class = "img-responsive mb-3" height = "48px" < img src = "assets/icons/manufacturing-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;" >
Manufacturing Manufacturing
@ -429,7 +521,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/ecom-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/ecom-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
E-commerce & Website E-commerce & Website
< / h5 > < / h5 >
@ -443,7 +536,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/service-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/service-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Service Management Service Management
< / h5 > < / h5 >
@ -456,7 +550,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/restaurant-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/restaurant-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Restaurant Restaurant
< / h5 > < / h5 >
@ -469,7 +564,8 @@
< div class = "col-lg-3" > < div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center" < div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;"> style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
< img src = "assets/icons/hotel-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" > < img src = "assets/icons/hotel-black.png"
class="img-responsive mb-3" height="48px" width="48px">
< h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" > < h5 style = "font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;" >
Hotel Management Hotel Management
< / h5 > < / h5 >
@ -485,12 +581,15 @@
<!-- END OF END OF OUR INDUSTRIES --> <!-- END OF END OF OUR INDUSTRIES -->
<!-- SUPPORT --> <!-- SUPPORT -->
< div class = "d-flex align-items-center" style = "border-bottom: 2px solid #714B67; padding: 15px 0px;" > < div class = "d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
< div class = "d-flex justify-content-center align-items-center mr-2" < div class = "d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;"> style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
< img src = "assets/misc/customer-support.png" / > < img src = "assets/misc/customer-support.png" / >
< / div > < / div >
< h2 class = "mt-2" style = "font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;" > Support < h2 class = "mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Support
< / h2 > < / h2 >
< / div > < / div >
< div class = "container mt-5" > < div class = "container mt-5" >
@ -499,11 +598,13 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" > < div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4" < div class = "mr-4"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;"> style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/support.png" height = "48" width = "48" style = "width: 42px; height: 42px;" / > < img src = "assets/misc/support.png" height = "48" width = "48"
style="width: 42px; height: 42px;"/>
< / div > < / div >
< div > < div >
< h4 > Need Help?< / h4 > < h4 > Need Help?< / h4 >
< p style = "line-height: 100%;" > Got questions or need help? Get in touch.< / p > < p style = "line-height: 100%;" > Got questions or need help?
Get in touch.< / p >
< a href = "mailto:odoo@cybrosys.com" > < a href = "mailto:odoo@cybrosys.com" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" > < p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
odoo@cybrosys.com< / p > odoo@cybrosys.com< / p >
@ -515,13 +616,15 @@
< div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" > < div style = "background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;" >
< div class = "mr-4" < div class = "mr-4"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;"> style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
< img src = "assets/misc/whatsapp.png" height = "52" width = "52" style = "width: 52px; height: 52px;" / > < img src = "assets/misc/whatsapp.png" height = "52" width = "52"
style="width: 52px; height: 52px;"/>
< / div > < / div >
< div > < div >
< h4 > WhatsApp< / h4 > < h4 > WhatsApp< / h4 >
< p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p > < p style = "line-height: 100%;" > Say hi to us on WhatsApp!< / p >
< a href = "https://api.whatsapp.com/send?phone=918606827707" > < a href = "https://api.whatsapp.com/send?phone=918606827707" >
< p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" > +91 86068 < p style = "font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;" >
+91 86068
27707< / p > 27707< / p >
< / a > < / a >
< / div > < / div >
RisvanaCybro
1 year ago