You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
513 lines
25 KiB
513 lines
25 KiB
<!-- 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">
|
|
<h1 class="display-1 text-white" style="padding-top: 5rem;">Jazzy Backend Theme</h1>
|
|
<p class="text-light small font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase;">Clean
|
|
&Minimal Backend Theme for Odoo 16</p>
|
|
</div>
|
|
<img src="./images/hero.png" class="img img-fluid"
|
|
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 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 16.0 community edition.</h6>
|
|
</div>
|
|
</div>
|
|
</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
|
|
style="height: 100px; width: 100px; border: 8px solid #dedee5 ; border-radius: 50%; background-color: #d4d3dc; box-shadow: 0px 0px 0px 8px #f4f4f6;"
|
|
class="d-flex justify-content-center align-items-center">
|
|
<img height="60px" src="./images/icons/design.png">
|
|
</div>
|
|
<h6 class="my-4 text-center">Well-Crafted</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
|
|
<div
|
|
style="height: 100px; width: 100px; border: 8px solid #dedee5; border-radius: 50%; background-color: #d4d3dc; box-shadow: 0px 0px 0px 8px #f4f4f6;"
|
|
class="d-flex justify-content-center align-items-center">
|
|
<img height="60px" src="./images/icons/responsive.png">
|
|
</div>
|
|
<h6 class="my-4 text-center">Efficent Design</h6>
|
|
</div>
|
|
|
|
<div class="col-lg-4 my-2 d-flex flex-column justify-content-center align-items-center">
|
|
<div
|
|
style="height: 100px; width: 100px; border: 8px solid #dedee5; border-radius: 50%; background-color: #d4d3dc; box-shadow: 0px 0px 0px 8px #f4f4f6;"
|
|
class="d-flex justify-content-center align-items-center">
|
|
<img height="60px" src="./images/icons/quality.png">
|
|
</div>
|
|
<h6 class="my-4 text-center">Clearer insight</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE ICONS -->
|
|
|
|
<!-- 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>
|
|
<p class="text-center lead text-muted mb-4">The App Menu is the main attraction of the Jazzy backend theme. It has a fully responsive layout with a new highlighted color combination and a more modern interface for all applications. Moreover, the Jazzy backend theme improves your experience with Odoo, providing you with a fully customizable background image, Navbar color, and many more.</p>
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<img height="600px" width="auto" src="./images/desktop.gif" class="img img-fluid deep-4 rounded">
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<img src="./images/mobile_view.gif" class="img img-fluid deep-4 rounded">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF ONE COLUMN SECTION-->
|
|
|
|
<!-- 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
|
|
Settings</span>
|
|
<h2 class="mt-3">Jazzy Backend Theme Settings</h2>
|
|
<p class="lead text-muted mb-4">To improve your experience with Odoo the Jazzy backend theme provides a fully
|
|
configurable theme settings menu.</p>
|
|
<img src="./assets/settings_customisation.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<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
|
|
AppBar</span>
|
|
<h2 class="mt-3">AppBar</h2>
|
|
<p class="lead text-muted mb-4">Easly accessible side bar where it reveals the side bar menu on just a click. Moreover, its also
|
|
fully customisable with Jazzy backend theme.</p>
|
|
<img src="./images/app_bar.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF TWO COLUMN SECTION-->
|
|
|
|
<!-- 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">
|
|
</div>
|
|
<div class="col-lg-7 d-flex flex-column justify-content-center">
|
|
<span class="font-weight-bold" style="letter-spacing: 2px; text-transform: uppercase; color: #4a476e">Responsive
|
|
Layout</span>
|
|
<h2 class="mt-3">Truly Responsive</h2>
|
|
<p class="lead text-muted mb-4">One of the critical highlights of the Jazzy backend theme is that it was genuinely responsive; moreover, it provides an efficient interface to manage a mobile device.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- END OF RESPONSIVE SECTION-->
|
|
|
|
<!-- 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
|
|
Kanban View</span>
|
|
<h2 class="mt-3">Kanban view</h2>
|
|
<p class="lead text-muted mb-4">Jazzy Backend Theme gives a colorful & elegant kanban view, and it's fully customizable with this theme.</p>
|
|
<img src="./images/kanban.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<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">Search
|
|
Option</span>
|
|
<h2 class="mt-3">Advanced Searching for App Menus</h2>
|
|
<p class="lead text-muted mb-4">Jazzy Backend Theme gives a more complex and powerful search than standard search, providing search options like enterprise edition.</p>
|
|
<img src="./images/search.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- TWO COLUMN SECTION-->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<span>
|
|
</span>
|
|
<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">
|
|
Form View</span>
|
|
<h2 class="mt-3">Custom Form view</h2>
|
|
<p class="lead text-muted mb-4">Jazzy Backend theme provides a fully modified and colorful form view with the full view
|
|
experience.</p>
|
|
<img src="./images/sale_kanban.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<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">Vibrent
|
|
ui</span>
|
|
<h2 class="mt-3">Attractive Customizable User Interface</h2>
|
|
<p class="lead text-muted mb-4">It provides fully attractive, and a elgant User Interface with completely customizability.</p>
|
|
<img src="./images/event.png" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- MOBILE -->
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<span>
|
|
<strong>
|
|
Mobile
|
|
</strong>
|
|
</span>
|
|
<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">
|
|
Kanban View</span>
|
|
<h2 class="mt-3">Responsive kanban view</h2>
|
|
<p class="lead text-muted mb-4">It gives a fully responsive kanban view in Mobile view, which is also fully customizable in the Jazzy Backend theme.</p>
|
|
<img src="./images/mobile_kanban.jpg" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<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">Form
|
|
View</span>
|
|
<h2 class="mt-3">Visualized form view</h2>
|
|
<p class="lead text-muted mb-4">It puts forward a fully visualized form view with colorful and attractive aspects which the user can customize. </p>
|
|
<img src="./images/mobile_form.jpg" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<span>
|
|
</span>
|
|
<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">
|
|
List view</span>
|
|
<h2 class="mt-3">Modified Tree view</h2>
|
|
<p class="lead text-muted mb-4">Jazzy Backend Theme provides fully modified list view and amazing table designs
|
|
with stunning look outputs.</p>
|
|
<img src="./images/mobile_lost.jpg" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<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">settings</span>
|
|
<h2 class="mt-3">Fully Redesigned Settings</h2>
|
|
<p class="lead text-muted mb-4">Mobile friendly and Redesigned settings with stylish view.</p>
|
|
<img src="./images/mobile_settings.jpg" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="container" style="margin: 6rem auto;">
|
|
<span>
|
|
</span>
|
|
<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">
|
|
Employe module</span>
|
|
<h2 class="mt-3">Modified Form view for employees</h2>
|
|
<p class="lead text-muted mb-4">It provides the Employees with a form view with redesigned and various modified features.
|
|
</p>
|
|
<img src="./images/employe.jpg" class="img img-fluid deep-2 rounded">
|
|
</div>
|
|
|
|
<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">Search
|
|
View</span>
|
|
<h2 class="mt-3">Ultra Modern Search view</h2>
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- END OF TWO COLUMN SECTION-->
|
|
|
|
<!-- 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>
|
|
|
|
<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: #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: #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: #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: #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 END OF OUR SERVICES -->
|
|
|
|
<!-- 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>
|
|
</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/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-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>
|
|
</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/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-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>
|
|
</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/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-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>
|
|
</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/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 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>
|
|
</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>
|
|
<!-- 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>
|
|
|
|
<!-- END OF FOOTER -->
|
|
|