|
|
@ -21,11 +21,13 @@ |
|
|
|
--text-color: #121212; |
|
|
|
--text-color-light: #64728f; |
|
|
|
} |
|
|
|
body{ |
|
|
|
|
|
|
|
body { |
|
|
|
font-family: "Montserrat", sans-serif; |
|
|
|
} |
|
|
|
|
|
|
|
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { |
|
|
|
color: var(--text-color); |
|
|
|
color: #121212; |
|
|
|
font-family: Montserrat; |
|
|
|
font-size: 16px !important; |
|
|
|
font-weight: 500 !important; |
|
|
@ -37,14 +39,17 @@ |
|
|
|
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; |
|
|
@ -118,7 +123,7 @@ |
|
|
|
<p class="my-1 text-center text-uppercase" |
|
|
|
style=" |
|
|
|
letter-spacing: 4px !important; |
|
|
|
color: var(--primary-color); |
|
|
|
color: #7f54b3; |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
font-size: 14px; |
|
|
@ -130,7 +135,7 @@ |
|
|
|
</p> |
|
|
|
<h1 class="text-center text-uppercase my-0" |
|
|
|
style=" |
|
|
|
color: var(--text-color); |
|
|
|
color: #121212; |
|
|
|
font-size: 46px; |
|
|
|
font-weight: 700; |
|
|
|
line-height: normal; |
|
|
@ -152,8 +157,8 @@ |
|
|
|
font-family: Montserrat; |
|
|
|
display: inline-block; |
|
|
|
padding: 7px 33px; |
|
|
|
border: 1px solid var(--primary-color); |
|
|
|
color: var(--primary-color); |
|
|
|
border: 1px solid #7f54b3; |
|
|
|
color: #7f54b3; |
|
|
|
text-decoration: none; |
|
|
|
" |
|
|
|
class="mx-1 mb-2 deep-1 deep_hover"> |
|
|
@ -195,13 +200,13 @@ |
|
|
|
style="z-index: 3; height: auto;"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="position-absolute" |
|
|
|
style="bottom: 0; z-index: 1; width: 100%;"> |
|
|
|
<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" |
|
|
|
style="bottom: 0; right: 0; z-index: 2;"> |
|
|
|
<div class="position-absolute bottom-0 end-0" |
|
|
|
style=" z-index: 2;"> |
|
|
|
<img src="./assets/icons/patter.svg"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -213,7 +218,7 @@ |
|
|
|
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: var(--text-color); |
|
|
|
<h2 style=" color: #121212; |
|
|
|
text-align: center; |
|
|
|
font-size: 40px; |
|
|
|
font-weight: 700; |
|
|
@ -259,7 +264,7 @@ |
|
|
|
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"> |
|
|
|
style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px"> |
|
|
|
<img src="./assets/icons/feature-icon.svg" |
|
|
|
class="img-responsive" height="26px" |
|
|
|
width="26px"> |
|
|
@ -274,7 +279,7 @@ |
|
|
|
<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 "> |
|
|
|
background: #FFF;padding:32px; min-height: 236px; "> |
|
|
|
<div class="d-flex justify-content-center align-items-center" |
|
|
|
style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px"> |
|
|
|
<img src="./assets/icons/feature-icon.svg" |
|
|
@ -291,9 +296,9 @@ |
|
|
|
</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;"> |
|
|
|
<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;">Add Multiple Products To Invoice/Bill</span> |
|
|
|
<h3 class="wrapper-details" |
|
|
@ -305,32 +310,31 @@ |
|
|
|
<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%); |
|
|
|
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: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); |
|
|
|
backdrop-filter: blur(6px);padding: 12px;"> |
|
|
|
background-color: #ffffff1a; |
|
|
|
backdrop-filter: blur(6px);padding: 12px; "> |
|
|
|
<img src="./assets/icons/banner-mail.svg"> |
|
|
|
</span> |
|
|
|
<span style="font-weight: 500;">odoo@cybrosys.com</span> |
|
|
|
<span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span> |
|
|
|
</a> |
|
|
|
<a href="https://wa.me/919074270811" target="_blank" class="shop-btn" |
|
|
|
<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 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%); |
|
|
|
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: var(--DarkOverlayElement-DO10, rgba(255, 255, 255, 0.10)); |
|
|
|
background-color: #ffffff1a; |
|
|
|
backdrop-filter: blur(6px);padding: 12px;"> |
|
|
|
<img src="./assets/icons/banner-call.svg"> |
|
|
|
</span> |
|
|
|
<span style="font-weight: 500;">+91 9074270811</span> |
|
|
|
<span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="" |
|
|
|
style="position: absolute; bottom: 0; right: 0;"> |
|
|
|
<div class="position-absolute bottom-0 end-0"> |
|
|
|
<img src="./assets/icons/banner-pattern.svg" |
|
|
|
style="width: 540px;"> |
|
|
|
</div> |
|
|
@ -727,132 +731,113 @@ |
|
|
|
</div> |
|
|
|
<!-- --> |
|
|
|
<!-- related post --> |
|
|
|
<div class="" style="margin-top: 100px;"> |
|
|
|
<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;" |
|
|
|
>Related Modules</h3> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="owl-carousel owl-theme"> |
|
|
|
<div class="item" |
|
|
|
style="border:1px solid #CBCBCB !important; border-radius: 6px;"> |
|
|
|
<div class="p-3"> |
|
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" |
|
|
|
style="color:#000; text-decoration:none"> |
|
|
|
<div style=" border-radius:4px"> |
|
|
|
<div> |
|
|
|
<img src="./assets/modules/1.gif" |
|
|
|
alt="" width="100%" |
|
|
|
height="auto"> |
|
|
|
</div> |
|
|
|
<p class="text-center mb-2 pb-0 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Odoo 17 Full Accounting Kit</p> |
|
|
|
<!-- --> |
|
|
|
<section class="oe_container mt32"> |
|
|
|
<h2 style="color: #091E42;font-family: "Montserrat";text-align: center;margin: 25px auto;text-transform: uppercase;" |
|
|
|
class="oe_slogan"> |
|
|
|
<b>Related Products</b> |
|
|
|
</h2> |
|
|
|
<div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel"> |
|
|
|
<!-- The slideshow --> |
|
|
|
<div class="carousel-inner"> |
|
|
|
<div class="carousel-item active"> |
|
|
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
|
|
|
<a href="https://apps.odoo.com/apps/modules/18.0/base_accounting_kit" |
|
|
|
target="_blank" style="color: #000; text-decoration: none;"> |
|
|
|
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" |
|
|
|
class="shadow-sm"> |
|
|
|
<img class="img img-responsive center-block" style=" max-width: 100%;" |
|
|
|
src="./assets/modules/1.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 18 Full Accounting Kit</h4> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item" |
|
|
|
style="border:1px solid #CBCBCB !important; border-radius: 6px;"> |
|
|
|
<div class="p-3"> |
|
|
|
<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" |
|
|
|
style="color:#000; text-decoration:none"> |
|
|
|
<div style=" border-radius:4px"> |
|
|
|
<div> |
|
|
|
<img src="./assets/modules/2.gif" |
|
|
|
alt="" width="100%" |
|
|
|
height="auto"> |
|
|
|
</div> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Open HRMS Core</p> |
|
|
|
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> |
|
|
|
<div class="item" |
|
|
|
style="border:1px solid #CBCBCB !important; border-radius: 6px;"> |
|
|
|
<div class="p-3"> |
|
|
|
<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" |
|
|
|
style="color:#000; text-decoration:none"> |
|
|
|
<div style=" border-radius:4px"> |
|
|
|
<div> |
|
|
|
<img src="./assets/modules/3.png" |
|
|
|
alt="" width="100%" |
|
|
|
height="auto"> |
|
|
|
</div> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Odoo17 Invoice Format Editor</p> |
|
|
|
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="item" |
|
|
|
style="border:1px solid #CBCBCB !important; border-radius: 6px;"> |
|
|
|
<div class="p-3"> |
|
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" |
|
|
|
style="color:#000; text-decoration:none"> |
|
|
|
<div style=" border-radius:4px"> |
|
|
|
<div> |
|
|
|
<img src="./assets/modules/4.png" |
|
|
|
alt="" width="100%" |
|
|
|
height="auto"> |
|
|
|
</div> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
User Log Details</p> |
|
|
|
<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> |
|
|
|
<div class="item" |
|
|
|
style="border:1px solid #CBCBCB !important; border-radius: 6px;"> |
|
|
|
<div class="p-3"> |
|
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" |
|
|
|
style="color:#000; text-decoration:none"> |
|
|
|
<div style=" border-radius:4px"> |
|
|
|
<div> |
|
|
|
<img src="./assets/modules/5.png" |
|
|
|
alt="" width="100%" |
|
|
|
height="auto"> |
|
|
|
</div> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Odoo17 Product Barcode Generator</p> |
|
|
|
<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> |
|
|
|
<div class="item" |
|
|
|
style="border:1px solid #CBCBCB !important; border-radius: 6px;"> |
|
|
|
<div class="p-3"> |
|
|
|
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" |
|
|
|
style="color:#000; text-decoration:none"> |
|
|
|
<div style=" border-radius:4px"> |
|
|
|
<div> |
|
|
|
<img src="./assets/modules/6.jpg" |
|
|
|
alt="" width="100%" |
|
|
|
height="auto"> |
|
|
|
</div> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Send Whatsapp Message Odoo17</p> |
|
|
|
<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> |
|
|
|
<!-- 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; |
|
|
|