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: ""; content: "";
position: absolute; position: absolute;
inset: 0; inset: 0;
background: linear-gradient( background: none;
110deg,
rgba(27, 19, 25, 0.7) 0%,
rgba(27, 19, 25, 0.15) 100%
);
} }
.hero-box { .hero-box {
position: relative; position: relative;
@@ -257,18 +253,17 @@
z-index: 3; z-index: 3;
} }
.carousel-dot { .carousel-dot {
width: 10px; width: 8px;
height: 10px; height: 8px;
border-radius: 50%; border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.7); border: none;
background: transparent; background: rgba(255, 255, 255, 0.35);
cursor: pointer; cursor: pointer;
transition: all 0.3s; transition: all 0.3s;
} }
.carousel-dot.active { .carousel-dot.active {
background: #fff; background: rgba(255, 255, 255, 0.8);
transform: scale(1.3); transform: scale(1.2);
border-color: #fff;
} }
.arrow { .arrow {
position: absolute; position: absolute;
@@ -669,7 +664,7 @@
> >
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-6 offset-lg-6"> <div class="col-lg-5">
<div class="hero-box"> <div class="hero-box">
<h2>Try ODOO 4 weeks for free</h2> <h2>Try ODOO 4 weeks for free</h2>
<p> <p>
@@ -867,22 +862,7 @@
> >
&times; &times;
</button> </button>
<div <div style="padding: 2rem; text-align: center; border-radius: 0.8rem;">
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;
"
>
<h2 <h2
style=" style="
font-size: clamp(1rem, 2vw, 1.24rem); font-size: clamp(1rem, 2vw, 1.24rem);
@@ -913,7 +893,7 @@
<div class="container"> <div class="container">
<div class="hr"></div> <div class="hr"></div>
<h1> <h1>
Effortless Odoo Hosting with AI-Powered Automation &mdash; Effortless Odoo Community Hosting with AI-Powered Automation &mdash;
Scale Your Business Seamlessly Scale Your Business Seamlessly
</h1> </h1>
</div> </div>
@@ -1244,33 +1224,6 @@
</div> </div>
</section> </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"> <footer class="footer">
<div class="container"> <div class="container">
<div class="fgrid"> <div class="fgrid">
@@ -1393,15 +1346,43 @@
slides = document.querySelectorAll(".hero-slide"), slides = document.querySelectorAll(".hero-slide"),
dots = document.querySelectorAll(".carousel-dot"), dots = document.querySelectorAll(".carousel-dot"),
t, t,
dir = 1; dir = 1,
autoStop = false,
autoInterval = 7000;
function show(i, direction) { function show(i, direction) {
if (direction === undefined) return;
var current = slides[si]; var current = slides[si];
var next = slides[i]; var next = slides[i];
current.classList.remove("active"); if (direction === 1) {
current.classList.add("prev"); current.style.transform = "translateX(-100%)";
next.classList.remove("prev"); current.style.opacity = "0";
next.classList.add("active"); 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++) { for (var j = 0; j < dots.length; j++) {
if (j === i) { if (j === i) {
dots[j].classList.add("active"); dots[j].classList.add("active");
@@ -1420,12 +1401,14 @@
resetTimer(); resetTimer();
} }
function goSlide(i) { function goSlide(i) {
autoStop = true;
show(i, i > si ? 1 : -1); show(i, i > si ? 1 : -1);
resetTimer(); clearInterval(t);
t = null;
} }
function resetTimer() { function resetTimer() {
clearInterval(t); clearInterval(t);
t = setInterval(nextSlide, 5000); t = setInterval(nextSlide, autoInterval);
} }
window.addEventListener("load", function () { window.addEventListener("load", function () {
@@ -1442,7 +1425,15 @@
o.style.display = "none"; o.style.display = "none";
}, 500); }, 500);
}, 3000); }, 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 () { setTimeout(function () {
document.getElementById("pop").style.display = "flex"; document.getElementById("pop").style.display = "flex";