@ -96,20 +96,46 @@
<!-- 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 class = "supports my-5 py-3" style = "border-bottom: 1px solid #e7e7e7;" >
< div class = "row justify-content-between" >
< div class = "col-4" >
< / div >
< div class = "col-6" >
< div class = "row" style = "margin-top:10px" >
< div class = "my-3 d-flex align-items-center justify-content-end" >
< span class = "me-3" > < b > Supports: < / b > < / span >
< 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 >
< div class = "row" style = "margin-top:10px" >
< div class = "d-flex align-items-center justify-content-end" >
< span class = "me-3" > < b > Availability: < / b > < / span >
< div class = "text-center col"
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
< i class = "fa fa-check" style = "color:green" > < / i > On Premise
< / div >
< div class = "text-center col"
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
< i class = "fa fa-check" style = "color:green" > < / i > Odoo.sh
< / div >
< div class = "text-center col"
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important">
< i class = "fa fa-times" style = "color:red" > < / i > Odoo Online
< / div >
< / div >
< / div >
< / div >
< / 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"
@ -154,33 +180,34 @@
< 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;
"
font-family: Montserrat;
display: inline-block;
padding: 7px 33px;
border: 1px solid #7f54b3;
color: #7f54b3;
text-decoration: none;
width: 231px;
"
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
>
>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;
"
background-color: #7f289b;
font-family: Montserrat;
display: inline-block;
padding: 7px 33px;
border: 1px solid #7f289b;
border-radius: 35px;
text-decoration: none;
width: 231px;
"
class="mx-1 mb-2 deep-1 deep_hover">
< img
class="img"
@ -190,10 +217,35 @@
< span
class="pl-2"
style="color: #fff; font-size: 16px; vertical-align: middle"
>Skype Us< /span
>
>Skype Us< / span >
< / a >
< a href = "https://wa.me/9074270811"
target="_blank"
style="
background-color: #25D366;
font-family: Montserrat;
display: inline-block;
color: #7f54b3;
padding: 7px 33px;
border: 1px solid #25D366;
border-radius: 35px;
text-decoration: none;
width: 230px;
"
class="mx-1 mb-2 deep-1 deep_hover">
< img
class="img"
style="width: 24px"
src="./assets/icons/whatsapp.svg"
/>
< span
class="pl-2"
style="color: #fff; font-size: 15px; vertical-align: middle"
>+91 9074270811< / span >
< / a >
< / div >
< div class = "d-flex justify-content-center mt-2" >
< img src = "./assets/screenshots/hero.gif"
class="w-100"
@ -210,6 +262,54 @@
< img src = "./assets/icons/patter.svg" >
< / div >
< / div >
<!-- video blog link section -->
< div style = "background-color: #ffffff; border: 1px solid #e7e7e7; padding: 40px; border-radius: 12px; text-align: center; color: #000; margin-top: 34px;" >
< h1 style = "font-size: 32px; font-weight: bold; margin-bottom: 0px;" >
Blog and Video Details
< / h1 >
< div style = "margin-top: 30px;display: flex; gap: 20px; justify-content: center; align-items: center;" >
< div style = "width: 100%;" >
< div style = "background-color: #F7F3FF; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;" >
< div style = "margin-bottom: 24px;" >
< img src = "./assets/icons/blog-icon.png"
style="padding: 10px; background-color: #E9E4F5;border-radius: 12px;">
< / div >
< h3 style = "color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;" > Read
Blog< / h3 >
< p style = "color: #666666; font-size: 16px; margin-bottom: 24px;" > Read Our Detailed
Blog< / p >
< div style = "display: flex; align-items: center; gap: 12px; background-color: black; padding: 8px; border-radius: 8px;" >
< div >
< img src = "./assets/icons/copylink.svg" >
< / div >
< p style = "padding-top: 7px; border: none; width: 368px; background: transparent; outline: none; color: #fff;text-overflow: ellipsis !important; margin: 0; overflow: hidden !important; white-space: nowrap;font-weight: bold;" >
https://www.cybrosys.com/blog/what-are-the-features-and-benefits-of-odoo-17-dynamic-dashboard
< / p >
< / div >
< / div >
< / div >
< div style = "width: 100%;" >
< div style = "background-color: #FFF5F5; min-height: 289px; border-radius: 12px; padding: 32px; text-align: left;margin-left: 30px;" >
< div style = "margin-bottom: 24px;" >
< img src = "./assets/icons/youtube-icon.png"
style="padding: 10px; background-color: #FFDCDC;border-radius: 12px;">
< / div >
< h3 style = "color: #121212; font-size: 24px; font-weight: 700; margin-bottom: 12px;" >
Video Tutorial< / h3 >
< p style = "color: #666666; font-size: 16px; margin-bottom: 28px;" > Watch Detailed Demo on
Youtube< / p >
< a href = "https://www.youtube.com/watch?v=bSUashq4_D8" target = "_blank"
style="display: inline-block; text-decoration: none; background-color: #FF3636; color: white; width: 100%; text-align: center; padding: 13px 32px; border-radius: 8px; font-weight: bold;">Watch
Demo< / a >
< / div >
< / div >
< / div >
< / div >
<!-- key - highlight -->
< div class = "" style = "border-radius: 16px ;
padding: 60px 40px;
@ -296,7 +396,8 @@
< / div >
<!-- code -->
< div class = "my-5" >
< div class = "position-relative" style = " padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;" >
< 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;">Odoo Dynamic Dashboard< / span >
@ -429,7 +530,9 @@
< / 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" > The tiled view of the records in Odoo is also clickable; when you click on a record, you will be directed to the records tree view.
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
The tiled view of the records in Odoo is also clickable; when you click
on a record, you will be directed to the records tree view.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -456,7 +559,9 @@
< / 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" > The chart view of the records in Odoo is provided in the dashboard based on the filtering.
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
The chart view of the records in Odoo is provided in the dashboard based
on the filtering.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -478,7 +583,9 @@
< div class = "col-md-12" >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" > Clicking on various icons generates different types of chart data, which can be exported as image, PDF, CSV, and XLSX formats.
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Clicking on various icons generates different types of chart data, which
can be exported as image, PDF, CSV, and XLSX formats.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -500,7 +607,9 @@
< div class = "col-md-12" >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" > By clicking cross icon you can delete the chart and also the same for tile.
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
By clicking cross icon you can delete the chart and also the same for
tile.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -522,7 +631,8 @@
< div class = "col-md-12" >
< / 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 Type Of The Item.
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Select Type Of The Item.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -545,7 +655,9 @@
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
When choosing the "Tile" option, input a name for the tile, select a model, operation type, and measured field. Additionally, customize the tile with an icon and color.
When choosing the "Tile" option, input a name for the tile, select a
model, operation type, and measured field. Additionally, customize the
tile with an icon and color.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -567,7 +679,11 @@
< div class = "col-md-12" >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" > When opting for "Charts," provide a name for the chart, select a model, operation type, and measured field, along with filters. Additionally, choose the chart type, set its size, and specify the grouping for the Y-axis.
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
When opting for "Charts," provide a name for the chart, select a model,
operation type, and measured field, along with filters. Additionally,
choose the chart type, set its size, and specify the grouping for the
Y-axis.
< / p >
< / div >
< div class = "col-md-12 text-center" >
@ -589,11 +705,12 @@
< 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)" > Edit Layout< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Edit Layout< / 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 change the position of the item and resize the item.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
You can change the position of the item and resize the item.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -614,7 +731,9 @@
< div class = "col-md-12" >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" > By double-clicking the tile, it will redirect to the corresponding tree view.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
By double-clicking the tile, it will redirect to the corresponding tree
view.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -635,7 +754,8 @@
< div class = "col-md-12" >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" > Dark mode.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Dark mode.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -656,11 +776,13 @@
< 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)" > Dashboard Menu< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Dashboard Menu< / 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 add dashboard menu in any module. Add a name for the menu and select the parent menu also.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
You can add dashboard menu in any module. Add a name for the menu and
select the parent menu also.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -681,11 +803,13 @@
< 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)" > Dashboard Block< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Dashboard Block< / 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 all the tiles and charts created in the Dashboard Block menu.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
You can see all the tiles and charts created in the Dashboard Block
menu.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -706,11 +830,13 @@
< 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)" > Dashboard Theme< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Dashboard Theme< / 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" > Customize the Dashboard Theme via Configuration > Dashboard Theme. Then, choose the configured theme for your dashboard.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Customize the Dashboard Theme via Configuration > Dashboard Theme. Then,
choose the configured theme for your dashboard.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -735,11 +861,13 @@
< 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)" > Print PDF< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Print PDF< / 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" > Print & Mail whole dashboard in PDF format by clicking the PDF or Mail icon.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Print & Mail whole dashboard in PDF format by clicking the PDF or Mail
icon.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -764,11 +892,13 @@
< 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)" > Send Mail< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Send Mail< / 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" > Clicking the Mail icon brings up a wizard, where you can select users and then click the SEND button.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Clicking the Mail icon brings up a wizard, where you can select users
and then click the SEND button.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -789,11 +919,13 @@
< 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)" > Demo Mail< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Demo Mail< / 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" > Clicking the Mail icon brings up a wizard, where you can select users and then click the SEND button.< / p >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f" >
Clicking the Mail icon brings up a wizard, where you can select users
and then click the SEND button.< / p >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
@ -837,7 +969,8 @@
< 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" > Easily Create Dynamic Charts And Tiles< / p >
< p style = "color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px" >
Easily Create Dynamic Charts And Tiles< / p >
< / div >
< / div >
< / div >
@ -850,9 +983,10 @@
< 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" > Create A Dynamic Dashboard Menu In Any Model< / p >
< p style = "color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px" >
Create A Dynamic Dashboard Menu In Any Model< / p >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-6 col-sm-12 p-3" >
< div class = "d-flex flex-column align-items-start h-100"
@ -863,9 +997,10 @@
< 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" > Charts Can Export Into Image, PDF, XLSX And CSV.< / p >
< p style = "color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px" >
Charts Can Export Into Image, PDF, XLSX And CSV.< / p >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-6 col-sm-12 p-3" >
< div class = "d-flex flex-column align-items-start h-100"
@ -876,7 +1011,8 @@
< 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" > Edit And Configure Charts And Tiles.< / p >
< p style = "color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px" >
Edit And Configure Charts And Tiles.< / p >
< / div >
< / div >
< / div >
@ -905,7 +1041,8 @@
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 use any model for the dashboard?
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">Can
I use any model for the dashboard?
< img alt = ""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
@ -917,7 +1054,8 @@
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 you can use.
< 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 you can use.
< / p >
< / div >
< / div >
@ -943,7 +1081,8 @@
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" > You can.
< 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.
< / p >
< / div >
< / div >
@ -994,84 +1133,111 @@
<!-- 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/17.0/base_accounting_kit" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/1.gif" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Odoo 17 Full Accounting Kit< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/ohrms_core" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/2.gif" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Open HRMS Core< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/3.png" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Odoo17 Invoice Format Editor < / h4 >
< / div >
< / a >
< / div >
< / div >
< div class = "carousel-item" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/login_user_detail" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/4.png" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
User Log Details< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/product_barcode" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/5.png" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Odoo17 Product Barcode Generator < / h4 >
< / div >
< / a >
< 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/17.0/base_accounting_kit"
target="_blank" style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/1.gif"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo 17 Full Accounting Kit< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/ohrms_core" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/2.gif"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Open HRMS Core< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/invoice_format_editor"
target="_blank" style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/3.png"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo17 Invoice Format Editor < / h4 >
< / div >
< / a >
< / div >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/6.jpg" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Send Whatsapp Message Odoo17< / h4 >
< / div >
< / a >
< div class = "carousel-item" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/login_user_detail" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/4.png"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
User Log Details< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/product_barcode" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/5.png"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo17 Product Barcode Generator < / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/6.jpg"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Send Whatsapp Message Odoo17< / h4 >
< / div >
< / a >
< / div >
< / div >
< / div >
< / div >
<!-- Left and right controls -->
< a class = "carousel-control-prev" href = "#demo" data-bs-slide = "prev" style = "margin-left: -30px;width: 35px;color: #000;" >
<!-- 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;" >
< / 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 >
< / a >
< / div >
< / section >
<!-- service - section -->
< section id = "services" class = "mt-5" style = "border-radius: 16px ;