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.
467 Commits
14 Branches
0 Tags
6.8 GiB
 
 
 
 
 
Tree: 9631fe10e7
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9631fe10e7'
${ noResults }
CybroAddons/employee_ideas/static/description/index.html

1078 lines
68 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>Employee Ideas</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;
">
Share the Ideas of an Employee to Others.
</p>
<h1 class="text-center text-uppercase my-0"
style="
color: #121212;
font-size: 46px;
font-weight: 700;
line-height: normal;
">Employee Ideas</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">
An employee can easily share their ideas with
others.
</h5>
</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">
HR officer can create Idea types, and employees
can create the idea under that.
</h5>
</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">
The other employees can vote or comment the
ideas, thus they can easily.
</h5>
</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;">Employee Ideas</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)"> Set access right for HR officer.
</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/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)"> Set access right for employee.
</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/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)"> HR officer can create new Idea type, under
which an employee can create the ideas.
</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/3.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 employee can create an idea and send
for the approval.
</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/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)"> HR officer have the option to approve and
reject the idea. Employees can vote only
for the approved ideas
</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/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)"> Give vote button will be only visible to
the employees that belong to the
departments specified under each Idea Type
</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/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)"> While clicking on the 'Give Vote' button a
wizard will open, and in that have options
to
specify the comments and to give the
vote.And also we are able to prioritize the
idea.
</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/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)"> It is very easy to track the vote
</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/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)">We can see the number of votes gained by
each idea in the top right corner.
</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/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)"> It is easy to give and trace the
comments.
</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/10.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)"> It is very easy to analyse the idea that
created under each Idea Type. In this view
we can
see the number of minimum vote required and
total number of idea created under this
idea type.We can see the status of each
idea.
</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/11.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">
An employee can easily share their ideas with others.</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">
The other
employees can vote or comment the ideas, thus they can easily
express their opinion.</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">
Does it work with odoo sh?
<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">
Yes. it works with Odoosh.
</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;">
13th January, 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: &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/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&#37; 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&#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/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&#37; 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&#37; 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&#37; 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&#37; 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>