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.
527 lines
30 KiB
527 lines
30 KiB
<div
|
|
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
|
|
<img src="assets/misc/cybrosys-logo.png" width="42" height="42"
|
|
style="width: 42px; height: 42px;"/>
|
|
<div>
|
|
<div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
|
|
class="mr-2">
|
|
<i class="fa fa-check mr-1"></i>Community
|
|
</div>
|
|
<div style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
|
|
class="mr-2">
|
|
<i class="fa fa-check mr-1"></i>Enterprise
|
|
</div>
|
|
<div style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
|
|
class="mr-2">
|
|
<i class="fa fa-check mr-1"></i>Odoo.sh
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- HERO -->
|
|
<div class="container">
|
|
<div class="row" style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
|
|
<div class="col-lg-12 d-flex flex-column align-items-center">
|
|
<h1 class="text-center text-uppercase"
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bolder !important; font-size: 2.5rem !important; color: #212121;">
|
|
Pos Kitchen Screen
|
|
</h1>
|
|
<p class="my-1 text-center text-uppercase"
|
|
style="letter-spacing: 4px !important; color: #74788D !important;">Pos Kitchen Screen for Odoo 16</p>
|
|
</div>
|
|
<div class="col-lg-12 text-center mt-5">
|
|
</div>
|
|
<div class="container">
|
|
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
|
|
First set the access right here
|
|
</p>
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
|
|
<img src="./assets/screenshots/access.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
|
|
Create a kitchen screen
|
|
</p>
|
|
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
|
|
<img src="./assets/screenshots/kitch.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
|
|
set the pos session and corresponding category for the kitchen order
|
|
</p>
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
|
|
<img src="./assets/screenshots/session.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
|
|
<img src="./assets/screenshots/pos session.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
|
|
We can just create the orders clicking the order button shown in the above image
|
|
</p>
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
|
|
<img src="./assets/screenshots/Ready.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END OF HERO -->
|
|
|
|
<!-- OVERVIEW -->
|
|
<div class="container">
|
|
<div class="row" style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center">
|
|
<p class="my-1 text-center"
|
|
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
|
|
The POS Kitchen Screen is a feature in Odoo 16 that is specifically designed for restaurants and other food-related businesses. With this feature, restaurant staff can easily view and manage orders in real-time, directly from the kitchen. This allows kitchen staff to efficiently prioritize and fulfill orders, reducing wait times for customers and improving overall service.
|
|
One of the main advantages of the POS Kitchen Screen is that it provides a clear and organized display of all active orders, making it easy for kitchen staff to see what needs to be done next. This can be particularly helpful during busy periods when orders are coming in quickly. Additionally, the POS Kitchen Screen can be customized to display the information that is most important to each individual staff member, further improving efficiency and reducing the likelihood of errors.
|
|
The POS Kitchen Screen is a valuable tool for any restaurant or food-related business that wants to streamline their operations and improve their customer service.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF OVERVIEW-->
|
|
|
|
|
|
|
|
<!-- FEATURE -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
|
|
|
|
<h2
|
|
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Features</h2>
|
|
</div>
|
|
</div>
|
|
<!-- END OF RESPONSIVE -->
|
|
<!-- FEATURE -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Cooking Stage</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
After Creating the order in the pos session it will come under the cooking stage
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/cooking.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Ready Stage</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
After Accepting the Order in the cooking stage it will come under this stage. when the food was ready we can simply click the done button and it will automatically goto the Completed stage
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/cooking2.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- FEATURE -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row shadow"
|
|
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
|
|
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
|
|
<h3 style="font-weight: 700 !important;">Completed Stage</h3>
|
|
<h6
|
|
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
|
|
All the Completed foods are shown here
|
|
</h6>
|
|
</div>
|
|
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
|
|
<img src="assets/screenshots/completed.png" width="100%" height="auto" class="img-responsive">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF FEATURE -->
|
|
|
|
<!-- TWO COLUMN BLOCK -->
|
|
<div class="container" style="margin-top: 3rem;">
|
|
<div class="row" style="margin: 2rem; ; min-width: 100% !important;">
|
|
|
|
<div class="col-lg-8" style="padding: 1rem 1rem 1rem 0rem !important;">
|
|
|
|
</div>
|
|
|
|
<!-- SCREENSHOTS -->
|
|
</div>
|
|
|
|
<!-- END OF SCREENSHOTS -->
|
|
<!-- RELATED PRODUCTS -->
|
|
<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
|
|
<div class="d-flex justify-content-center align-items-center mr-2"
|
|
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
|
|
<img src="assets/misc/categories.png" />
|
|
</div>
|
|
<h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
|
|
Products
|
|
</h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div id="demo1" class="row carousel slide" data-ride="carousel">
|
|
<!-- The slideshow -->
|
|
<div class="carousel-inner" style="padding: 30px;">
|
|
<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">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/dynamic_accounts_report/" target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/1.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/product_brand_purchase/" target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/2.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/sale_product_image/" target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/3.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item active" style="min-height: 198.656px;">
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/odoo_sale_order_line_views/#" target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/4.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/base_accounting_kit/#" target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/5.gif">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
|
|
<a href="https://apps.odoo.com/apps/modules/16.0/hr_payroll_community/" target="_blank">
|
|
<div style="border-radius:10px">
|
|
<img class="img img-responsive center-block" style="border-radius: 0px;" src="assets/modules/6.png">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Left and right controls -->
|
|
<a class="carousel-control-prev" href="#demo1" data-slide="prev" style="width:35px; color:#000"> <span
|
|
class="carousel-control-prev-icon"><i 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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END OF RELATED PRODUCTS -->
|
|
|
|
<!-- 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 mb-4">
|
|
|
|
<h2
|
|
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Our Services</h2>
|
|
</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; background-color: #fff !important;">
|
|
<div class="row">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
|
|
|
|
<h2
|
|
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Our Industries</h2>
|
|
</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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Trading
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easily
|
|
procure
|
|
and
|
|
sell your products</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
POS
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easy
|
|
configuration
|
|
and convivial experience</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Education
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">A
|
|
platform for
|
|
educational management</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Manufacturing
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Plan,
|
|
track and
|
|
schedule your operations</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
E-commerce & Website
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Mobile
|
|
friendly,
|
|
awe-inspiring product pages</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Service Management
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Keep
|
|
track of
|
|
services and invoice</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Restaurant
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Run
|
|
your bar or
|
|
restaurant methodically</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="my-4 d-flex flex-column justify-content-center"
|
|
style="background-color: #f6f8f9 !important; border-radius: 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="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
|
|
Hotel Management
|
|
</h5>
|
|
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">An
|
|
all-inclusive
|
|
hotel management application</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- END OF OUR INDUSTRIES -->
|
|
|
|
<!-- FOOTER -->
|
|
<!-- Footer Section -->
|
|
<section class="container" style="margin: 5rem auto 2rem; background-color: #fff !important;">
|
|
<div class="row" style="max-width:1540px;">
|
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
|
|
|
|
<h2
|
|
style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
|
|
Need Help?</h2>
|
|
</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-4">
|
|
<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-4">
|
|
<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>WhatsApp</a>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<a href="mailto:info@cybrosys.com" target="_blank" class="btn btn-block deep_hover"
|
|
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;">
|
|
<i class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Contact Cards -->
|
|
</section>
|
|
<!-- Footer -->
|
|
<section class="oe_container" style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
|
|
<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>
|
|
</section>
|
|
<!-- END OF FOOTER -->
|
|
</div>
|
|
</div>
|