@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500&display=swap'); #opl-cs { all: initial; display: block; position: fixed; inset: 0; z-index: 99999; background: #0d0d0d; color: #fff; font-family: 'Inter', sans-serif; overflow: hidden; } /* Grain texture */ #opl-cs::before { content: ''; position: fixed; inset: -50%; width: 200%; height: 200%; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E"); opacity: .035; pointer-events: none; z-index: 1; animation: opl-grain 0.5s steps(2) infinite; } @keyframes opl-grain { 0%,100% { transform: translate(0,0) } 10% { transform: translate(-2%,-3%) } 20% { transform: translate(3%,2%) } 30% { transform: translate(-1%,4%) } 40% { transform: translate(4%,-1%) } 50% { transform: translate(-3%,3%) } 60% { transform: translate(2%,-4%) } 70% { transform: translate(-4%,1%) } 80% { transform: translate(1%,-2%) } 90% { transform: translate(-2%,4%) } } /* Ligne verte décorative gauche */ .opl-accent-line { position: fixed; left: 0; top: 0; bottom: 0; width: 3px; background: #00a254; z-index: 3; transform: scaleY(0); transform-origin: top; animation: opl-line-in 1.2s cubic-bezier(.16,1,.3,1) .1s forwards; } @keyframes opl-line-in { to { transform: scaleY(1); } } /* TOP BAR */ .opl-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 4; display: flex; align-items: center; justify-content: space-between; padding: 28px 40px 28px 52px; border-bottom: 1px solid rgba(255,255,255,.06); opacity: 0; animation: opl-up .8s ease .4s forwards; } .opl-logo-img { height: 44px; width: auto; mix-blend-mode: screen; filter: brightness(1.1); } .opl-status { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 500; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255,255,255,.35); } .opl-dot { width: 6px; height: 6px; border-radius: 50%; background: #00a254; animation: opl-blink 2s ease-in-out infinite; } @keyframes opl-blink { 0%,100% { opacity: 1; } 50% { opacity: .2; } } /* MAIN BG TEXT */ .opl-bg-text { position: fixed; bottom: -0.15em; left: -0.02em; right: -0.02em; font-family: 'Bebas Neue', sans-serif; font-size: clamp(160px, 22vw, 320px); line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.04); text-align: center; user-select: none; pointer-events: none; z-index: 2; letter-spacing: 4px; } /* CENTER */ .opl-center { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 40px 0 52px; z-index: 3; } .opl-label { font-size: 11px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: #00a254; margin-bottom: 20px; opacity: 0; animation: opl-up .7s ease .7s forwards; } .opl-headline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(60px, 9vw, 130px); line-height: .92; letter-spacing: 1px; color: #fff; margin-bottom: 28px; max-width: 700px; opacity: 0; animation: opl-up .9s cubic-bezier(.16,1,.3,1) .9s forwards; } .opl-headline .opl-green { color: #00a254; } .opl-divider { width: 48px; height: 1px; background: rgba(255,255,255,.2); margin-bottom: 24px; opacity: 0; animation: opl-up .7s ease 1.1s forwards; } .opl-sub { font-size: 14px; font-weight: 300; color: rgba(255,255,255,.45); line-height: 1.85; max-width: 380px; margin-bottom: 44px; opacity: 0; animation: opl-up .7s ease 1.2s forwards; } /* Countdown */ .opl-cd { display: flex; align-items: flex-end; gap: 0; margin-bottom: 44px; opacity: 0; animation: opl-up .7s ease 1.3s forwards; } .opl-cd-item { display: flex; flex-direction: column; align-items: center; min-width: 64px; } .opl-cd-num { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 5vw, 56px); line-height: 1; color: #fff; letter-spacing: 1px; } .opl-cd-lbl { font-size: 9px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.25); margin-top: 4px; } .opl-cd-sep { font-family: 'Bebas Neue', sans-serif; font-size: 40px; color: #00a254; line-height: 1; margin: 0 4px 8px; opacity: .6; } /* CTA */ .opl-cta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; opacity: 0; animation: opl-up .7s ease 1.45s forwards; } .opl-cta-mail { font-size: 13px; font-weight: 400; letter-spacing: .3px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.25); padding-bottom: 2px; transition: border-color .2s, color .2s; } .opl-cta-mail:hover { border-color: #00a254; color: #00a254; } .opl-cta-phone { font-size: 13px; font-weight: 400; letter-spacing: .3px; color: rgba(255,255,255,.4); text-decoration: none; transition: color .2s; } .opl-cta-phone:hover { color: #fff; } /* BOTTOM BAR */ .opl-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 4; display: flex; align-items: center; justify-content: space-between; padding: 22px 40px 22px 52px; border-top: 1px solid rgba(255,255,255,.06); opacity: 0; animation: opl-up .7s ease 1.6s forwards; } .opl-copy { font-size: 11px; color: rgba(255,255,255,.2); letter-spacing: .5px; } .opl-social { display: flex; align-items: center; gap: 24px; } .opl-social a { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.3); text-decoration: none; transition: color .2s; } .opl-social a:hover { color: #fff; } .opl-social svg { width: 14px; height: 14px; fill: currentColor; flex-shrink: 0; } /* Animation */ @keyframes opl-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } /* RIGHT vertical text */ .opl-right-txt { position: fixed; right: 32px; top: 50%; transform: translateY(-50%) rotate(90deg); font-size: 10px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: rgba(255,255,255,.12); white-space: nowrap; z-index: 4; opacity: 0; animation: opl-up .7s ease 1.8s forwards; } /* Mobile */ @media (max-width: 600px) { .opl-topbar, .opl-bottom { padding: 20px 20px 20px 28px; } .opl-center { padding: 0 20px 0 28px; } .opl-right-txt { display: none; } .opl-accent-line { width: 2px; } .opl-headline { font-size: clamp(48px, 13vw, 80px); } }
On Point Logistics
Site en construction
BIENTÔT
onpointlogistics.fr — 2026
France → DOM-TOM & International

Votre livraison,
on s'en charge.

Nous finalisons notre plateforme. Expéditions, suivi en temps réel, espace professionnel — tout sera disponible très prochainement.

00
Jours
:
00
Heures
:
00
Min
:
00
Sec
hello@onpointlogistics.fr 07 80 96 20 96
© 2026 · On Point Logistics
(function(){ document.body.style.cssText='background:#0d0d0d!important;margin:0!important;padding:0!important;overflow:hidden!important'; document.documentElement.style.background='#0d0d0d'; ['header','footer','.ast-main-header-wrap','.site-footer','.brizy-header','.brizy-footer','.entry-header','h1.entry-title','.ast-above-header-wrap'].forEach(function(s){ document.querySelectorAll(s).forEach(function(el){ if(!el.closest('#opl-cs')) el.style.display='none'; }); }); // Countdown var target = new Date('2026-06-01T00:00:00').getTime(); function tick(){ var diff = Math.max(0, target - Date.now()); var pad = function(n){ return String(Math.floor(n)).padStart(2,'0'); }; document.getElementById('opl-days').textContent = pad(diff/86400000); document.getElementById('opl-hrs').textContent = pad((diff%86400000)/3600000); document.getElementById('opl-min').textContent = pad((diff%3600000)/60000); document.getElementById('opl-sec').textContent = pad((diff%60000)/1000); } tick(); setInterval(tick,1000); })();

Powered by
►
Necessary cookies enable essential site features like secure log-ins and consent preference adjustments. They do not store personal data.
None
►
Functional cookies support features like content sharing on social media, collecting feedback, and enabling third-party tools.
None
►
Analytical cookies track visitor interactions, providing insights on metrics like visitor count, bounce rate, and traffic sources.
None
►
Advertisement cookies deliver personalized ads based on your previous visits and analyze the effectiveness of ad campaigns.
None
Powered by
Retour en haut