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.
673 lines
56 KiB
673 lines
56 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Project Templates</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;
|
|
font-weight: 500;
|
|
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-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,
|
|
.owl-carousel .owl-nav button.owl-next {
|
|
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-prev {
|
|
right: -36px;
|
|
}
|
|
|
|
.owl-carousel .owl-nav button.owl-next {
|
|
left: -36px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="my-5">
|
|
<div class="my-3 d-flex align-items-center justify-content-end">
|
|
<div class="text-center" style="background-color: #017e84; font-size: 0.8rem; color: #fff; font-weight: 500; padding: 4px; margin: 0 3px; border-radius: 50px; min-width: 120px;">
|
|
Community
|
|
</div>
|
|
<div class="text-center" style="background-color: #875a7b; color: #fff; font-size: 0.8rem; font-weight: 500; padding: 4px; margin: 0 3px; border-radius: 50px; min-width: 120px;">
|
|
Enterprise
|
|
</div>
|
|
<div class="text-center" style="background-color: #7c7bad; color: #fff; font-size: 0.8rem; font-weight: 500; padding: 4px; margin: 0 3px; border-radius: 50px; min-width: 120px;">
|
|
Odoo.sh
|
|
</div>
|
|
</div>
|
|
<div class="tab-content" id="my_TabContent">
|
|
<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 0 0;">
|
|
<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; color: #7f54b3; font-weight: 600; font-size: 14px; line-height: 15.96px;">
|
|
This App Allows Your Project Team To Create Project Template
|
|
</p>
|
|
<h1 class="text-center text-uppercase my-0" style="color: #121212; font-size: 46px; font-weight: 700; line-height: normal;">
|
|
Project Templates
|
|
</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="50%" height="auto" class="img-responsive" alt="Brand Pair">
|
|
</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" alt="Email Icon">
|
|
<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" alt="Skype Icon">
|
|
<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;" alt="Hero Image">
|
|
</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" alt="Banner Background">
|
|
</div>
|
|
<div class="position-absolute bottom-0 end-0" style="z-index: 2;">
|
|
<img src="./assets/icons/patter.svg" alt="Pattern">
|
|
</div>
|
|
</div>
|
|
<div 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; border-radius: 8px; height: 42px; width: 42px;">
|
|
<img src="./assets/icons/feature-icon.svg" class="img-responsive" height="26px" width="26px" alt="Feature Icon">
|
|
</div>
|
|
<h5 class="m-0" style="color: #000; font-weight: bold;">Project Template</h5>
|
|
<p class="m-0" style="font-size: 16px; color: #64728f; font-weight: 400;">
|
|
Allows to create Project from Project Template.
|
|
</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; border-radius: 8px; height: 42px; width: 42px;">
|
|
<img src="./assets/icons/feature-icon.svg" class="img-responsive" height="26px" width="26px" alt="Feature Icon">
|
|
</div>
|
|
<h5 class="m-0" style="color: #000; font-weight: bold;">Tasks and Sub-tasks</h5>
|
|
<p class="m-0" style="font-size: 16px; color: #64728f; font-weight: 400;">
|
|
Multiple levels of tasks and sub tasks from template.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="my-5">
|
|
<div class="position-relative" style="padding: 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;">
|
|
Project Templates
|
|
</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; text-decoration: none;">
|
|
<span style="border-radius: 12px; background-color: #ffffff1a; backdrop-filter: blur(6px); padding: 12px;">
|
|
<img src="./assets/icons/banner-mail.svg" alt="Mail Icon">
|
|
</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" alt="Call Icon">
|
|
</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;" alt="Banner Pattern">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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);">
|
|
<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 class="nav-link active" id="overview-tab" data-bs-toggle="tab" href="#overview" role="tab" aria-controls="overview" aria-selected="true" style="color: #121212; font-weight: 500; font-size: 16px;">Screenshots</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="feature-tab" data-bs-toggle="tab" href="#feature" role="tab" aria-controls="feature" aria-selected="false" style="color: #121212; font-weight: 500; font-size: 16px;">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="faq-tab" data-bs-toggle="tab" href="#faqs" role="tab" aria-controls="faq" aria-selected="false" style="color: #121212; font-weight: 500; font-size: 16px;">FAQs</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="releases-tab" data-bs-toggle="tab" href="#releases" role="tab" aria-controls="releases" aria-selected="false" style="color: #121212; font-weight: 500; font-size: 16px;">Releases</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content p-md-5 p-2 py-3" id="myTabContent">
|
|
<div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
|
|
<div class="position-relative mb-4" style="border-radius: 10px;">
|
|
<img alt="Background" 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">
|
|
</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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">Create a new</span>
|
|
<span style="color: #7f54b3;">Project Templates</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;">
|
|
<strong>Project -> Configuration -> Project Templates</strong>
|
|
</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="Screenshot 1" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot1.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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">Configure</span>
|
|
<span style="color: #7f54b3;">Template</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;">
|
|
Specify the Template Name and add Tasks, Click on View Task to view the details of the Task.
|
|
</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="Screenshot 2" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot2.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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">Can Create</span>
|
|
<span style="color: #7f54b3;">Sub Tasks</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;">
|
|
You can create Multiple Levels of Sub-tasks for Specified Task by click on Add a line button.
|
|
</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="Screenshot 3" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot3.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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">Create Project using</span>
|
|
<span style="color: #7f54b3;">Template</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;">
|
|
Select the Project Template and Click on the Create Project from Template to Create a Project using the Project 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="Screenshot 4" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot4.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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">Tasks same as</span>
|
|
<span style="color: #7f54b3;">Template</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;">
|
|
You can see the Tasks are created as configured in the 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="Screenshot 5" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot5.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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">View of</span>
|
|
<span style="color: #7f54b3;">Tasks</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;">
|
|
Here is a list of Tasks for the specific Project, and some of these Tasks contain Sub-tasks, as shown in the screenshot.
|
|
</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="Screenshot 6" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot6.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: 700; font-size: 40px; line-height: 120%; text-align: center; text-transform: capitalize;">
|
|
<span style="color: #121212;">View of</span>
|
|
<span style="color: #7f54b3;">Sub Tasks</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;">
|
|
Tasks -> Sub-tasks. Tasks that Include Sub-Tasks.
|
|
</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="Screenshot 7" class="img-fluid" loading="lazy" src="./assets/screenshots/screenshot7.png" style="min-height: 1px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade py-1" id="feature" role="tabpanel" aria-labelledby="feature-tab">
|
|
<div class="row py-4">
|
|
<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 in Odoo 18.0 Community, Enterprise
|
|
</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;">
|
|
Multiple levels of tasks and sub tasks from template
|
|
</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;">
|
|
Allows to create Project from Project Template
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="faqs" role="tabpanel" aria-labelledby="faq-tab">
|
|
<div class="row" style="background-color: #fff;">
|
|
<div class="col-md-12">
|
|
<div class="accordion mb-4" id="accordion_faq">
|
|
<div style="margin: 1rem 0;">
|
|
<div class="card-header collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFAQOne" aria-expanded="false" 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;">
|
|
Can I create multiple templates for different use cases?
|
|
<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 id="collapseFAQOne" class="accordion-collapse collapse" aria-labelledby="collapseFAQOne" data-bs-parent="#accordion_faq" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
|
<p style="padding: 0.75rem 1.25rem; font-size: 16px; line-height: 27px; color: #888; font-weight: normal; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
|
You can create as many project templates as needed
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div style="margin: 1rem 0;">
|
|
<div class="card-header collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFAQThree" aria-expanded="false" aria-controls="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;">
|
|
Is it possible to update the template later?
|
|
<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 id="collapseFAQThree" class="accordion-collapse collapse" aria-labelledby="collapseFAQThree" data-bs-parent="#accordion_faq" style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
|
<p style="padding: 0.75rem 1.25rem; font-size: 16px; line-height: 27px; color: #888; font-weight: normal; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
|
|
You can modify an existing template at any time. However, changes will only affect future projects created using that template
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="releases" role="tabpanel" aria-labelledby="releases-tab">
|
|
<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;">
|
|
09th July, 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; border-bottom: 1px solid #e3e3e3;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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">
|
|
<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/project_progress_bar" 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/b1.png" alt="Project Progress Bar">
|
|
<h4 class="mt0 text-truncate" style="text-align: center; width: 100%; margin-bottom: 8px; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;">
|
|
Project and Task Progress Status
|
|
</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/projects_task_checklists" 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/b02.png" alt="Project Task Checklist">
|
|
<h4 class="mt0 text-truncate" style="text-align: center; width: 100%; margin-bottom: 8px; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;">
|
|
Project Task Checklist
|
|
</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/project_task_attachments" 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/b03.png" alt="Project Task Attachments">
|
|
<h4 class="mt0 text-truncate" style="text-align: center; width: 100%; margin-bottom: 8px; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;">
|
|
Project And Task Attachments
|
|
</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/purchase_requisition_project_task" 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/b4.png" alt="Purchase Requisition">
|
|
<h4 class="mt0 text-truncate" style="text-align: center; width: 100%; margin-bottom: 8px; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;">
|
|
Purchase Requisition & Project Task Integration
|
|
</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/project_task_access" 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/b5.png" alt="Users Restriction">
|
|
<h4 class="mt0 text-truncate" style="text-align: center; width: 100%; margin-bottom: 8px; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;">
|
|
Users Restriction For Project And Task
|
|
</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/task_deadline_reminder" 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/b06.png" alt="Task Deadline Reminder">
|
|
<h4 class="mt0 text-truncate" style="text-align: center; width: 100%; margin-bottom: 8px; font-weight: 600; padding-top: 16px; font-size: 18px; padding-bottom: 8px; margin-bottom: 0;">
|
|
Task Deadline Reminder
|
|
</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
<section id="services" class="mt-5" style="border-radius: 16px; border: 1px solid #ebeef2; background: #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-weight: 700; 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="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" alt="Gear Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Wrench Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Life Ring Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Arrows Repeat Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Puzzle Piece Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Odoo Consultancy Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Odoo Licensing Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; 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="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" alt="Hire Odoo Icon">
|
|
</div>
|
|
<span style="font-size: 18px; color: #121212; font-weight: 600;">Hire Odoo Developer</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
|
|
<div class="px-5">
|
|
<!-- License content placeholder -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
$(document).ready(function() {
|
|
$('.owl-carousel').owlCarousel({
|
|
rtl: true,
|
|
loop: true,
|
|
margin: 10,
|
|
nav: true,
|
|
responsive: {
|
|
0: { items: 1 },
|
|
600: { items: 3 },
|
|
1000: { items: 3 }
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|