thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
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.
327 Commits
14 Branches
0 Tags
6.8 GiB
 
 
 
 
 
Tree: 24f11666e8
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '24f11666e8'
${ noResults }
CybroAddons/laundry_management/static/description/index.html

1152 lines
76 KiB
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Laundry Management</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"/>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<style>
:root {
--primary-color: #7f54b3;
--bg-white: #fff;
--text-color: #121212;
--text-color-light: #64728f;
}
body{
font-family: "Montserrat", sans-serif;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #121212;
font-family: Montserrat;
font-size: 16px !important;
font-weight: 500 !important;
border-radius: 30px;
line-height: normal;
text-transform: capitalize;
background-color: #F5F5F5;
border: none;
margin-bottom: 0;
padding: 12px 24px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: transparent;
isolation: isolate;
}
.nav-tabs .nav-link:focus-visible {
border-color: transparent;
box-shadow: none;
}
/* owl-carosel */
.owl-carousel .owl-nav {
position: absolute;
top: 42%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-42%);
}
.owl-carousel .owl-nav button.owl-prev {
position: absolute;
right: -36px;
font-size: 28px;
background-color: #e4e4e4;
border-radius: 20px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.owl-carousel .owl-nav button.owl-next {
position: absolute;
left: -36px;
font-size: 28px;
background-color: #e4e4e4;
border-radius: 20px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<!-- overview -->
<div class="container">
<div class="my-5">
<!-- button tab -->
<!-- -->
<!-- version support -->
<div class="my-3 d-flex align-items-center justify-content-end">
<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:#7C7BAD !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 class="tab-content" id="myTabContent">
<!-- description -->
<div class="tab-pane fade show active" id="home" role="tabpanel"
aria-labelledby="home-tab">
<div class="position-relative"
style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;">
<div class="row " style="
padding: 2rem 0rem 0 !important;
">
<div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center">
<p class="my-1 text-center text-uppercase"
style="
letter-spacing: 4px !important;
color: #7f54b3;
font-weight: bold;
text-align: center;
font-size: 14px;
font-weight: 600;
line-height: 15.96px;
text-transform: uppercase;
">
Helps You To Manage Laundry Service.
</p>
<h1 class="text-center text-uppercase my-0"
style="
color: #121212;
font-size: 46px;
font-weight: 700;
line-height: normal;
">Laundry Management</span>
</h1>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin: 3rem 0;">
<img src="./assets/icons/brand-pair.svg"
width="100%"
height="auto"
style="width: 50%"
class="img-responsive"/>
</div>
<div class="col-md-12 text-center">
<a href="mailto:odoo@cybrosys.com"
target="_blank"
style="background-color: transparent;border-radius: 35px;
font-family: Montserrat;
display: inline-block;
padding: 7px 33px;
border: 1px solid #7f54b3;
color: #7f54b3;
text-decoration: none;
"
class="mx-1 mb-2 deep-1 deep_hover">
<img class="img"
style="width: 24px"
src="./assets/icons/mail.svg"/>
<span class="pl-2"
style=" font-size: 16px; vertical-align: middle"
>Email Us</span
>
</a>
<a href="skype:cybroopenerp?chat"
target="_blank"
style="
background-color: #7f289b;
font-family: Montserrat;
display: inline-block;
padding: 7px 33px;
border: 1px solid #7f289b;
border-radius: 35px;
text-decoration: none;
"
class="mx-1 mb-2 deep-1 deep_hover">
<img
class="img"
style="width: 24px"
src="./assets/icons/skype-fill.svg"
/>
<span
class="pl-2"
style="color: #fff; font-size: 16px; vertical-align: middle"
>Skype Us</span
>
</a>
</div>
<div class="d-flex justify-content-center mt-2">
<img src="./assets/screenshots/hero.gif"
class="w-100"
style="z-index: 3; height: auto;">
</div>
</div>
<div class="position-absolute bottom-0"
style="z-index: 1; width: 100%;">
<img src="./assets/icons/banner-bg.svg"
class="img-fluid w-100">
</div>
<div class="position-absolute bottom-0 end-0"
style=" z-index: 2;">
<img src="./assets/icons/patter.svg">
</div>
</div>
<!-- key-highlight -->
<div class="" style="border-radius: 16px;
padding: 60px 40px;
border: 1px solid #EBEEF2;
background: #F5F5F7;
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); ">
<div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
<h2 style=" color: #121212;
text-align: center;
font-size: 40px;
font-weight: 700;
text-transform: uppercase; padding-bottom: 50px;">Key
Highlights</h2>
</div>
<div class="col-lg-4">
<div class="mb-4 d-flex flex-column justify-content-center gap-3"
style="border-radius: 12px; border: 1px solid #B6BCCD;
background: #FFF;padding:32px ">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
<img src="./assets/icons/feature-icon.svg"
class="img-responsive" height="26px"
width="26px">
</div>
<h5 class="m-0"
style="color:#000 !important; font-weight:bold">
Manages Laundry Process
</h5>
<p class="m-0"
style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
This is an
industrial specific module by Cybrosys
Technologies for Laundry Management. It manages
the laundry process with assigning works to
workers. </p>
</div>
</div>
<div class="col-lg-4">
<div class="mb-4 d-flex flex-column justify-content-center gap-3"
style="border-radius: 12px;
border: 1px solid #B6BCCD;
background: #FFF;padding:32px ">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
<img src="./assets/icons/feature-icon.svg"
class="img-responsive" height="26px"
width="26px">
</div>
<h5 class="m-0"
style="color:#000 !important; font-weight:bold">
Laundry Order Analysis Report
</h5>
<p class="m-0"
style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
Can create
laundry order analysis report.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="mb-4 d-flex flex-column justify-content-center gap-3"
style="border-radius: 12px;
border: 1px solid #B6BCCD;
background: #FFF;padding:32px ">
<div class="d-flex justify-content-center align-items-center"
style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
<img src="./assets/icons/feature-icon.svg"
class="img-responsive" height="26px"
width="26px">
</div>
<h5 class="m-0"
style="color:#000 !important; font-weight:bold">
Using Washing Type and Additional Works.
</h5>
<p class="m-0"
style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
Laundry order
can be created by using different types of
washing and an additional works can be included
in the laundry order.
</p>
</div>
</div>
</div>
</div>
<!--code -->
<div class="my-5">
<div class="position-relative" style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
<div class="d-flex flex-column gap-4">
<span class="wrapper-subtitle"
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Laundry Management</span>
<h3 class="wrapper-details"
style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; ">
Are you ready to make your business more
organized?
<br> Improve now!
</h3>
<div class="d-flex gap-3">
<a href="mailto:odoo@cybrosys.com"
class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
border: 1px solid #ffffff33;
background-color: #ffffff14;
backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;">
<span style="border-radius: 12px;
background-color: #ffffff1a;
backdrop-filter: blur(6px);padding: 12px; ">
<img src="./assets/icons/banner-mail.svg">
</span>
<span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span>
</a>
<a href="tel:+91 9074270811" class="shop-btn"
style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px;
border: 1px solid #ffffff33;
background-color: #ffffff14;
backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;">
<span style="border-radius: 12px;
background-color: #ffffff1a;
backdrop-filter: blur(6px);padding: 12px;">
<img src="./assets/icons/banner-call.svg">
</span>
<span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span>
</a>
</div>
</div>
<div class="position-absolute bottom-0 end-0">
<img src="./assets/icons/banner-pattern.svg"
style="width: 540px;">
</div>
</div>
</div>
<!-- end-code -->
<!-- -->
<!-- screenshot and other -->
<div class="mb-4 bg-white"
style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;">
<div>
<ul class="nav nav-tabs justify-content-center bg-white py-2"
id="myTab" role="tablist"
style="border-radius: 6px 6px 0 0;">
<li class="nav-item">
<a aria-controls="overview"
aria-bs-selected="true"
class="nav-link active" data-bs-toggle="tab"
href="#overview" id="overview-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">
Screenshots</a>
</li>
<li class="nav-item">
<a aria-controls="feature"
aria-bs-selected="false"
class="nav-link py-2" data-bs-toggle="tab"
href="#feature" id="feature-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">Features</a>
</li>
<li class="nav-item">
<a aria-controls="faq" aria-bs-selected="false"
class="nav-link" data-bs-toggle="tab"
href="#faq" id="faq-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">
FAQs</a>
</li>
<li class="nav-item">
<a aria-controls="releases"
aria-bs-selected="false" class="nav-link"
data-bs-toggle="tab" href="#releases"
id="releases-tab" role="tab"
style="color:#121212; font-weight:500; font-size:16px">Releases</a>
</li>
</ul>
</div>
<div class="tab-content p-md-5 p-2 py-3" id="myTabContent">
<div aria-labelledby="overview-tab"
class="tab-pane fade show active" id="overview"
role="tabpanel">
<div class="position-relative mb-4"
style="border-radius:10px">
<img alt="acc_bg"
class="w-100 h-100 position-absolute img-fluid left_0"
loading="lazy"
src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f"
style="">
</div>
<!-- screenshots section-->
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Recording Laundry Order
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Laundry Management -> Laundry
Management -> Laundry Order
When you install this module, an
extra menu Laundry Management
will created in main menu. Youcan
see the different sub menus under
the main menu. Here you can create
Laundry Order via clicking the
'Create' button. There you can
specify the customer, laundry
person,
order lines with washing type and
Extra works for your orders.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/1.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Confirm the
</span>
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Laundry Order</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
When you confirm the Laundry Order
the corresponding works will created
under the assigned person.
There you can add extra products
also. It will also add in Billing.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/2.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Laundry Label
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
You can print label for each order
from the print menu.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/4.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> Laundry Works
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
Laundry Management -> Laundry
Management -> Laundry Works
This is the Separate Laundry Works
Form. Here you can see the work
status of Laundry Works.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/5.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Extra Works
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
If there is any extra works , it
will created as work When you finish
the main work. Then we
can see the status of that order
line is become 'Make Over'.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/6.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Invoice
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
You can create Invoice via the
button 'Create Invoice' when the
order reaches to 'Done' state.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/7.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Invoices Smart Button
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
You can see all the Invoice through
the smart button "Invoices" from the
Laundry Order form.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/8.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Configuration
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
You can configure washing types from
the menu Laundry Management ->
Configuration ->
Washing Type by specifying the name,
assigned person and service charge.
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/9.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
<div class="position-relative mb-4"
style="border-radius:10px; background-color:#f4f4f4">
<div class="p-md-5 p-3 position-relative">
<div class="row">
<div class="col-md-12">
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
font-weight: 700;">
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Additional Works
</span>
</h1>
</div>
<div class="col-md-12 mb-4">
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
You can configure additional works
from the menu Laundry Management ->
Configuration ->
Additional Works by specifying the
name, assigned person and service
charge
</p>
</div>
<div class="col-md-12 text-center">
<div class="d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
<img alt="" class="img-fluid"
loading="lazy"
src="./assets/screenshots/10.png"
style="min-height: 1px;">
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="feature-tab"
class="tab-pane fade show py-1" id="feature"
role="tabpanel">
<div class="row py-4">
<!-- Features Section -->
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Recording
Laundry Order.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Detailed Laundry
Work Analysis Report.</p>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12 p-3">
<div class="d-flex flex-column align-items-start h-100"
style="padding:30px; border-radius:12px; background-color:#faf8ff">
<div class="d-flex align-items-center justify-content-center">
<div class="d-flex align-items-center justify-content-center "
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
<i class="fa fa-star "
style="color:#fff; font-size:14px"></i>
</div>
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
Billing Facility
for Extra Works.</p>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="faq-tab"
class="tab-pane fade show" id="faq"
role="tabpanel">
<div class="row"
style=" background-color:#fff !important">
<div class="col-md-12" aria-labelledby="faq-tab"
id="faq" role="tabpanel">
<div class="accordion mb-4" id="accordion6">
<div style="background-color:#fff">
<!-- accordian -->
<div class="accordion"
id="accordion_faq">
<!-- Question 1 -->
<div class=""
style="margin:1rem 0rem">
<div aria-expanded="false"
class=" card-header collapsed"
data-bs-toggle="collapse"
data-bs-target="#collapseFAQOne"
href="#collapseFAQOne"
aria-controls="collapseFAQOne"
style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;">
<a class="card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
How can I track customer orders in the laundry management app?
<img alt=""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
</a>
</div>
<div class="accordion-collapse collapse"
aria-labelledby="collapseFAQOne"
data-bs-parent="#accordion_faq"
id="collapseFAQOne"
style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
<p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
You can easily track customer orders by navigating to the "Orders" section of the app. Here, you can view all current and past orders, including details like customer information, items submitted, and their status. You can also set reminders for due dates to ensure timely service.
</p>
</div>
</div>
<!-- Question 2 -->
<div style="margin:1rem 0rem">
<div aria-expanded="false"
class="cursor-pointer card-header collapsed"
data-bs-toggle="collapse"
aria-controls="collapseFAQThree"
data-bs-target="#collapseFAQThree"
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
<a class="card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
Does the app allow for pricing customization based on different laundry services?
<img alt=""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
</a>
</div>
<div class="accordion-collapse collapse"
aria-labelledby="collapseFAQThree"
data-bs-parent="#accordion_faq"
id="collapseFAQThree"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
<p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
Yes, the app allows you to customize pricing based on different services offered. You can set up various service categories, such as washing, ironing, and special treatments, and specify prices for each service type, ensuring accurate billing for your customers.
</p>
</div>
</div>
<!-- Question 3 -->
<div style="margin:1rem 0rem">
<div aria-expanded="false"
class="cursor-pointer card-header collapsed"
data-bs-toggle="collapse"
aria-controls="collapseFAQFour"
data-bs-target="#collapseFAQFour"
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
<a class="card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
Can I generate reports on laundry service performance with this app?
<img alt=""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
</a>
</div>
<div class="accordion-collapse collapse"
aria-labelledby="collapseFAQFour"
data-bs-parent="#accordion_faq"
id="collapseFAQFour"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
<p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
Absolutely! The app includes reporting features that allow you to generate detailed reports on various metrics, such as the number of orders processed, revenue generated, and customer feedback. These insights help you assess performance and identify areas for improvement.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="releases-tab"
class="tab-pane fade show" id="releases"
role="tabpanel">
<!-- Release Notes -->
<div class="row pt-5 m-0">
<div class="col-md-3">
<h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;">
Latest Release 18.0.1.0.0
</h4>
<span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;">
1st October, 2024
</span>
</div>
<div class="col-md-8">
<div style="padding:0 0 40px">
<div style="margin:0 0 10px">
<div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px">
Add
</div>
</div>
<div class="d-flex m-0"
style="color:#7A7979;">
<ul class="pl-3 mb-0">
<li>
Initial Commit
</li>
</ul>
</div>
</div>
<div style="padding:0 0 0; border-bottom:1px solid #E3E3E3">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- -->
<!-- related post -->
<!-- -->
<section class="oe_container mt32">
<h2 style="color: #091E42;font-family: &quot;Montserrat&quot;;text-align: center;margin: 25px auto;text-transform: uppercase;" class="oe_slogan">
<b>Related Products</b>
</h2>
<div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/1.gif" />
<h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo 17 Full Accounting Kit</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/2.gif" />
<h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Open HRMS Core</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/3.png"/>
<h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo17 Invoice Format Editor </h4>
</div>
</a>
</div>
</div>
<div class="carousel-item">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/4.png" />
<h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
User Log Details</h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/5.png" />
<h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo17 Product Barcode Generator </h4>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;">
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target="_blank" style="color: #000; text-decoration: none;">
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm">
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/6.jpg" />
<h4 class="mt0 text-truncate" style="text-align:center;width:100&#37; margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Send Whatsapp Message Odoo17</h4>
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-bs-slide="prev" style="margin-left: -30px;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="#demo" data-bs-slide="next" style="margin-right: -30px;width: 35px;color: #000;">
<span class="carousel-control-next-icon">
<i class="fa fa-chevron-right" style="font-size:24px"></i>
</span>
</a>
</div>
</section>
<!-- service-section -->
<section id="services" class="mt-5" style="border-radius: 16px;
border: 1px solid #EBEEF2;
background: var(--Neutral-N0, #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; gap: 16px; 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="./assets/icons/gear.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/wrench-icon.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/life-ring-icon.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/arrows-repeat.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/puzzle-piece-icon.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/odoo-consultancy.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/odoo-licencing.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
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; gap: 16px; 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="./assets/icons/hire-odoo.svg"
class="img-responsive"
height="28px" width="28px">
</div>
<span style="font-size: 18px;
color: var(--text-color);
font-weight: 600;">Hire Odoo Developer</span>
</div>
</a>
</div>
</div>
</div>
<!-- licence -->
<div class="tab-pane fade" id="profile" role="tabpanel"
aria-labelledby="profile-tab">
<div class="px-5">
....
</div>
</div>
<!-- -->
</div>
</section>
<!-- -->
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
$('.owl-carousel').owlCarousel({
rtl: true,
loop: true,
margin: 10,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 3
}
}
})
</script>
</html>