@ -1,5 +1,66 @@
<!-- HERO SECTION -->
< div class = "contianer" >
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" >
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel = "stylesheet" >
< title > Document< / title >
< / head >
< body class = "" >
< div id = "wrapwrap" class = "loempia_themes_page o_footer_effect_enable" >
< main style = "padding-top: 95.8px;" >
< div id = "wrap" itemscope = "" itemtype = "http://schema.org/SoftwareApplication" class = "js_apps auto_pop" >
< div class = "container apps_page" >
< div id = "module-description" >
< div class = "container loempia_srt_container" >
< div class = "container" >
< div class = "oe_styling_v8" >
< div class = "container" >
< div class = "supports" >
< div class = "row justify-content-between" >
< div class = "col-4" >
< div class = "my-3" >
< img src = "images/Cybrosys R.png" style = "width:auto !important; height:40px !important" >
< / div >
< / div >
< div class = "col-6" >
< div class = "row" style = "margin-top:10px;" >
< div class = "col" >
< span > < b > Supports: < / b > < / span >
< / div >
< div class = "text-center col" style = "background-color:#714b67 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important" >
Community
< / div >
< / div >
< div class = "row" style = "margin-top:10px;" >
< div class = "col" >
< span > < b > Availability: < / b > < / span >
< / div >
< div class = "text-center col" style = "border: 1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important" >
< i class = "fa fa-times" style = "color: red;" > < / i > Odoo Online
< / div >
< div class = "text-center col" style = "font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important" >
< i class = "fa fa-times" style = "color: red;" > < / i > Odoo.sh
< / div >
< div class = "text-center col" style = "font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:0px !important; min-width:120px !important" >
< i class = "fa fa-check" style = "color: green;" > < / i > On Premise
< / div >
< / div >
< / div >
< / div >
< / div >
< hr / >
<!-- HERO SECTION -->
< div class = "contianer" >
< div class = "row position-relative"
style="background-color: #191826 !important; height: 400px; margin-bottom: 6rem; border-radius: 1.5rem;">
< div class = "col-lg-12 d-flex flex-column justify-content-start align-items-center" >
@ -11,20 +72,21 @@
style="height: auto; width: 525px; top: 45%; left: 0; right: 0; margin-left: auto; margin-right: auto;"
height="auto" width="525px">
< / div >
< / div >
<!-- END OF HERO SECTION -->
<!-- SHORT DESCRIPTION -->
< div class = "container" >
< / div >
<!-- END OF HERO SECTION -->
<!-- SHORT DESCRIPTION -->
< br / >
< div class = "container" >
< div class = "row my-4" >
< div class = "col-lg-12 d-flex justify-content-center align-items-center" >
< h6 class = "text-muted text-center w-50" style = "line-height: 22px;" > The app provides a user-friendly backend
theme for Odoo 17.0 community edition.< / h6 >
< / div >
< / div >
< / div >
<!-- END OF SHORT DESCRIPTION -->
<!-- FEATURE ICONS -->
< div class = "container w-50" style = "margin: 3rem auto;" >
< / div >
<!-- END OF SHORT DESCRIPTION -->
<!-- FEATURE ICONS -->
< div class = "container w-50" style = "margin: 3rem auto;" >
< div class = "row" >
< div class = "col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center" >
< div
@ -53,11 +115,11 @@
< h6 class = "my-4 text-center" > Clearer insight< / h6 >
< / div >
< / div >
< / div >
<!-- END OF FEATURE ICONS -->
< / div >
<!-- END OF FEATURE ICONS -->
<!-- ONE COLUMN SECTION -->
< div class = "container" style = "margin: 3rem auto;" >
<!-- ONE COLUMN SECTION -->
< div class = "container" style = "margin: 3rem auto;" >
< div class = "row my-4" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 class = "text-center mt-3 display-4 text-weight-bold" > App Menu< / h2 >
@ -72,11 +134,11 @@
< / div >
< / div >
< / div >
< / div >
<!-- END OF ONE COLUMN SECTION -->
< / div >
<!-- END OF ONE COLUMN SECTION -->
<!-- TWO COLUMN SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
<!-- TWO COLUMN SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
< div class = "row my-4" >
< div class = "col-lg-6 d-flex flex-column justify-content-center align-items-start" >
< span class = "font-weight-bold" style = "letter-spacing: 2px; text-transform: uppercase; color: #4a476e " > Theme
@ -97,11 +159,11 @@
< / div >
< / div >
< / div >
<!-- END OF TWO COLUMN SECTION -->
< / div >
<!-- END OF TWO COLUMN SECTION -->
<!-- RESPONSIVE SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
<!-- RESPONSIVE SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
< div class = "row my-4" >
< div class = "col-lg-5 d-flex flex-column justify-content-center align-items-start" >
< img src = "./images/responsive.jpg" class = "img img-fluid deep-2 rounded" >
@ -114,11 +176,11 @@
< / div >
< / div >
< / div >
<!-- END OF RESPONSIVE SECTION -->
< / div >
<!-- END OF RESPONSIVE SECTION -->
<!-- TWO COLUMN SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
<!-- TWO COLUMN SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
< div class = "row my-4" >
< div class = "col-lg-6 d-flex flex-column justify-content-center align-items-start" >
< span class = "font-weight-bold" style = "letter-spacing: 2px; text-transform: uppercase; color: #4a476e" > Custom
@ -137,10 +199,10 @@
< / div >
< / div >
< / div >
< / div >
<!-- TWO COLUMN SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
<!-- TWO COLUMN SECTION -->
< div class = "container" style = "margin: 6rem auto;" >
< span >
< / span >
< div class = "row my-4" >
@ -162,9 +224,9 @@
< / div >
< / div >
< / div >
<!-- MOBILE -->
< div class = "container" style = "margin: 6rem auto;" >
< / div >
<!-- MOBILE -->
< div class = "container" style = "margin: 6rem auto;" >
< span >
< strong >
Mobile
@ -188,8 +250,8 @@
< / div >
< / div >
< / div >
< div class = "container" style = "margin: 6rem auto;" >
< / div >
< div class = "container" style = "margin: 6rem auto;" >
< span >
< / span >
< div class = "row my-4" >
@ -211,8 +273,8 @@
< / div >
< / div >
< / div >
< div class = "container" style = "margin: 6rem auto;" >
< / div >
< div class = "container" style = "margin: 6rem auto;" >
< span >
< / span >
< div class = "row my-4" >
@ -232,282 +294,341 @@
< p class = "lead text-muted mb-4" > It has an advanced search view with a highly modified search option for easy usage and an improved experience with Odoo.< / p >
< img src = "./images/mobile_search.jpg" class = "img img-fluid deep-2 rounded" >
< / div >
< / div >
< / div >
< / div >
<!-- END OF TWO COLUMN SECTION -->
< / div >
<!-- OUR SERVICES -->
< div class = "container mt-5" >
< div
class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
< p class = "m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important">Our
Services< / p >
< / div >
< / div >
<!-- END OF TWO COLUMN SECTION -->
< div class = "container my-5" >
< div class = "row py-3 m-0" >
< div class = "col-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative;border-radius: 4px;">
<!-- OUR SERVICES -->
< section class = "container" style = "margin-top: 6rem !important;" >
< div class = "row" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 class = "text-center"
style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;">
Our Services< / h2 >
< p class = "text-center"
style="font-family: Montserrat, 'sans-serif'; color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;">
We provide following services< / p >
< div
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
< div
style="background-color:#13EA36 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
< img src = "images/cogs.png" alt = "service-icon" width = "38px"
height="auto">
< / div >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Customization
< / p >
< 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-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; position: relative;border-radius: 4px;">
< 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
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
< div
style="background-color:#DBC711; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
< img src = "images/wrench.png" alt = "service-icon" width = "38px"
height="auto">
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > Odoo
Implementation< / h6 >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Implementation
< / p >
< 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-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px !important; position: relative; border-radius: 4px;">
< 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
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#FF6B6B ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/lifebuoy.png" alt = "service-icon"
width="38px" height="auto">
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > Hire
Odoo
Developer< / h6 >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Support< / p >
< 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-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative; border-radius: 4px;">
< 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
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#FFA801 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/user.png" alt = "service-icon" width = "38px"
height="auto">
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > Odoo
Migration< / h6 >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Hire Odoo Developer
< / p >
< 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-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative; border-radius: 4px;">
< 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
style="position: absolute; top: 0%; left: 50% !important; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#54A0FF; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/puzzle.png" alt = "service-icon" width = "38px"
height="auto">
< / div >
< h6 class = "text-center" style = "font-family: Montserrat, 'sans-serif' !important; font-weight: bold;" > Odoo
Implementation< / h6 >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Integration< / p >
< 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 >
< / section >
<!-- END OF OUR SERVICES -->
< div class = "col-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative;border-radius: 4px;">
<!-- OUR INDUSTRIES -->
< section class = "container" style = "margin-top: 6rem !important;" >
< div class = "row" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 class = "text-center"
style="font-family: Montserrat, 'sans-serif'; color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;">
Our Industries< / h2 >
< p class = "text-center"
style="font-family: Montserrat, 'sans-serif'; color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;">
Our industry specifics and process segments to solve your complex business barriers.< / 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: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/trading-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
Trading
< / h5 >
< p style = "font-size: 0.9rem !important;" > Easily procure
and
sell your products< / p >
< div
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#6D7680 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/update.png" alt = "service-icon" width = "38px"
height="auto">
< / div >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Migration< / p >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/pos-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
POS
< / h5 >
< p style = "font-size: 0.9rem !important;" > Easy
configuration
and convivial experience< / p >
< / div >
< / div >
< div class = "col-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative;border-radius: 4px;">
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/education-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
Education
< / h5 >
< p style = "font-size: 0.9rem !important;" > A platform for
educational management< / p >
< div
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#786FA6 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/consultation.png" alt = "service-icon"
width="38px" height="auto">
< / div >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Consultancy< / p >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/manufacturing-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
Manufacturing
< / h5 >
< p style = "font-size: 0.9rem !important;" > Plan, track and
schedule your operations< / p >
< / div >
< / div >
< div class = "col-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;position: relative;border-radius: 4px;">
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/ecom-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
E-commerce & Website
< / h5 >
< p style = "font-size: 0.9rem !important;" > Mobile
friendly,
awe-inspiring product pages< / p >
< div
style="position: absolute; top: 0%; left: 50% !important; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#F8A5C2 ; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/training.png" alt = "service-icon"
width="38px" height="auto">
< / div >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Implementation
< / p >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/service-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
Service Management
< / h5 >
< p style = "font-size: 0.9rem !important;" > Keep track of
services and invoice< / p >
< / div >
< / div >
< div class = "col-md-4 col-sm-6 px-4 py-4" >
< div
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative;border-radius: 4px;">
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/restaurant-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
Restaurant
< / h5 >
< p style = "font-size: 0.9rem !important;" > Run your bar or
restaurant methodically< / p >
< div
style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%) !important;">
< div
style="background-color:#E6BE26; border-radius: 50%; padding: 15px; width: 68px;
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
< img src = "images/license.png" alt = "service-icon"
width="38px" height="auto">
< / div >
< / div >
< p style = "margin-top: 20px; font-weight: bold;" > Odoo Licensing
Consultancy< / p >
< div class = "col-lg-3" >
< div class = "my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
< img src = "./assets/icons/hotel-black.png" class = "img-responsive mb-3" height = "48px" width = "48px" >
< h5 style = "color: #000 !important; font-weight: bold;" >
Hotel Management
< / h5 >
< p style = "font-size: 0.9rem !important;" > An
all-inclusive
hotel management application< / p >
< / div >
< / div >
< / div >
< / section >
<!-- END OF OUR INDUSTRIES -->
<!-- FOOTER -->
<!-- Footer Section -->
< section class = "container" style = "margin: 5rem auto 2rem;" >
< div class = "row" style = "max-width:1540px;" >
< div class = "col-lg-12 d-flex flex-column justify-content-center align-items-center" >
< h2 class = "text-center"
style="color: #000 !important; font-weight: 800 !important; font-size: 2rem !important; width: 80%;">
Need Help?< / h2 >
< p class = "text-center"
style="color: #1a1a1a !important; font-weight: 300 !important; font-size: 1.3rem !important;">
Do you have any queries regarding our products & services? Let us know.< / p >
< / div >
<!-- END OF OUR SERVICES -->
<!-- OUR INDUSTRIES -->
< div class = "container mt-5" >
< div
class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
< p class = "m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important">Our
Industries< / p >
< / div >
< / div >
< div class = "container" >
< div class = "row m-0 my-5 py-4" >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important; border-bottom: 1px solid rgb(209, 209, 209) !important; padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373) !important;">
< img src = "images/trading-black.png" width = "42px" height = "auto"
alt="">
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">Trading< / p >
< p > Easily procure and sell your products< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important;border-bottom: 1px solid rgb(209, 209, 209) !important; padding: 30px;">
< img src = "images/pos-black.png" width = "42px" height = "auto" alt = "" >
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">POS< / p >
< p > Easy configuration and convivial experience< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important;border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; padding: 30px; box-shadow: 0 5px 10px rgba(228, 227, 227, 0.373) !important">
< img src = "images/education-black.png" width = "42px" height = "auto"
alt="">
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">Education< / p >
< p > A platform for educational management< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-bottom: 1px solid rgb(209, 209, 209) !important; padding: 30px; ">
< img src = "images/manufacturing-black.png" width = "42px" height = "auto"
alt="">
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">Manufacturing< / p >
< p > Plan, track and schedule your operations< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important; padding: 30px;">
< img src = "images/ecom-black.png" width = "42px" height = "auto" alt = "" >
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">E-commerce & Website< / p >
< p > Mobile friendly, awe-inspiring product pages< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important; padding: 30px;box-shadow: 0 -5px 10px rgba(228, 227, 227, 0.373) !important;">
< img src = "images/service-black.png" width = "42px" height = "auto"
alt="">
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">Service Management< / p >
< p > Keep track of services and invoice< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209) !important; padding: 30px; ">
< img src = "images/restaurant-black.png" width = "42px" height = "auto"
alt="">
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">Restaurant< / p >
< p > Run your bar or restaurant methodically< / p >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 p-0" >
< div class = "d-flex flex-column h-100"
style=" padding: 30px;box-shadow: -5px 0 10px rgba(228, 227, 227, 0.373) !important;">
< img src = "images/hotel-black.png" width = "42px" height = "auto" alt = "" >
< p style = "color: # 714B67 ; font-weight: 600 ; margin-top: 10px ;
font-size: 1.2rem; margin-bottom: 2px;">Hotel Management< / p >
< p > An all-inclusive hotel management application< / p >
< / div >
< / div >
< / div >
< / div >
<!-- END OF OUR INDUSTRIES -->
<!-- FOOTER -->
< div class = "container mt-5" >
< div
class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
< p class = "m-0"
style="font-weight: 600; font-size: 24px; color:#000 !important;">
Support
< / p >
< / div >
< / div >
< div class = "container my-5" >
< div class = "row m-0" style = "background-color: #FFFAFE;" >
< div class = "col-md-6 pb-4 d-flex align-items-center justify-content-center"
style="border-right: 1px solid #D9D9D9!important;">
< div style = "padding: 30px;" >
< div class = "d-flex align-items-center" >
< img src = "images/support (1) 1.svg" alt = "" width = "60px"
style="margin-right: 12px;">
< div style = "padding: 0px 8px;" >
< span
style="color: #714B67;font-size: 24px;font-weight: 600;padding-bottom: 1rem!important;">Need
Help?< / span >
< p class = "m-0" style = "color:#718096;" > Got questions or need
help? Get in touch.< / p >
< div style = "font-weight: 400;" > < span > < img
src="images/support-email.svg" alt=""
width="18px"
style="filter: invert(1) !important;margin-right: 0.8rem;">< / span > odoo@cybrosys.com
< / div >
<!-- Contact Cards -->
< div class = "row d-flex justify-content-center align-items-center" style = "max-width:1540px; margin: 0 auto 2rem auto;" >
< div class = "col-lg-12" style = "padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; " >
< div class = "row mt-4" >
< div class = "col-lg-6" >
< a href = "mailto:odoo@cybrosys.com" target = "_blank" class = "btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;">< i
class="fa fa-envelope mr-2">< / i > odoo@cybrosys.com< / a >
< / div >
< div class = "col-lg-6" >
< a href = "https://api.whatsapp.com/send?phone=918606827707" target = "_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">< i
class="fa fa-whatsapp mr-2">< / i > +91 86068 27707< / a >
< / div >
< / div >
< / div >
< div class = "col-md-6 pb-4 d-flex align-items-center justify-content-center" >
< div style = "padding: 30px;" >
< div class = "d-flex align-items-center" >
< img src = "images/whatsapp 1.svg" alt = "" width = "60px"
style="margin-right: 12px;">
< div >
< span
style="color: #714B67;font-size: 24px;font-weight: 600;">WhatsApp< / span >
< p class = "m-0" style = "color:#718096;" > Say hi to us on
WhatsApp!< / p >
< div style = "font-weight: 400; font-size: 16px;" > < span > < img
src="images/phone.svg" alt="" width="14px"
style="filter: invert(1) !important; margin-right: 0.8rem;">< / span > +91
99456767686< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- End of Contact Cards -->
< / section >
<!-- Footer -->
< section class = "oe_container" style = "padding: 2rem 3rem 1rem;" >
< div class = "row" style = "max-width:1540px; margin: 0 auto; margin-right: 3rem; " >
<!-- Logo -->
< div class = "col-lg-12 d-flex justify-content-center align-items-center" style = "margin-top: 3rem;" >
< img src = "https://www.cybrosys.com/images/logo.png" width = "200px" height = "auto" / >
< / div >
<!-- End of Logo -->
< div class = "col-lg-12" >
< hr
style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
<!-- End of Footer Section -->
< / div >
< / div >
< / section >
<!-- END OF FOOTER -->
< / div >
< / div >
< / div >
< / div >
< / main >
< / div >
< script name = "plausible" defer = "defer" src = "https://download.odoo.com/js/plausi_odoo.js"
data-domain="odoo.com">< / script >
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" > < / script >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" > < / script >
< / body >
< / html >
RisvanaCybro
1 year ago
