|
|
@ -16,16 +16,17 @@ |
|
|
|
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; |
|
|
|
--primary-color: #7f54b3; |
|
|
|
--bg-white: #fff; |
|
|
|
--text-color: #121212; |
|
|
|
--text-color-light: #64728f; |
|
|
|
} |
|
|
|
body{ |
|
|
|
font-family: "Montserrat", sans-serif; |
|
|
|
|
|
|
|
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; |
|
|
@ -36,49 +37,52 @@ |
|
|
|
border: none; |
|
|
|
margin-bottom: 0; |
|
|
|
padding: 12px 24px; |
|
|
|
} |
|
|
|
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { |
|
|
|
border-color: transparent; |
|
|
|
isolation: isolate; |
|
|
|
} |
|
|
|
.nav-tabs .nav-link:focus-visible { |
|
|
|
border-color: transparent; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
/* owl-carosel */ |
|
|
|
.owl-carousel .owl-nav { |
|
|
|
position: absolute; |
|
|
|
top: 42%; |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
transform: translateY(-42%); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.owl-carousel .owl-nav button.owl-prev { |
|
|
|
position: absolute; |
|
|
|
right: -36px; |
|
|
|
font-size: 28px; |
|
|
|
background-color: #e4e4e4; |
|
|
|
border-radius: 20px; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { |
|
|
|
border-color: transparent; |
|
|
|
isolation: isolate; |
|
|
|
} |
|
|
|
|
|
|
|
.nav-tabs .nav-link:focus-visible { |
|
|
|
border-color: transparent; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* owl-carosel */ |
|
|
|
.owl-carousel .owl-nav { |
|
|
|
position: absolute; |
|
|
|
top: 42%; |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
transform: translateY(-42%); |
|
|
|
} |
|
|
|
|
|
|
|
.owl-carousel .owl-nav button.owl-prev { |
|
|
|
position: absolute; |
|
|
|
right: -36px; |
|
|
|
font-size: 28px; |
|
|
|
background-color: #e4e4e4; |
|
|
|
border-radius: 20px; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.owl-carousel .owl-nav button.owl-next { |
|
|
|
position: absolute; |
|
|
|
left: -36px; |
|
|
|
font-size: 28px; |
|
|
|
background-color: #e4e4e4; |
|
|
|
border-radius: 20px; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
.owl-carousel .owl-nav button.owl-next { |
|
|
|
position: absolute; |
|
|
|
left: -36px; |
|
|
|
font-size: 28px; |
|
|
|
background-color: #e4e4e4; |
|
|
|
border-radius: 20px; |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
@ -118,7 +122,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; |
|
|
@ -646,132 +650,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"> |
|
|
|
<!-- --> |
|
|
|
<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> |
|
|
|
<p class="text-center mb-2 pb-0 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Odoo 17 Full Accounting Kit</p> |
|
|
|
</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/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"> |
|
|
|
</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> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Open HRMS Core</p> |
|
|
|
</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/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"> |
|
|
|
</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> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Odoo17 Invoice Format Editor</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</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 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> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
User Log Details</p> |
|
|
|
</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"> |
|
|
|
</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> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Odoo17 Product Barcode Generator</p> |
|
|
|
</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"> |
|
|
|
</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> |
|
|
|
<p class="text-center pb-0 mb-2 text-black" |
|
|
|
style="font-weight: 600; padding-top: 16px;"> |
|
|
|
Send Whatsapp Message Odoo17</p> |
|
|
|
</div> |
|
|
|
</a> |
|
|
|
</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> |
|
|
|
</div> |
|
|
|
<!-- --> |
|
|
|
</section> |
|
|
|
<!-- service-section --> |
|
|
|
|
|
|
|
<section id="services" class="mt-5" style="border-radius: 16px; |
|
|
|