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.
1551 lines
107 KiB
1551 lines
107 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Franchise 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>
|
|
<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;">
|
|
This Module Helps To Manage The Franchise In Odoo.
|
|
</p>
|
|
<h1 class="text-center text-uppercase my-0"
|
|
style="
|
|
color: #121212;
|
|
font-size: 46px;
|
|
font-weight: 700;
|
|
line-height: normal;
|
|
">Franchise 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/icons/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">Franchise Request & Approval
|
|
</h5>
|
|
<p class="m-0"
|
|
style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">Website users can request a franchise via a form. Admins review, approve, and send contracts for digital signing.
|
|
</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">Automated User Onboarding
|
|
</h5>
|
|
<p class="m-0"
|
|
style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">Once the contract is signed, the franchisee is converted into a portal user, receiving login credentials and renewal reminders.
|
|
</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">Sales & Performance Tracking
|
|
</h5>
|
|
<p class="m-0"
|
|
style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;">Monthly sales feedback is collected via email forms, enabling admins to generate reports and track franchise growth.
|
|
</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; font-family: Montserrat;">Franchise 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)">Franchise Registration Form.
|
|
</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:#64728f">
|
|
Customer can submit the franchise requests from website.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-12 mb-4">
|
|
|
|
</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/ss1.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;">
|
|
Franchise Agreement Type.
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="col-md-12 text-center">
|
|
<div class="d-inline-block p-3 shadow-sm"
|
|
style="background-color:#fff; border-radius:10px">
|
|
<div class="col-md-12 mb-4">
|
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f">
|
|
Customer can select his Franchise Agreement Type.
|
|
</p>
|
|
</div>
|
|
<img alt="" class="img-fluid"
|
|
loading="lazy"
|
|
src="./assets/screenshots/ss2.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;">
|
|
Franchise Registrations.
|
|
</h1>
|
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
|
|
User can manage all the website Franchise Requests in backend.
|
|
</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/ss3.png"
|
|
style="min-height: 1px;">
|
|
</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;">
|
|
</h1>
|
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
|
|
Admin user can Accept or Cancel the Registration.
|
|
</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/ss4.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)">Franchise Agreement.
|
|
</span>
|
|
</h1>
|
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">Based on the Agreement Type chosen by the customer from the website,
|
|
Agreement format will be automatically filled to the backend.</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/ss5.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: var(--primary-color); font-size:calc(1.1rem + 1vw)">After verifying the registration admin can send the
|
|
franchise dealership contract to the customer via mail mentioned in registration form.</span>
|
|
|
|
</h1>
|
|
</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/ss6.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>Send contract to customer.</span>
|
|
</h1>
|
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
|
|
In the mail template a pdf contract with all the terms and
|
|
conditions are attached along with a button to sign and confirm
|
|
the contract.
|
|
</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/ss7.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>Franchise request portal view</span>
|
|
</h1>
|
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)">
|
|
</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/ss18.webp"
|
|
style="min-height: 1px;">
|
|
<img alt="" class="img-fluid"
|
|
loading="lazy"
|
|
src="./assets/screenshots/ss19.webp"
|
|
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;">
|
|
Sign and confirm the contract.
|
|
</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)">
|
|
Customer will be redirected to the customer portal and from there
|
|
he can sign and confirm the contract.
|
|
</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/ss8.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)">Customer can Sign or Reject the Franchise
|
|
Dealership contract.
|
|
</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)">
|
|
</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/ss9.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)">Accept and Sign.
|
|
</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)">
|
|
The sign will be added to the portal template.
|
|
</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/ss10.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)">
|
|
</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)">
|
|
</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/ss11.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)">The Customer will be created as Dealer.
|
|
</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)">
|
|
After sign the contract, the customer will be converted as the
|
|
franchise dealer.He has the portal user access now.
|
|
A confirmation mail also sent to him about
|
|
notifying the email and password to log into the portal.
|
|
The sign and signed date will also be recorded in the backend.
|
|
</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/ss12.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)">Admin user can request the sales feedback of the
|
|
franchise products.
|
|
</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)">
|
|
On click of request sale feedback button , a request mail will
|
|
be sent to the dealer about submitting the monthly sales review
|
|
of the franchise product.
|
|
</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/ss13.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)">Monthly sales feedback form.
|
|
</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)">
|
|
The email template contains a button to redirect to the sales
|
|
feedback 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/ss14.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)">Submitted sales feedbacks will be recorded in
|
|
the backend.
|
|
</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)">
|
|
</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/ss15.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)">Admin can manage the sales feedbacks.
|
|
</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)">
|
|
</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/ss16.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)">Portal franchise registrations.
|
|
</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)">
|
|
</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/ss17.png"
|
|
style="min-height: 1px;">
|
|
</div>
|
|
</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">
|
|
User Friendly Interface.</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">
|
|
Compatible with Community, Enterprise, and Odoo.sh</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">
|
|
User can manage all the website Franchise Requests in backend.</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">
|
|
Admin user can Accept or Cancel the Franchise Requests based on the details.</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">
|
|
After approving admin can send contract to the customer.</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">
|
|
Customer can agree the terms and conditions and sign the
|
|
contract through portal.</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">
|
|
Every year after he signed the contract, he will get a
|
|
contract renewal email.</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">
|
|
Admin can request the monthly franchise sales feedback.</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">
|
|
Available both Franchise Registrations and Franchise Sales
|
|
Feedback Reports.</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">
|
|
Admin can manage all Registrations in website portal account
|
|
also.</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">
|
|
What is the purpose of this module?
|
|
<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">
|
|
This module allows businesses to manage franchise registration requests, contracts, and feedback directly from the Odoo backend and portal. It simplifies franchise operations by digitizing the process from registration to annual renewal.
|
|
</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">
|
|
How does the franchise registration process work?
|
|
<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">
|
|
Customers can submit a franchise request through the website. Once submitted, the admin can review, accept, or cancel the request from the backend.
|
|
</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 send contracts to approved franchise applicants?
|
|
<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">
|
|
Yes, once a request is approved, the admin can send a franchise contract to the customer for review and signature.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- Question 4 -->
|
|
<div style="margin:1rem 0rem">
|
|
<div aria-expanded="false"
|
|
class="cursor-pointer card-header collapsed"
|
|
data-bs-toggle="collapse"
|
|
aria-controls="collapseFAQFive"
|
|
data-bs-target="#collapseFAQFive"
|
|
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">
|
|
How do customers sign the contract?
|
|
<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="collapseFAQFive"
|
|
data-bs-parent="#accordion_faq"
|
|
id="collapseFAQFive"
|
|
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">
|
|
Customers can log into their portal account and review, agree to the terms, and sign the contract digitally.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- Question 5 -->
|
|
<div style="margin:1rem 0rem">
|
|
<div aria-expanded="false"
|
|
class="cursor-pointer card-header collapsed"
|
|
data-bs-toggle="collapse"
|
|
aria-controls="collapseFAQSix"
|
|
data-bs-target="#collapseFAQSix"
|
|
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 collect monthly sales feedback from franchisees?
|
|
<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="collapseFAQSix"
|
|
data-bs-parent="#accordion_faq"
|
|
id="collapseFAQSix"
|
|
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 admin can send monthly sales feedback requests and manage responses through the backend.
|
|
</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;">
|
|
05th April, 2025
|
|
</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: "Montserrat";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/18.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.jpg"/>
|
|
<h4 class="mt0 text-truncate"
|
|
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
|
|
Odoo 18 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/18.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.jpg"/>
|
|
<h4 class="mt0 text-truncate"
|
|
style="text-align:center;width:100% 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/18.0/woo_commerce"
|
|
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.jpg"/>
|
|
<h4 class="mt0 text-truncate"
|
|
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
|
|
Odoo WooCommerce Connector </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/18.0/dynamic_accounts_report"
|
|
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% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
|
|
Odoo18 Dynamic Accounting Reports</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/18.0/hide_menu_user" 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.jpg"/>
|
|
<h4 class="mt0 text-truncate"
|
|
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
|
|
Hide Any Menu User Wise</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/18.0/odoo_dynamic_dashboard"
|
|
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.gif"/>
|
|
<h4 class="mt0 text-truncate"
|
|
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
|
|
Odoo Dynamic Dashboard</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>
|