|
|
@ -21,11 +21,13 @@ |
|
|
|
--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,51 +38,54 @@ |
|
|
|
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%); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.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 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-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; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
</head> |
|
|
@ -100,10 +105,6 @@ |
|
|
|
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 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 --> |
|
|
@ -118,7 +119,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; |
|
|
@ -131,11 +132,12 @@ |
|
|
|
</p> |
|
|
|
<h1 class="text-center text-uppercase my-0" |
|
|
|
style=" |
|
|
|
color: var(--text-color); |
|
|
|
font-size: 46px; |
|
|
|
font-weight: 700; |
|
|
|
line-height: normal; |
|
|
|
">E-Invoicing For Saudi | Saudi Electronic Invoice.</span> |
|
|
|
color: #121212; |
|
|
|
font-size: 46px; |
|
|
|
font-weight: 700; |
|
|
|
line-height: normal; |
|
|
|
"> |
|
|
|
E-Invoicing For Saudi | Saudi Electronic Invoice.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
@ -153,8 +155,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"> |
|
|
@ -214,7 +216,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; |
|
|
@ -289,13 +291,13 @@ |
|
|
|
</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;">e-Invoicing For Saudi | Saudi Electronic Invoice.</span> |
|
|
|
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px; font-family: Montserrat;">Automatic Database Backup</span> |
|
|
|
<h3 class="wrapper-details" |
|
|
|
style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; "> |
|
|
|
style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; "> |
|
|
|
Are you ready to make your business more |
|
|
|
organized? |
|
|
|
<br> Improve now! |
|
|
@ -303,33 +305,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;"> |
|
|
|
<img src="./assets/icons/banner-mail.svg"> |
|
|
|
</span> |
|
|
|
<span style="font-weight: 500;">odoo@cybrosys.com</span> |
|
|
|
<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="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)); |
|
|
|
backdrop-filter: blur(6px);padding: 12px;"> |
|
|
|
<img src="./assets/icons/banner-call.svg"> |
|
|
|
</span> |
|
|
|
<span style="font-weight: 500;">+91 9074270811</span> |
|
|
|
<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="" |
|
|
|
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> |
|
|
@ -338,6 +338,7 @@ |
|
|
|
<!-- end-code --> |
|
|
|
<!-- --> |
|
|
|
<!-- screenshot and other --> |
|
|
|
|
|
|
|
<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); border: 1px solid #EBEEF2;"> |
|
|
|
<div> |
|
|
@ -388,9 +389,9 @@ |
|
|
|
<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)">Enable QR Code On |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Database Backup Configuration |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> Settings.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)"> Menu</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 mb-4"> |
|
|
@ -421,9 +422,9 @@ |
|
|
|
<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)">Generate QR Code |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Create New |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Automatically.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Database Backup Configuration.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 mb-4"> |
|
|
@ -453,9 +454,9 @@ |
|
|
|
<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)">Generate QR Code |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Store Backup to Remote |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Manually.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Manually.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 mb-4"> |
|
|
@ -484,9 +485,10 @@ |
|
|
|
<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)">Download |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)"> |
|
|
|
Download |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">PDF Reports.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">PDF Reports.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 mb-4"> |
|
|
@ -519,7 +521,7 @@ |
|
|
|
font-weight: 700;"> |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">VAT invoice |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Report.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Report.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
|
|
|
@ -544,7 +546,7 @@ |
|
|
|
font-weight: 700;"> |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Simplified Tax invoice |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Report.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)">Report.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 text-center"> |
|
|
@ -568,7 +570,7 @@ |
|
|
|
font-weight: 700;"> |
|
|
|
<span style="color:#121212; font-size:calc(1.1rem + 1vw)">Install E-invoice |
|
|
|
</span> |
|
|
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)"> QR Reader KSA.</span> |
|
|
|
<span style="color: #7f54b3; font-size:calc(1.1rem + 1vw)"> QR Reader KSA.</span> |
|
|
|
</h1> |
|
|
|
</div> |
|
|
|
<div class="col-md-12 mb-4"> |
|
|
@ -687,17 +689,19 @@ |
|
|
|
</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;" |
|
|
|
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"> |
|
|
|