Oliver/ODOO4projects.com
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nice

Browse Source
This commit is contained in:
oliver
2026-06-24 05:49:03 -03:00
parent abb5eff2a9
commit 84d8513db1
1 changed files with 56 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+56 -65
View File
@@ -221,11 +221,7 @@
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
110deg,
rgba(27, 19, 25, 0.7) 0%,
rgba(27, 19, 25, 0.15) 100%
);
background: none;
}
.hero-box {
position: relative;
@@ -257,18 +253,17 @@
z-index: 3;
}
.carousel-dot {
width: 10px;
height: 10px;
width: 8px;
height: 8px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.7);
background: transparent;
border: none;
background: rgba(255, 255, 255, 0.35);
cursor: pointer;
transition: all 0.3s;
}
.carousel-dot.active {
background: #fff;
transform: scale(1.3);
border-color: #fff;
background: rgba(255, 255, 255, 0.8);
transform: scale(1.2);
}
.arrow {
position: absolute;
@@ -669,7 +664,7 @@
>
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-6">
<div class="col-lg-5">
<div class="hero-box">
<h2>Try ODOO 4 weeks for free</h2>
<p>
@@ -867,22 +862,7 @@
>
&times;
</button>
<div
style="
background-image: url(&quot;images/australia.webp&quot;);
background-size: cover;
background-position: center;
padding: 3rem 2rem;
"
>
<div
style="
background: rgba(255, 255, 255, 0.95);
padding: 2rem;
text-align: center;
border-radius: 0.8rem;
"
>
<div style="padding: 2rem; text-align: center; border-radius: 0.8rem;">
<h2
style="
font-size: clamp(1rem, 2vw, 1.24rem);
@@ -913,7 +893,7 @@
<div class="container">
<div class="hr"></div>
<h1>
Effortless Odoo Hosting with AI-Powered Automation &mdash;
Effortless Odoo Community Hosting with AI-Powered Automation &mdash;
Scale Your Business Seamlessly
</h1>
</div>
@@ -1244,33 +1224,6 @@
</div>
</section>
<section class="trial">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="hr" style="margin: 0 0 1rem 0"></div>
<h2>Not convinced? Start your free trial now</h2>
<p>
Test drive our systems running ODOO 19 for 4 weeks.
No credit card required!
</p>
<p>
<a class="btn btn-primary btn-lg" href="/contactus"
>Try Now</a
>
</p>
</div>
<div class="col-lg-6 offset-lg-1 text-center">
<img
src="images/settings_chat.svg"
alt="Settings"
style="max-height: 200px; opacity: 0.9"
/>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="fgrid">
@@ -1393,15 +1346,43 @@
slides = document.querySelectorAll(".hero-slide"),
dots = document.querySelectorAll(".carousel-dot"),
t,
dir = 1;
dir = 1,
autoStop = false,
autoInterval = 7000;
function show(i, direction) {
if (direction === undefined) return;
var current = slides[si];
var next = slides[i];
current.classList.remove("active");
current.classList.add("prev");
next.classList.remove("prev");
next.classList.add("active");
if (direction === 1) {
current.style.transform = "translateX(-100%)";
current.style.opacity = "0";
current.style.zIndex = "1";
next.style.transform = "translateX(100%)";
next.style.opacity = "0";
next.style.zIndex = "1";
requestAnimationFrame(function () {
next.style.transition =
"transform 0.5s ease, opacity 0.5s ease";
next.style.transform = "translateX(0)";
next.style.opacity = "1";
next.style.zIndex = "2";
});
} else {
current.style.transform = "translateX(100%)";
current.style.opacity = "0";
current.style.zIndex = "1";
next.style.transform = "translateX(-100%)";
next.style.opacity = "0";
next.style.zIndex = "1";
requestAnimationFrame(function () {
next.style.transition =
"transform 0.5s ease, opacity 0.5s ease";
next.style.transform = "translateX(0)";
next.style.opacity = "1";
next.style.zIndex = "2";
});
}
for (var j = 0; j < dots.length; j++) {
if (j === i) {
dots[j].classList.add("active");
@@ -1420,12 +1401,14 @@
resetTimer();
}
function goSlide(i) {
autoStop = true;
show(i, i > si ? 1 : -1);
resetTimer();
clearInterval(t);
t = null;
}
function resetTimer() {
clearInterval(t);
t = setInterval(nextSlide, 5000);
t = setInterval(nextSlide, autoInterval);
}
window.addEventListener("load", function () {
@@ -1442,7 +1425,15 @@
o.style.display = "none";
}, 500);
}, 3000);
t = setInterval(nextSlide, 5000);
t = setInterval(nextSlide, autoInterval);
for (var s = 0; s < slides.length; s++) {
slides[s].addEventListener("click", function () {
autoStop = true;
clearInterval(t);
t = null;
});
}
setTimeout(function () {
document.getElementById("pop").style.display = "flex";