thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
4
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Jan 11 [UPDT] : Index Updated 'invoice_format_editor'

pull/313/head
AjmalCybro 2 years ago
parent
89f27ca3fd
commit
126ba495f7
2 changed files with 566 additions and 640 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 0
      invoice_format_editor/static/description/assets/modules/5.png
  2. 486
      invoice_format_editor/static/description/index.html

0
invoice_format_editor/static/description/assets/modules/5.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 79 KiB

486
invoice_format_editor/static/description/index.html
View File

@ -6,27 +6,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Invoice Format Editor</title> <title>Invoice Format Editor</title>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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" <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
rel="stylesheet">
</head> </head>
<body> <body>
<section> <section>
<div class="container" <div class="container" style="font-family: 'Inter', sans-serif !important;background-color: #fff !important;">
style="font-family: 'Inter', sans-serif !important;background-color: #fff !important;">
<div class="row"> <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" <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)"> style="border-bottom:1px solid rgba(0, 0, 0, 0.22)">
<div class="my-3"> <div class="my-3">
<img src="assets/misc/Cybrosys R.png" <img src="assets/misc/Cybrosys R.png" style="width:auto !important; height:40px !important">
style="width:auto !important; height:40px !important">
</div> </div>
<div class="my-3 d-flex align-items-center"> <div class="my-3 d-flex align-items-center">
<div class="text-center" <div class="text-center"
@ -51,28 +46,24 @@
A Module For Configuring the Invoice Templates A Module For Configuring the Invoice Templates
</p> </p>
<div style="width: 80%; margin-top: 3rem;"> <div style="width: 80%; margin-top: 3rem;">
<img src="assets/screenshots/hero.gif" <img src="assets/screenshots/hero.gif" class="img-responsive" width="100%" height="auto">
class="img-responsive" width="100%" height="auto">
</div> </div>
</div> </div>
</div> </div>
<div class="container mt-5 mb-5"> <div class="container mt-5 mb-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
<p class="m-0" <p class="m-0" style="font-weight: 600; font-size: 24px; color:#714b67 !important">
style="font-weight: 600; font-size: 24px; color:#714b67 !important">
Key Highlights Key Highlights
</p> </p>
</div> </div>
<div class="row py-4"> <div class="row py-4">
<div class="col-md-6 col-sm-12 p-3"> <div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; <div class="d-flex h-100" style="padding: 30px;border-radius: 12px !important;
background: #FFF; background-color: #FFF !important;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25) !important; ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; <div class="d-flex justify-content-center align-items-center" style="width: 36px !important; height: 36px !important; border-radius: 50% !important; background-color: #714B67 !important;
display: flex; justify-content: center; align-items: center; margin-right: 10px !important; flex-shrink: 0 !important;">
margin-right: 10px; flex-shrink: 0;"> <i class="fa fa-solid fa-star" style="color: #fff;font-size:14px;"></i>
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div> </div>
<div> <div>
<p style="color: #1A202C;font-weight: 600; <p style="color: #1A202C;font-weight: 600;
@ -85,14 +76,13 @@
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-12 p-3"> <div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; <div class="d-flex h-100" style="padding: 30px;border-radius: 12px !important;
background: #FFF; background-color: #FFF !important;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25) !important; ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; <div class="d-flex align-items-center justify-content-center" style="width: 36px !important; height: 36px !important; border-radius: 50% !important; background-color: #714B67 !important;
display: flex; justify-content: center; align-items: center; margin-right: 10px !important; flex-shrink: 0 !important;">
margin-right: 10px; flex-shrink: 0;"> <i class="fa fa-solid fa-star"
<i class="fa-solid fa-star " style="color: #fff !important;font-size:14px !important;"></i>
style="color: #fff;font-size:14px;"></i>
</div> </div>
<div> <div>
<p style="color: #1A202C;font-weight: 600; <p style="color: #1A202C;font-weight: 600;
@ -105,14 +95,12 @@
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-12 p-3"> <div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; <div class="d-flex h-100" style="padding: 30px;border-radius: 12px !important;
background: #FFF; background-color: #FFF !important;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25) !important; ">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; <div class="d-flex align-items-center justify-content-center" style="width: 36px !important; height: 36px !important; border-radius: 50% !important; background-color: #714B67 !important;
display: flex; justify-content: center; align-items: center; margin-right: 10px !important; flex-shrink: 0 !important;">
margin-right: 10px; flex-shrink: 0;"> <i class="fa fa-solid fa-star" style="color: #fff;font-size:14px;"></i>
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div> </div>
<div> <div>
<p style="color: #1A202C;font-weight: 600; <p style="color: #1A202C;font-weight: 600;
@ -125,14 +113,12 @@
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-12 p-3"> <div class="col-md-6 col-sm-12 p-3">
<div class="d-flex h-100" style="padding: 30px;border-radius: 12px; <div class="d-flex h-100" style="padding: 30px;border-radius: 12px !important;
background: #FFF; background-color: #FFF !important;
box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25); "> box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.25) !important;">
<div style="width: 36px; height: 36px; border-radius: 50%; background: #714B67; <div class="d-flex justify-content-center align-items-center" style="width: 36px; height: 36px; border-radius: 50% !important; background-color: #714B67 !important;
display: flex; justify-content: center; align-items: center; margin-right: 10px !important; flex-shrink: 0; ">
margin-right: 10px; flex-shrink: 0; "> <i class="fa fa-solid fa-star" style="color: #fff !important;font-size:14px;"></i>
<i class="fa-solid fa-star "
style="color: #fff;font-size:14px;"></i>
</div> </div>
<div> <div>
<p style="color: #1A202C;font-weight: 600; <p style="color: #1A202C;font-weight: 600;
@ -147,41 +133,34 @@
</div> </div>
</div> </div>
<div class="container rounded"> <div class="container rounded">
<ul class="nav nav-tabs d-flex" <ul class="nav nav-tabs d-flex " style="width: fit-content;margin: 0 auto;">
style="width: fit-content;margin: 0 auto;gap: 1rem;">
<li class="col text-center py-2 text-nowrap " <li class="col text-center py-2 text-nowrap "
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;margin-right: 1rem !important;">
<a <a class="active show" data-toggle="tab" href="#tab1"
class="active show" data-toggle="tab" href="#tab1"
style="color: #fff;font-weight: 500; background-color: #714B67; text-decoration: none;"> style="color: #fff;font-weight: 500; background-color: #714B67; text-decoration: none;">
<i class="fa-regular fa-image pr-2" <i class="fa fa-regular fa-image pr-2" style="color: #fff;"></i>
style="color: #fff;"></i> Screenshots</a>
Screenshots</a></li> </li>
<li class="col text-center py-2 text-nowrap " <li class="col text-center py-2 text-nowrap "
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;margin-right: 1rem !important;">
<a <a data-toggle="tab" href="#tab2"
data-toggle="tab" href="#tab2"
style="color: #fff;font-weight: 500; text-decoration: none;"><i style="color: #fff;font-weight: 500; text-decoration: none;"><i
class="fa-solid fa-star pr-2" class="fa fa-solid fa-star pr-2" style="color: #fff;"></i>Features</a>
style="color: #fff;"></i>Features</a></li> </li>
<li class="col text-center py-2 text-nowrap " <li class="col text-center py-2 text-nowrap "
style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;"> style="color: #fff; background-color: #714B67;border-radius: 6px 6px 0px 0px;margin-right: 1rem !important;">
<a <a data-toggle="tab" href="#tab3"
data-toggle="tab" href="#tab3"
style="color: #fff;font-weight: 500; text-decoration: none; background-color: #714B67;"><i style="color: #fff;font-weight: 500; text-decoration: none; background-color: #714B67;"><i
class="fa-solid fa-book-open pr-2" class="fa fa-solid fa-book-open pr-2" style="color: #fff;"></i>Released Notes</a>
style="color: #fff;"></i>Released Notes</a></li> </li>
</ul> </ul>
<div class="tab-content" <div class="tab-content" style="background-color: rgba(121, 113, 119, 0.04) !important;">
style="background-color: rgba(121, 113, 119, 0.04);">
<div id="tab1" class="tab-pane fade in active show"> <div id="tab1" class="tab-pane fade in active show">
<div class="col-lg-12 py-2" <div class="col-lg-12 py-2" style="padding: 1rem 4rem !important;">
style="padding: 1rem 4rem !important;">
<div <div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="row justify-content-center p-3 w-100 m-0"> <div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot1.png" <img src="assets/screenshots/screenshot1.png" class="img-responsive" width="100%"
class="img-responsive" width="100%"
height="auto"> height="auto">
</div> </div>
<div class="px-3"> <div class="px-3">
@ -195,13 +174,11 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 py-2" <div class="col-lg-12 py-2" style="padding: 1rem 4rem !important;">
style="padding: 1rem 4rem !important;">
<div <div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="row justify-content-center p-3 w-100 m-0"> <div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot2.png" <img src="assets/screenshots/screenshot2.png" class="img-responsive" width="100%"
class="img-responsive" width="100%"
height="auto"> height="auto">
</div> </div>
<div class="px-3"> <div class="px-3">
@ -213,65 +190,57 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 py-2" <div class="col-lg-12 py-2" style="padding: 1rem 4rem !important;">
style="padding: 1rem 4rem !important;">
<div <div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="row justify-content-center p-3 w-100 m-0"> <div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot3.png" <img src="assets/screenshots/screenshot3.png" class="img-responsive" width="100%"
class="img-responsive" width="100%"
height="auto"> height="auto">
</div> </div>
<div class="px-3"> <div class="px-3">
<h4 class="mt-2" <h4 class="mt-2 mb-3"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Print Invoice</h4> Print Invoice</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 py-2" <div class="col-lg-12 py-2" style="padding: 1rem 4rem !important;">
style="padding: 1rem 4rem !important;">
<div <div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="row justify-content-center p-3 w-100 m-0"> <div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot5.png" <img src="assets/screenshots/screenshot5.png" class="img-responsive" width="100%"
class="img-responsive" width="100%"
height="auto"> height="auto">
</div> </div>
<div class="px-3"> <div class="px-3">
<h4 class="mt-2" <h4 class="mt-2 mb-3"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Normal Template</h4> Normal Template</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 py-2" <div class="col-lg-12 py-2" style="padding: 1rem 4rem !important;">
style="padding: 1rem 4rem !important;">
<div <div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="row justify-content-center p-3 w-100 m-0"> <div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot4.png" <img src="assets/screenshots/screenshot4.png" class="img-responsive" width="100%"
class="img-responsive" width="100%"
height="auto"> height="auto">
</div> </div>
<div class="px-3"> <div class="px-3">
<h4 class="mt-2" <h4 class="mt-2 mb-3"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Modern Template</h4> Modern Template</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 py-2" <div class="col-lg-12 py-2" style="padding: 1rem 4rem !important;">
style="padding: 1rem 4rem !important;">
<div <div
style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);"> style="border: 1px solid #d8d6d6; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="row justify-content-center p-3 w-100 m-0"> <div class="row justify-content-center p-3 w-100 m-0">
<img src="assets/screenshots/screenshot6.png" <img src="assets/screenshots/screenshot6.png" class="img-responsive" width="100%"
class="img-responsive" width="100%"
height="auto"> height="auto">
</div> </div>
<div class="px-3"> <div class="px-3">
<h4 class="mt-2" <h4 class="mt-2 mb-3"
style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important"> style=" font-weight:600 !important; color:#282F33 !important; font-size:1.3rem !important">
Old Standard Template</h4> Old Standard Template</h4>
</div> </div>
@ -279,50 +248,40 @@
</div> </div>
</div> </div>
<div id="tab2" class="tab-pane fade"> <div id="tab2" class="tab-pane fade">
<div class="col-mg-12" style="padding: 1rem 4rem;"> <div class="col-12" style="padding: 1rem 4rem;">
<ul style="list-style: none; padding: 1rem 0;font-weight: 500;"> <ul class="list-unstyled" style="list-style: none; padding: 1rem 0;font-weight: 500;">
<li class="py-3" <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);"> 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) !important;">
<span style="margin-right: 12px;"><img <span style="margin-right: 12px;"><img src="assets/misc/star (1) 2.svg" alt=""
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Configure the width="16px"></span>Configure the
layout layout
</li> </li>
<li class="py-3" <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);"> 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) !important;">
<span style="margin-right: 12px;"><img <span style="margin-right: 12px;"><img src="assets/misc/star (1) 2.svg" alt=""
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Configure the width="16px"></span>Configure the
position of fields position of fields
</li> </li>
<li class="py-3" <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);"> 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) !important;">
<span style="margin-right: 12px;"><img <span style="margin-right: 12px;"><img src="assets/misc/star (1) 2.svg" alt=""
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Hide option for width="16px"></span>Hide option for
the invoice fields the invoice fields
</li> </li>
<li class="py-3" <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);"> 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) !important;">
<span style="margin-right: 12px;"><img <span style="margin-right: 12px;"><img src="assets/misc/star (1) 2.svg" alt=""
src="assets/misc/star (1) 2.svg"
alt=""
width="16px"></span>Edit the theme width="16px"></span>Edit the theme
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div id="tab3" class="tab-pane fade"> <div id="tab3" class="tab-pane fade">
<div class="col-mg-12 active" style="padding: 1rem 4rem;"> <div class="col-lg-12 active" style="padding: 1rem 4rem;">
<div class="py-3" <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);"> style="font-weight: 500;background-color: #fff !important; border-radius: 4px !important; padding: 1rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;">
<div class="d-flex mb-3" <div class="d-flex mb-3" style="font-size: 0.8rem; font-weight: 500;"><span>Version
style="font-size: 0.8rem; font-weight: 500;"><span>Version 17.0.1.0.0</span><span class="px-2">|</span><span
17.0.1.0.0</span><span
class="px-2">|</span><span
style="color: #714B67;font-weight: 600;">Released on:3rd November 2023</span> style="color: #714B67;font-weight: 600;">Released on:3rd November 2023</span>
</div> </div>
<p class="m-0" <p class="m-0"
@ -336,8 +295,7 @@
</div> </div>
<div class="container mt-5"> <div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
<p class="m-0" <p class="m-0" style="font-weight: 600; font-size: 24px; color:#000 !important">
style="font-weight: 600; font-size: 24px; color:#000 !important">
Related Products</p> Related Products</p>
</div> </div>
</div> </div>
@ -345,15 +303,13 @@
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<div class="row p-4"> <div class="row p-4">
<div class="col"> <div class="col-4">
<div class="p-3"> <div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/account_payment_approval/#" <a href="https://apps.odoo.com/apps/modules/16.0/account_payment_approval/#"
style="color: #000; text-decoration: none;"> style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> <div style="border:1px solid #CBCBCB !important;border-radius: 4px !important;">
<div style="width: 300px; "> <div style="width: 290px; ">
<img src="assets/modules/1.png" <img src="assets/modules/1.png" alt="" width="100%" height="auto">
alt="" width="100%"
height="auto">
</div> </div>
<p class="text-center pt-2 text-black font-weight-bold"> <p class="text-center pt-2 text-black font-weight-bold">
@ -362,15 +318,13 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col"> <div class="col-4">
<div class="p-3"> <div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/invoice_multi_approval/" <a href="https://apps.odoo.com/apps/modules/16.0/invoice_multi_approval/"
style="color: #000; text-decoration: none;"> style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> <div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; "> <div style="width: 290px; ">
<img src="assets/modules/2.png" <img src="assets/modules/2.png" alt="" width="100%" height="auto">
alt="" width="100%"
height="auto">
</div> </div>
<p class="text-center pt-2 text-black font-weight-bold"> <p class="text-center pt-2 text-black font-weight-bold">
@ -379,15 +333,13 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col"> <div class="col-4">
<div class="p-3"> <div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/total_payable_receivable/#" <a href="https://apps.odoo.com/apps/modules/16.0/total_payable_receivable/#"
style="color: #000; text-decoration: none;"> style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> <div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; "> <div style="width: 290px; ">
<img src="assets/modules/3.png" <img src="assets/modules/3.png" alt="" width="100%" height="auto">
alt="" width="100%"
height="auto">
</div> </div>
<p class="text-center pt-2 text-black font-weight-bold"> <p class="text-center pt-2 text-black font-weight-bold">
@ -400,15 +352,13 @@
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<div class="row p-4"> <div class="row p-4">
<div class="col"> <div class="col-4">
<div class="p-3"> <div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/multiple_payment_for_outstanding_dues/" <a href="https://apps.odoo.com/apps/modules/16.0/multiple_payment_for_outstanding_dues/"
style="color: #000; text-decoration: none;"> style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> <div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px; "> <div style="width: 290px; ">
<img src="assets/modules/4.jpg" <img src="assets/modules/4.jpg" alt="" width="100%" height="auto">
alt="" width="100%"
height="auto">
</div> </div>
<p class="text-center pt-2 text-black font-weight-bold"> <p class="text-center pt-2 text-black font-weight-bold">
@ -418,15 +368,13 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col"> <div class="col-4">
<div class="p-3"> <div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/invoice_mini_dashboard/" <a href="https://apps.odoo.com/apps/modules/16.0/invoice_mini_dashboard/"
style="color: #000; text-decoration: none;"> style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> <div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px;"> <div style="width: 290px;">
<img src="assets/modules/5.png" <img src="assets/modules/5.png" alt="" width="100%" height="auto">
alt="" width="100%"
height="auto">
</div> </div>
<p class="text-center pt-2 text-black font-weight-bold"> <p class="text-center pt-2 text-black font-weight-bold">
@ -435,15 +383,13 @@
</a> </a>
</div> </div>
</div> </div>
<div class="col"> <div class="col-4">
<div class="p-3"> <div class="p-3">
<a href="https://apps.odoo.com/apps/modules/16.0/account_move_multi_cancel/" <a href="https://apps.odoo.com/apps/modules/16.0/account_move_multi_cancel/"
style="color: #000; text-decoration: none;"> style="color: #000; text-decoration: none;">
<div style="border:1px solid #CBCBCB !important;border-radius: 4px;"> <div style="border:1px solid #CBCBCB !important;border-radius: 4px;">
<div style="width: 300px;"> <div style="width: 290px;">
<img src="assets/modules/6.png" <img src="assets/modules/6.png" alt="" width="100%" height="auto">
alt="" width="100%"
height="auto">
</div> </div>
<p class="text-center pt-2 text-black font-weight-bold"> <p class="text-center pt-2 text-black font-weight-bold">
Mass Journal Entry Cancel Mass Journal Entry Cancel
@ -455,25 +401,20 @@
</div> </div>
</div> </div>
</div> </div>
<a class="carousel-control-prev" href="#myCarousel" <a class="carousel-control-prev" href="#myCarousel" data-slide="prev" style="width: 35px; color: #000;">
data-slide="prev" style="width: 35px; color: #000;">
<span class="carousel-control-prev-icon"> <span class="carousel-control-prev-icon">
<i class="fa fa-chevron-left" <i class="fa fa-chevron-left" style="font-size: 24px;"></i>
style="font-size: 24px;"></i>
</span> </span>
</a> </a>
<a class="carousel-control-next" href="#myCarousel" <a class="carousel-control-next" href="#myCarousel" data-slide="next" style="width: 35px; color: #000;">
data-slide="next" style="width: 35px; color: #000;">
<span class="carousel-control-next-icon"> <span class="carousel-control-next-icon">
<i class="fa fa-chevron-right" <i class="fa fa-chevron-right" style="font-size: 24px;"></i>
style="font-size: 24px;"></i>
</span> </span>
</a> </a>
</div> </div>
<div class="container mt-5"> <div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
<p class="m-0" <p class="m-0" style="font-weight: 600; font-size: 24px; color:#000 !important">
style="font-weight: 600; font-size: 24px; color:#000 !important">
Our Services</p> Our Services</p>
</div> </div>
@ -481,14 +422,14 @@
<div class="container my-5"> <div class="container my-5">
<div class="row py-3"> <div class="row py-3">
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative !important;border-radius: 4px !important;">
<div class="position-absolute"
style="position: absolute !important; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#13EA36 ; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#13EA36 ; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/cogs.png" alt="service-icon" width="38px" height="auto">
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>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -496,14 +437,14 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative;border-radius: 4px;">
<div class="position-absolute"
style="position: absolute !important; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#DBC711; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#DBC711; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/wrench.png" alt="service-icon" width="38px" height="auto">
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>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -511,14 +452,14 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative !important; border-radius: 4px;">
<div class="position-absolute"
style="position: absolute !important; top: 0% !important; left: 50% !; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#FF6B6B ; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#FF6B6B ; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/lifebuoy.png" alt="service-icon" width="38px" height="auto">
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>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -526,14 +467,14 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative !important; border-radius: 4px;">
<div class="position-absolute"
style="position: absolute !important; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#FFA801 ; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#FFA801 ; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/user.png" alt="service-icon" width="38px" height="auto">
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>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Hire <p style="margin-top: 20px; font-weight: bold;">Hire
@ -541,15 +482,15 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div <div class="position-relative"
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;"> style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative !important; border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> <div
<div style="background-color:#54A0FF; border-radius: 50%; padding: 15px; width: 68px; style="position: absolute !important; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);"> <div
<img src="assets/icons/puzzle.png" style="background-color:#54A0FF !important; border-radius: 50% !important; padding: 15px;width: 68px;
alt="service-icon" width="38px" height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
height="auto"> <img src="assets/icons/puzzle.png" alt="service-icon" width="38px" height="auto">
</div> </div>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -557,14 +498,14 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative !important;border-radius: 4px;">
<div class="position-absolute"
style="position: absolute !important; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#6D7680 ; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#6D7680 ; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/update.png" alt="service-icon" width="38px" height="auto">
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>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -572,13 +513,14 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative !important;border-radius: 4px;">
<div class="position-absolute"
style="position: absolute; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#786FA6 ; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#786FA6 ; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/consultation.png" alt="service-icon" width="38px"
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"> height="auto">
</div> </div>
</div> </div>
@ -587,14 +529,14 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div class="position-relative"
style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;position: relative;border-radius: 4px;">
<div class="position-absolute"
style="position: absolute; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div <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;"> style="background-color:#F8A5C2 ; border-radius: 50%; padding: 15px; width: 68px;
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;">
<div style="background-color:#F8A5C2 ; border-radius: 50%; padding: 15px; width: 68px; <img src="assets/icons/training.png" alt="service-icon" width="38px" height="auto">
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>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -602,14 +544,13 @@
</div> </div>
</div> </div>
<div class="col-md-4 col-sm-6 px-4 py-4"> <div class="col-md-4 col-sm-6 px-4 py-4">
<div <div class="position-relative"
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;"> style="background-color: #fff; padding: 25px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important; position: relative;border-radius: 4px;">
<div style="position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%);"> <div class="position-absolute"
style="position: absolute; top: 0% !important; left: 50% !important; transform: translate(-50%, -50%) !important;">
<div style="background-color:#E6BE26; border-radius: 50%; padding: 15px; width: 68px; <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);"> height: 68px; display: inline-block; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);">
<img src="assets/icons/license.png" <img src="assets/icons/license.png" alt="service-icon" width="38px" height="auto">
alt="service-icon" width="38px"
height="auto">
</div> </div>
</div> </div>
<p style="margin-top: 20px; font-weight: bold;">Odoo <p style="margin-top: 20px; font-weight: bold;">Odoo
@ -620,8 +561,7 @@
</div> </div>
<div class="container mt-5"> <div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-4">
<p class="m-0" <p class="m-0" style="font-weight: 600; font-size: 24px; color:#000 !important">
style="font-weight: 600; font-size: 24px; color:#000 !important">
Our Industries</p> Our Industries</p>
</div> </div>
@ -630,9 +570,8 @@
<div class="row my-5 py-4"> <div class="row my-5 py-4">
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100 " <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);"> style="border-right: 1px solid rgb(209, 209, 209) !important; border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; box-shadow: 6px 0 10px rgba(228, 227, 227, 0.373) !important;">
<img src="assets/icons/trading-black.png" width="42px" <img src="assets/icons/trading-black.png" width="42px" height="auto" alt="">
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">Trading</p> font-size: 1.2rem; margin-bottom: 2px;">Trading</p>
<p>Easily procure and sell your products</p> <p>Easily procure and sell your products</p>
@ -640,9 +579,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <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;"> style="border-right: 1px solid rgb(209, 209, 209) !important;border-bottom: 1px solid rgb(209, 209, 209) !important; padding: 30px;">
<img src="assets/icons/pos-black.png" width="42px" <img src="assets/icons/pos-black.png" width="42px" height="auto" alt="">
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">POS</p> font-size: 1.2rem; margin-bottom: 2px;">POS</p>
<p>Easy configuration and convivial experience</p> <p>Easy configuration and convivial experience</p>
@ -650,9 +588,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <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)"> style="border-right: 1px solid rgb(209, 209, 209) !important;border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; padding: 30px; box-shadow: 0 5px 10px rgba(228, 227, 227, 0.373) !important">
<img src="assets/icons/education-black.png" width="42px" <img src="assets/icons/education-black.png" width="42px" height="auto" alt="">
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;"> font-size: 1.2rem; margin-bottom: 2px;">
Education</p> Education</p>
@ -661,9 +598,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <div class="d-flex flex-column h-100"
style="border-bottom: 1px solid rgb(209, 209, 209); padding: 30px; "> style="border-bottom: 1px solid rgb(209, 209, 209) !important; padding: 30px; ">
<img src="assets/icons/manufacturing-black.png" <img src="assets/icons/manufacturing-black.png" width="42px" height="auto" alt="">
width="42px" height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;"> font-size: 1.2rem; margin-bottom: 2px;">
Manufacturing</p> Manufacturing</p>
@ -672,9 +608,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px;"> style="border-right: 1px solid rgb(209, 209, 209) !important; padding: 30px;">
<img src="assets/icons/ecom-black.png" width="42px" <img src="assets/icons/ecom-black.png" width="42px" height="auto" alt="">
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">E-commerce & font-size: 1.2rem; margin-bottom: 2px;">E-commerce &
Website</p> Website</p>
@ -683,9 +618,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <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);"> style="border-right: 1px solid rgb(209, 209, 209) !important; padding: 30px;box-shadow: 0 -5px 10px rgba(228, 227, 227, 0.373) !important;">
<img src="assets/icons/service-black.png" width="42px" <img src="assets/icons/service-black.png" width="42px" height="auto" alt="">
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">Service font-size: 1.2rem; margin-bottom: 2px;">Service
Management</p> Management</p>
@ -694,9 +628,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <div class="d-flex flex-column h-100"
style="border-right: 1px solid rgb(209, 209, 209); padding: 30px; "> style="border-right: 1px solid rgb(209, 209, 209) !important; padding: 30px; ">
<img src="assets/icons/restaurant-black.png" <img src="assets/icons/restaurant-black.png" width="42px" height="auto" alt="">
width="42px" height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;"> font-size: 1.2rem; margin-bottom: 2px;">
Restaurant</p> Restaurant</p>
@ -705,9 +638,8 @@
</div> </div>
<div class="col-md-3 col-sm-6 p-0"> <div class="col-md-3 col-sm-6 p-0">
<div class="d-flex flex-column h-100" <div class="d-flex flex-column h-100"
style=" padding: 30px;box-shadow: -5px 0 10px rgba(228, 227, 227, 0.373);"> style=" padding: 30px;box-shadow: -5px 0 10px rgba(228, 227, 227, 0.373) !important;">
<img src="assets/icons/hotel-black.png" width="42px" <img src="assets/icons/hotel-black.png" width="42px" height="auto" alt="">
height="auto" alt="">
<p style="color: #714B67;font-weight: 600; margin-top: 10px; <p style="color: #714B67;font-weight: 600; margin-top: 10px;
font-size: 1.2rem; margin-bottom: 2px;">Hotel font-size: 1.2rem; margin-bottom: 2px;">Hotel
Management</p> Management</p>
@ -718,30 +650,27 @@
</div> </div>
<div class="container mt-5"> <div class="container mt-5">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5"> <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mt-5">
<p class="m-0" <p class="m-0" style="font-weight: 600; font-size: 24px; color:#000 !important">
style="font-weight: 600; font-size: 24px; color:#000 !important">
Support</p> Support</p>
</div> </div>
</div> </div>
<div class="container my-5"> <div class="container my-5">
<div class="row" style="background-color: #FFFAFE;"> <div class="row" style="background-color: #FFFAFE;padding: 1rem;">
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center" <div class="col-md-6 pb-4 d-flex align-items-center justify-content-center"
style="border-right: 1px solid #D9D9D9;"> style="border-right: 1px solid #D9D9D9 !important;">
<div style="padding: 30px;"> <div style="padding: 30px;">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<img src="assets/misc/support (1) 1.svg" alt="" <img src="assets/misc/support (1) 1.svg" alt="" width="60px"
width="60px" style="margin-right: 12px;"> style="margin-right: 12px;">
<div style="padding: 0px 8px;"> <div style="padding: 0px 8px;">
<span <span
style="color: #714B67;font-size: 24px;font-weight: 600;padding-bottom: 1rem;">Need style="color: #714B67;font-size: 24px;font-weight: 600;padding-bottom: 1rem;">Need
Help?</span> Help?</span>
<p class="m-0" style="color:#718096;">Got <p class="m-0" style="color:#718096;">Got
questions or need help? Get in touch.</p> questions or need help? Get in touch.</p>
<div style="font-weight: 400;"><span><img <div style="font-weight: 400;"><span><i class="fa fa-envelope" aria-hidden="true"
src="assets/misc/support-email.svg" style="margin-right: 0.8rem;"></i>
alt="" </span>odoo@cybrosys.com
width="18px"
style="filter: invert(1);margin-right: 0.8rem;"></span>odoo@cybrosys.com
</div> </div>
</div> </div>
</div> </div>
@ -750,16 +679,12 @@
<div class="col-md-6 pb-4 d-flex align-items-center justify-content-center"> <div class="col-md-6 pb-4 d-flex align-items-center justify-content-center">
<div style="padding: 30px;"> <div style="padding: 30px;">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<img src="assets/misc/whatsapp 1.svg" alt="" <img src="assets/misc/whatsapp 1.svg" alt="" width="60px" style="margin-right: 12px;">
width="60px" style="margin-right: 12px;">
<div> <div>
<span style="color: #714B67;font-size: 24px;font-weight: 600;">WhatsApp</span> <span style="color: #714B67;font-size: 24px;font-weight: 600;">WhatsApp</span>
<p class="m-0" style="color:#718096;">Say hi to <p class="m-0" style="color:#718096;">Say hi to
us on WhatsApp!</p> us on WhatsApp!</p>
<div style="font-weight: 400; font-size: 16px;"><span><img <div style="font-weight: 400; font-size: 16px;"><span><i class="fa fa-phone" aria-hidden="true" style="margin-right: 0.8rem;"></i></span>+91
src="assets/misc/phone.svg"
alt="" width="14px"
style="filter: invert(1); margin-right: 0.8rem;"></span>+91
99456767686 99456767686
</div> </div>
</div> </div>
@ -769,10 +694,11 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- 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://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> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save