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.
478 lines
20 KiB
478 lines
20 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>app index</title>
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
|
|
/>
|
|
<style>
|
|
:root {
|
|
--primary-color: #2390eb;
|
|
--bg-white: #fff;
|
|
--text-color: #121212;
|
|
--text-color-light: #64728f;
|
|
}
|
|
|
|
body {
|
|
font-family: "Montserrat", sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- overview -->
|
|
<div class="container">
|
|
<!-- support-header -->
|
|
|
|
<div class="supports my-3 py-3" style="border-bottom: 1px solid #e7e7e7">
|
|
<div class="row justify-content-between">
|
|
<div class="col-4">
|
|
<div class="my-3">
|
|
<img
|
|
src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35"
|
|
style="width: auto !important; height: 40px !important"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="row" style="margin-top: 10px">
|
|
<div class="my-3 d-flex align-items-center justify-content-end">
|
|
<span class="me-3"><b>Supports: </b></span>
|
|
<div
|
|
class="text-center"
|
|
style="
|
|
background-color: #017e84 !important;
|
|
font-size: 0.8rem !important;
|
|
color: #fff !important;
|
|
font-weight: 500 !important;
|
|
padding: 4px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 50px !important;
|
|
min-width: 120px !important;
|
|
"
|
|
>
|
|
Community
|
|
</div>
|
|
<div
|
|
class="text-center"
|
|
style="
|
|
background-color: #865474 !important;
|
|
font-size: 0.8rem !important;
|
|
color: #fff !important;
|
|
font-weight: 500 !important;
|
|
padding: 4px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 50px !important;
|
|
min-width: 120px !important;
|
|
"
|
|
>
|
|
Enterprise
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top: 10px">
|
|
<div class="d-flex align-items-center justify-content-end">
|
|
<span class="me-3"><b>Availability: </b></span>
|
|
<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: 20px !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;
|
|
color: #865474 !important;
|
|
border: 1px solid #865474;
|
|
font-weight: 500 !important;
|
|
padding: 4px !important;
|
|
margin: 0 3px !important;
|
|
border-radius: 20px !important;
|
|
min-width: 120px !important;
|
|
"
|
|
>
|
|
<i class="fa-solid fa-check" style="color: rgb(13, 182, 13); padding-right: 3px;"></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: 20px !important;
|
|
min-width: 120px !important;
|
|
"
|
|
>
|
|
<i class="fa-solid fa-check" style="color: rgb(13, 182, 13); padding-right: 3px;"></i> On Premise
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- -->
|
|
|
|
<!-- logo-banner -->
|
|
<div class="my-3">
|
|
<img src="./img/og1.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
|
|
<!-- -->
|
|
|
|
<!-- banner-section -->
|
|
<div class="my-3">
|
|
<img src="./img/og2.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
|
|
<!-- -->
|
|
|
|
<!-- responsive banner -->
|
|
<div class="my-3">
|
|
<img src="./img/og3.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
|
|
<!-- -->
|
|
|
|
<!--feature card section -->
|
|
<!--
|
|
<div class="my-3" style="padding: 100px; background-color: #E1ECF6; border-radius: 16px;">
|
|
<div class="container">
|
|
<div class="row mb-60">
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3">
|
|
<div class="position-relative" ; style="
|
|
text-align: center;
|
|
font-size: 46.875px;
|
|
font-style: normal;
|
|
padding-bottom: 40px; ">
|
|
<h2 style="font-weight: 600;">Our Features</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-lg-4 col-md-6" style="visibility: visible;">
|
|
<div style="background-color: #fff;height: 100%;
|
|
border-radius: 30px;
|
|
padding: 35px 30px;
|
|
text-align: center;">
|
|
<div class="content">
|
|
<img src="./img/pages.svg" class="img-responsive" height="46px" width="46px">
|
|
<h4 class="mt-3"><a href="#" style=" color: #121212;
|
|
font-size: 18px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
line-height: 1.2;"> Custom Designed Snippets for better user experience </a></h4>
|
|
<p style="font-size: 14px; color: #556171; margin: 0;">Optimized Code Snippets for Enhanced User Experience.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div style="background-color: #fff; height: 100%;
|
|
border-radius: 30px;
|
|
padding: 35px 30px;text-align: center;">
|
|
<div class="content">
|
|
<img src="./img/customize.svg" class="img-responsive" height="46px" width="46px">
|
|
|
|
<h4 class="mt-3"><a href="#" style=" color: #121212;
|
|
font-size: 18px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
line-height: 1.2;">Fully Customized AboutUs page </a></h4>
|
|
<p style="font-size: 14px; color: #556171; margin: 0;">Key information about the Hospital and includes sections dedicated to showcasing Facilities, giving visitors insight into the qualities.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div style="background-color: #fff; height: 100%;
|
|
border-radius: 30px;
|
|
padding: 35px 30px;text-align: center;">
|
|
<div class="content">
|
|
<img src="./img/support.svg" class="img-responsive" height="46px" width="46px">
|
|
<h4 class="mt-3"><a href="#" style=" color: #121212;
|
|
font-size: 18px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
line-height: 1.2;">Contains Location and Services by Default </a></h4>
|
|
<p style="font-size: 14px; color: #556171; margin: 0;">Showcases services or items in an elegant and visually appealing layout.</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div style="background-color: #fff;height: 100%;
|
|
border-radius: 30px;
|
|
padding: 35px 30px;text-align: center;">
|
|
<div class="content">
|
|
<img src="./img/clean-code.svg" class="img-responsive" height="46px" width="46px">
|
|
<h4 class="mt-3"><a href="#" style=" color: #121212;
|
|
font-size: 18px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
line-height: 1.2;">Features dynamic elements </a></h4>
|
|
<p style="font-size: 14px; color: #556171; margin: 0;">Features dynamic elements like sliders and testimonials.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div style="background-color: #fff;height: 100%;
|
|
border-radius: 30px;
|
|
padding: 35px 30px;text-align: center;">
|
|
<div class="content">
|
|
<img src="./img/font.svg" class="img-responsive" height="46px" width="46px">
|
|
<h4 class="mt-3"><a href="#" style=" color: #121212;
|
|
font-size: 18px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
line-height: 1.2;">A Clean layout and Style </a></h4>
|
|
<p style="font-size: 14px; color: #556171; margin: 0;">Modern, Clean Interface with Premium Typography.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div style="background-color: #fff;height: 100%;
|
|
border-radius: 30px;
|
|
padding: 35px 30px;text-align: center;">
|
|
<div class="content">
|
|
<img src="./img/resposnive.svg" class="img-responsive" height="46px" width="46px">
|
|
<h4 class="mt-3"><a href="#" style=" color: #121212;
|
|
font-size: 18px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
line-height: 1.2;">Fully Responsive Theme with a Premium Design </a></h4>
|
|
<p style="font-size: 14px; color: #556171; margin: 0;">Premium Responsive Design for All Devices</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- feature banner -->
|
|
<div class="my-3">
|
|
<img src="./img/og4.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
<!-- -->
|
|
|
|
<!-- card-column -->
|
|
<!-- <div class="my-3">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<img src="./img/medicate-product-banner.png" class="img-fluid" style="width: 100%;">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<img src="./img/medicate-product-banner-2.png" class="img-fluid" style="width: 100%;">
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<!-- -->
|
|
|
|
<!-- facility-banner -->
|
|
<div class="my-3">
|
|
<img src="./img/og5.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
<!-- -->
|
|
|
|
<!-- about-banner -->
|
|
<!-- <div class="my-3">
|
|
<img src="./img/og6.jpg" class="img-fluid" style="width: 100%" />
|
|
</div> -->
|
|
<!-- -->
|
|
|
|
<!-- service-banner -->
|
|
<div class="my-3">
|
|
<img src="./img/og7.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
|
|
<!-- blog-banner -->
|
|
<div class="my-3">
|
|
<img src="./img/og8.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
<!-- -->
|
|
<div class="my-3">
|
|
<img src="./img/og11.jpg" class="img-fluid" style="width: 100%" />
|
|
</div>
|
|
<!-- -->
|
|
|
|
<div class="my-3">
|
|
<!-- banner card -->
|
|
|
|
<!-- service-section -->
|
|
|
|
<!-- <section id="services" class="" style="border-radius: 16px;
|
|
border: 1px solid #EBEEF2;
|
|
background-color: #FFF;
|
|
padding: 60px 40px;
|
|
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);">
|
|
<div class="text-center mt-4">
|
|
<h3 class="mb-0" style="color: #000;
|
|
text-align: center;
|
|
font-family: Montserrat;
|
|
font-size: 40px;
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
line-height: normal;
|
|
text-transform: uppercase;
|
|
padding-bottom: 50px;">Our Services</h3>
|
|
</div>
|
|
<div class="row mt-3">
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;"> Odoo Customization</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;"> Odoo Implementation</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;">Odoo Support</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;">Odoo Migration</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#01649C; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;">Odoo integration</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;">Odoo Consultancy</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;">Odoo Licensing</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-12 mb-3">
|
|
<a href="#" style="text-decoration:none">
|
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center"
|
|
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;">
|
|
|
|
<div class="d-flex justify-content-center align-items-center"
|
|
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px">
|
|
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px">
|
|
</div>
|
|
<span class="mt-3" style="font-size: 18px;
|
|
color: #121212;
|
|
font-weight: 600;">Hire Odoo Developer</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</section> -->
|
|
<!-- -->
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</html>
|
|
|