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.
666 lines
41 KiB
666 lines
41 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Odoo App 3 Index</title>
|
|
<!-- Bootstrap CSS -->
|
|
<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">
|
|
</head>
|
|
<body>
|
|
<section>
|
|
<div class="container"
|
|
style="font-family: 'Inter', sans-serif !important;background-color: #fff !important;">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between flex-wrap align-items-sm-center"
|
|
style="border-bottom:1px solid rgba(0, 0, 0, 0.22)">
|
|
<div class="my-3">
|
|
<img src="assets/misc/Cybrosys R.png"
|
|
style="width:auto !important; height:40px !important">
|
|
</div>
|
|
<div class="my-3 d-flex align-items-center">
|
|
<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:#875A7B !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important;min-width: 120px !important;">
|
|
Enterprise
|
|
</div>
|
|
<div class="text-center"
|
|
style="background-color: #2175db !important; color:#fff !important;font-size: 0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important;min-width: 120px !important;">
|
|
Odoo.sh
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12 text-center d-flex align-items-center flex-column"
|
|
style="margin: 80px 0px !important;">
|
|
<h1 style="font-size: 2.8rem;font-weight: 700; color:
|
|
#1A202C;">
|
|
Delivery Status on Purchase Order</h1>
|
|
<p class="my-3 mb-4"
|
|
style="max-width: 80%; font-weight: 400 !important; line-height: 32px; color: #718096;">
|
|
A Module for Adding Delivery Status on Purchase Order
|
|
</p>
|
|
<div style="width: 80%; margin-top: 3rem;">
|
|
<img src="assets/screenshots/hero.gif"
|
|
class="img-responsive" width="100%" height="auto">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container mt-5 mb-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:#714b67 !important">
|
|
Key Highlights
|
|
</p>
|
|
</div>
|
|
<div class="row py-4">
|
|
<div class="col-md-6 col-sm-12 p-3">
|
|
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px;
|
|
background: #FFF;
|
|
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); ">
|
|
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67;
|
|
display: flex; justify-content: center; align-items: center;
|
|
margin-right: 10px; flex-shrink: 0;">
|
|
<i class="fa-solid fa-star "
|
|
style="color: #fff;font-size:14px;"></i>
|
|
</div>
|
|
<div>
|
|
<p style="color: #1A202C;font-weight: 600;
|
|
font-size: 1.2rem; margin-bottom: 2px;">
|
|
Enables tracking of the delivery status for each purchase order</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-12 p-3">
|
|
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px;
|
|
background: #FFF;
|
|
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); ">
|
|
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67;
|
|
display: flex; justify-content: center; align-items: center;
|
|
margin-right: 10px; flex-shrink: 0;">
|
|
<i class="fa-solid fa-star "
|
|
style="color: #fff;font-size:14px;"></i>
|
|
</div>
|
|
<div>
|
|
<p style="color: #1A202C;font-weight: 600;
|
|
font-size: 1.2rem; margin-bottom: 2px;">
|
|
Delivery Statuses</p>
|
|
<p class="m-0" style="color:#718096">Nothing to Receive, To Receive, Partially Received, Received and Processing.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container rounded">
|
|
<ul class="nav nav-tabs d-flex"
|
|
style="width: fit-content;margin: 0 auto;gap: 1rem;">
|
|
<li class="col text-center py-2 text-nowrap "
|
|
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;">
|
|
<a
|
|
class="active show" data-toggle="tab" href="#tab1"
|
|
style="color: #fff;font-weight: 500; background-color: #714B67; text-decoration: none;">
|
|
<i class="fa-regular fa-image pr-2"
|
|
style="color: #fff;"></i>
|
|
Screenshots</a></li>
|
|
<li class="col text-center py-2 text-nowrap "
|
|
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;">
|
|
<a
|
|
data-toggle="tab" href="#tab2"
|
|
style="color: #fff;font-weight: 500; text-decoration: none;"><i
|
|
class="fa-solid fa-star pr-2"
|
|
style="color: #fff;"></i>Features</a></li>
|
|
<li class="col text-center py-2 text-nowrap "
|
|
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;">
|
|
<a
|
|
data-toggle="tab" href="#tab3"
|
|
style="color: #fff;font-weight: 500; text-decoration: none; background-color: #714B67;"><i
|
|
class="fa-solid fa-book-open pr-2"
|
|
style="color: #fff;"></i>Released Notes</a></li>
|
|
</ul>
|
|
<div class="tab-content"
|
|
style="background-color: rgba(121, 113, 119, 0.04);">
|
|
<div id="tab1" class="tab-pane fade in active show">
|
|
<div class="col-lg-12 py-2"
|
|
style="padding: 1rem 4rem !important;">
|
|
<div
|
|
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
|
|
<div class="row justify-content-center p-3 w-100 m-0">
|
|
<img src="assets/screenshots/tree.png"
|
|
class="img-thumbnail" width="100%"
|
|
height="auto">
|
|
</div>
|
|
<div class="px-3">
|
|
<h4 class="mt-2"
|
|
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
|
|
Delivery Status on Purchase Orders tree view.</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12 py-2"
|
|
style="padding: 1rem 4rem !important;">
|
|
<div
|
|
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
|
|
<div class="row justify-content-center p-3 w-100 m-0">
|
|
<img src="assets/screenshots/form.png"
|
|
class="img-thumbnail" width="100%"
|
|
height="auto">
|
|
</div>
|
|
<div class="px-3">
|
|
<h4 class="mt-2"
|
|
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
|
|
Delivery Status on Purchase Order form view.</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="tab2" class="tab-pane fade">
|
|
<div class="col-mg-12" style="padding: 1rem 4rem;">
|
|
<ul style="list-style: none; padding: 1rem 0;font-weight: 500;">
|
|
<li class="py-3"
|
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
|
|
<span style="margin-right: 12px;"><img
|
|
src="assets/misc/star (1) 2.svg"
|
|
alt=""
|
|
width="16px"></span>Available in Odoo 17.0 Community and Enterprise
|
|
</li>
|
|
<li class="py-3"
|
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
|
|
<span style="margin-right: 12px;"><img
|
|
src="assets/misc/star (1) 2.svg"
|
|
alt=""
|
|
width="16px"></span>Adding Delivery Status on Purchase Order
|
|
</li>
|
|
<li class="py-3"
|
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
|
|
<span style="margin-right: 12px;"><img
|
|
src="assets/misc/star (1) 2.svg"
|
|
alt=""
|
|
width="16px"></span>Delivery Status on Purchase Order
|
|
<ul style="list-style: none;font-weight: 400; color:#718096">
|
|
<li><p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
|
|
This module enables tracking of the delivery status for each purchase order, with the status displayed in both the tree view and form view of purchase orders. The available delivery statuses include:
|
|
<br/><span>(i) Nothing to Receive - If no receipt is created for a purchase order</span>
|
|
<br/><span>(ii) To Receive - Receipt is still to receive</span>
|
|
<br/><span>(iii) Partially Received - If More than one receipt is created for a purchase order and some of them received and some still to receive</span>
|
|
<br/><span>(iv) Received - If all receipts are done</span>
|
|
<br/><span>(v) Processing - If any receipt is in waiting state</span>
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div id="tab3" class="tab-pane fade">
|
|
<div class="col-mg-12 active" style="padding: 1rem 4rem;">
|
|
<div class="py-3"
|
|
style="font-weight: 500;background-color: #fff; border-radius: 4px; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
|
|
<div class="d-flex mb-3"
|
|
style="font-size: 0.8rem; font-weight: 500;"><span>Version
|
|
17.0.1.0.0</span><span
|
|
class="px-2">|</span><span
|
|
style="color: #714B67;font-weight: 600;">Released on: 04th March 2024</span>
|
|
</div>
|
|
<p class="m-0"
|
|
style=" color:#718096!important; font-size:1rem !important;line-height: 28px;">
|
|
Initial Commit for Delivery Status on Purchase Order</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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">
|
|
Related Products</p>
|
|
</div>
|
|
</div>
|
|
<div id="myCarousel" class="carousel slide py-3" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="row p-4">
|
|
<div class="col">
|
|
<div class="p-3">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor/"
|
|
style="color: #000; text-decoration: none;">
|
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
|
|
<div style="width: 300px; ">
|
|
<img src="assets/modules/m1.png"
|
|
alt="" width="100%"
|
|
height="auto">
|
|
|
|
</div>
|
|
<p class="text-center pt-2 text-black font-weight-bold">
|
|
Invoice Format Editor</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="p-3">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/inventory_barcode_scanning/"
|
|
style="color: #000; text-decoration: none;">
|
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
|
|
<div style="width: 300px; ">
|
|
<img src="assets/modules/m2.png"
|
|
alt="" width="100%"
|
|
height="auto">
|
|
|
|
</div>
|
|
<p class="text-center pt-2 text-black font-weight-bold">
|
|
Barcode scanning in Inventory</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="p-3">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect/"
|
|
style="color: #000; text-decoration: none;">
|
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
|
|
<div style="width: 300px; ">
|
|
<img src="assets/modules/m3.png"
|
|
alt="" width="100%"
|
|
height="auto">
|
|
|
|
</div>
|
|
<p class="text-center pt-2 text-black font-weight-bold">
|
|
Send Whatsapp Message</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="row p-4">
|
|
<div class="col">
|
|
<div class="p-3">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/base_account_budget/"
|
|
style="color: #000; text-decoration: none;">
|
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
|
|
<div style="width: 300px; ">
|
|
<img src="assets/modules/m4.png"
|
|
alt="" width="100%"
|
|
height="auto">
|
|
|
|
</div>
|
|
<p class="text-center pt-2 text-black font-weight-bold">
|
|
Budget Management</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="p-3">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/product_barcode/"
|
|
style="color: #000; text-decoration: none;">
|
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
|
|
<div style="width: 300px;">
|
|
<img src="assets/modules/m5.png"
|
|
alt="" width="100%"
|
|
height="auto">
|
|
|
|
</div>
|
|
<p class="text-center pt-2 text-black font-weight-bold">
|
|
Product Barcode Generator</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="p-3">
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/export_stockinfo_xls/"
|
|
style="color: #000; text-decoration: none;">
|
|
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
|
|
<div style="width: 300px;">
|
|
<img src="assets/modules/m6.png"
|
|
alt="" width="100%"
|
|
height="auto">
|
|
</div>
|
|
<p class="text-center pt-2 text-black font-weight-bold">
|
|
Export Product Stock in Excel</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#myCarousel"
|
|
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="#myCarousel"
|
|
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 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>
|
|
<div class="container my-5">
|
|
<div class="row py-3">
|
|
<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 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="assets/icons/cogs.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Customization</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; position: relative;border-radius: 4px;">
|
|
<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="assets/icons/wrench.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Implementation</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; position: relative; border-radius: 4px;">
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/lifebuoy.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Support</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; position: relative; border-radius: 4px;">
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/user.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Hire
|
|
Odoo Developer</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; position: relative; border-radius: 4px;">
|
|
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/puzzle.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Integration</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; position: relative;border-radius: 4px;">
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/update.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Migration</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; position: relative;border-radius: 4px;">
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/consultation.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Consultancy</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;position: relative;border-radius: 4px;">
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/training.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Implementation</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; position: relative;border-radius: 4px;">
|
|
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);">
|
|
<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);">
|
|
<img src="assets/icons/license.png"
|
|
alt="service-icon" width="38px"
|
|
height="auto">
|
|
</div>
|
|
</div>
|
|
<p style="margin-top: 20px; font-weight: bold;">Odoo
|
|
Licensing Consultancy</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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 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); border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373);">
|
|
<img src="assets/icons/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);border-bottom: 1px solid rgb(209, 209, 209); padding: 30px;">
|
|
<img src="assets/icons/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);border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 30px; box-shadow: 0 5px 10px rgba(228, 227, 227, 0.373)">
|
|
<img src="assets/icons/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); padding: 30px; ">
|
|
<img src="assets/icons/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); padding: 30px;">
|
|
<img src="assets/icons/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); padding: 30px;box-shadow: 0 -5px 10px rgba(228, 227, 227, 0.373);">
|
|
<img src="assets/icons/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); padding: 30px; ">
|
|
<img src="assets/icons/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);">
|
|
<img src="assets/icons/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>
|
|
<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" 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;">
|
|
<div style="padding: 30px;">
|
|
<div class="d-flex align-items-center">
|
|
<img src="assets/misc/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;">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="assets/misc/support-email.svg"
|
|
alt=""
|
|
width="18px"
|
|
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com
|
|
</div>
|
|
</div>
|
|
</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="assets/misc/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="assets/misc/phone.svg"
|
|
alt="" width="14px"
|
|
style="filter: invert(1); margin-right: 0.8rem;"></span>+91
|
|
99456767686
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<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>
|
|
|