|
@ -91,7 +91,15 @@ |
|
|
<!-- button tab --> |
|
|
<!-- button tab --> |
|
|
<!-- --> |
|
|
<!-- --> |
|
|
<!-- version support --> |
|
|
<!-- version support --> |
|
|
|
|
|
<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"> |
|
|
<div class="my-3 d-flex align-items-center justify-content-end"> |
|
|
|
|
|
<span class="me-3"><b>Supports: </b></span> |
|
|
<div class="text-center" |
|
|
<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"> |
|
|
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 |
|
|
Community |
|
@ -100,9 +108,26 @@ |
|
|
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"> |
|
|
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 |
|
|
Enterprise |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center" |
|
|
</div> |
|
|
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"> |
|
|
</div> |
|
|
Odoo.sh |
|
|
<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; 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> 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> |
|
|
</div> |
|
|
</div> |
|
|
<div class="tab-content" id="myTabContent"> |
|
|
<div class="tab-content" id="myTabContent"> |
|
@ -146,6 +171,9 @@ |
|
|
style="width: 50%" |
|
|
style="width: 50%" |
|
|
class="img-responsive"/> |
|
|
class="img-responsive"/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Social Media --> |
|
|
|
|
|
|
|
|
<div class="col-md-12 text-center"> |
|
|
<div class="col-md-12 text-center"> |
|
|
<a href="mailto:odoo@cybrosys.com" |
|
|
<a href="mailto:odoo@cybrosys.com" |
|
|
target="_blank" |
|
|
target="_blank" |
|
@ -153,9 +181,10 @@ |
|
|
font-family: Montserrat; |
|
|
font-family: Montserrat; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
padding: 7px 33px; |
|
|
padding: 7px 33px; |
|
|
border: 1px solid var(--primary-color); |
|
|
border: 1px solid #7f54b3; |
|
|
color: var(--primary-color); |
|
|
color: #7f54b3; |
|
|
text-decoration: none; |
|
|
text-decoration: none; |
|
|
|
|
|
width: 231px; |
|
|
" |
|
|
" |
|
|
class="mx-1 mb-2 deep-1 deep_hover"> |
|
|
class="mx-1 mb-2 deep-1 deep_hover"> |
|
|
<img class="img" |
|
|
<img class="img" |
|
@ -163,8 +192,7 @@ |
|
|
src="./assets/icons/mail.svg"/> |
|
|
src="./assets/icons/mail.svg"/> |
|
|
<span class="pl-2" |
|
|
<span class="pl-2" |
|
|
style=" font-size: 16px; vertical-align: middle" |
|
|
style=" font-size: 16px; vertical-align: middle" |
|
|
>Email Us</span |
|
|
>Email Us</span> |
|
|
> |
|
|
|
|
|
</a> |
|
|
</a> |
|
|
<a href="skype:cybroopenerp?chat" |
|
|
<a href="skype:cybroopenerp?chat" |
|
|
target="_blank" |
|
|
target="_blank" |
|
@ -176,6 +204,7 @@ |
|
|
border: 1px solid #7f289b; |
|
|
border: 1px solid #7f289b; |
|
|
border-radius: 35px; |
|
|
border-radius: 35px; |
|
|
text-decoration: none; |
|
|
text-decoration: none; |
|
|
|
|
|
width: 231px; |
|
|
" |
|
|
" |
|
|
class="mx-1 mb-2 deep-1 deep_hover"> |
|
|
class="mx-1 mb-2 deep-1 deep_hover"> |
|
|
<img |
|
|
<img |
|
@ -186,10 +215,35 @@ |
|
|
<span |
|
|
<span |
|
|
class="pl-2" |
|
|
class="pl-2" |
|
|
style="color: #fff; font-size: 16px; vertical-align: middle" |
|
|
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> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-center mt-2"> |
|
|
<div class="d-flex justify-content-center mt-2"> |
|
|
<img src="hero.gif" |
|
|
<img src="hero.gif" |
|
|
class="w-100" |
|
|
class="w-100" |
|
@ -206,6 +260,102 @@ |
|
|
<img src="./assets/icons/patter.svg"> |
|
|
<img src="./assets/icons/patter.svg"> |
|
|
</div> |
|
|
</div> |
|
|
</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/how-to-hide-specific-menus-for-individual-users-in-odoo-18 |
|
|
|
|
|
</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://youtu.be/gE4jemqH8dw" 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> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--black banner section --> |
|
|
|
|
|
<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;">Hide Any Menu User Wise</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 --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- key-highlight --> |
|
|
<!-- key-highlight --> |
|
|
<div class="" style="border-radius: 16px; |
|
|
<div class="" style="border-radius: 16px; |
|
|
padding: 60px 40px; |
|
|
padding: 60px 40px; |
|
@ -265,55 +415,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!--code --> |
|
|
|
|
|
<div class="my-5"> |
|
|
|
|
|
<div style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px; position: relative;"> |
|
|
|
|
|
<div class="wrapper-info" |
|
|
|
|
|
style="display: flex; flex-direction: column; gap: 20px;"> |
|
|
|
|
|
<span class="wrapper-subtitle" |
|
|
|
|
|
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Hide Any Menu User Wise</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 var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20)); |
|
|
|
|
|
background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%); |
|
|
|
|
|
backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;"> |
|
|
|
|
|
<span style="border-radius: 12px; |
|
|
|
|
|
background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); |
|
|
|
|
|
backdrop-filter: blur(6px);padding: 12px;"> |
|
|
|
|
|
<img src="./assets/icons/banner-mail.svg"> |
|
|
|
|
|
</span> |
|
|
|
|
|
<span style="font-weight: 500;">odoo@cybrosys.com</span> |
|
|
|
|
|
</a> |
|
|
|
|
|
<a href="https://wa.me/919074270811" |
|
|
|
|
|
target="_blank" class="shop-btn" |
|
|
|
|
|
style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; |
|
|
|
|
|
border: 1px solid var(--DarkOverlayElement-DO20, rgba(255, 255, 255, 0.20)); |
|
|
|
|
|
background: linear-gradient(93deg, rgba(255, 255, 255, 0.08) 6.01%, rgba(255, 255, 255, 0.17) 90.83%); |
|
|
|
|
|
backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;"> |
|
|
|
|
|
<span style="border-radius: 12px; |
|
|
|
|
|
background: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); |
|
|
|
|
|
backdrop-filter: blur(6px);padding: 12px;"> |
|
|
|
|
|
<img src="./assets/icons/banner-call.svg"> |
|
|
|
|
|
</span> |
|
|
|
|
|
<span style="font-weight: 500;">+91 9074270811</span> |
|
|
|
|
|
</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="" |
|
|
|
|
|
style="position: absolute; bottom: 0; right: 0;"> |
|
|
|
|
|
<img src="./assets/icons/banner-pattern.svg" |
|
|
|
|
|
style="width: 540px;"> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- end-code --> |
|
|
|
|
|
<!-- --> |
|
|
<!-- --> |
|
|
<!-- screenshot and other --> |
|
|
<!-- screenshot and other --> |
|
|
|
|
|
|
|
@ -995,7 +1097,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|
<!-- --> |
|
|
<!-- --> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</body> |
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|
|