FAÇONNÉES PAR UNE ODYSÉE,
SCULPTÉES DANS UNE ÉPOQUE
REJOINDRE LA CRÉATION
Mu:n orchestre des projets horlogers éphémères en partenariat avec des ateliers de renom.
Nous vous invitons à suivre, participer et influencer le processus créatif.
" UN PROJET HORLOGER EXTRAORDINAIRE, UNE AVENTURE HORLOGÈRE INNOVANTE "
" LA LUNE EST MAJESTUEUSEMENT PLACÉE AU CENTRE D'UNE MAGNIFIQUE COMPOSITION "
" UN HOMMAGE À LA PRÉCISION ASTRONOMIQUE DONT L'HORLOGERIE SE FAIT ICI TÉMOIN "
" UNE AVENTURE AUSSI PASSIONNANTE QU'EXCITANTE POUR TOUT PASSIONNÉ D'HORLOGERIE "
NOS SÉRIES
Collection Artémis
LES PROJETS MU:N
L’ambition des projets Mu:n est d'offrir aux passionnés une nouvelle manière de participer, influencer et suivre l’intégralité d’un processus de création horlogère.
Cette approche se fonde sur trois engagements, inscrits au cœur du manifeste : le collaboratif, la transparence, et la justesse .
SÉRIE LIMITÉE - INDISPONIBLE
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Compte à rebours</title> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet"> <style> body { font-family: 'Poppins', sans-serif; color: white; background-color: black; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; } .countdown-container { display: flex; align-items: baseline; } .countdown-el { display: inline-block; margin: 0 10px; text-align: center; } .big-text { font-size: 30px; font-weight: 300; line-height: 1; margin: 0; } .small-text { font-size: 8px; vertical-align: botton; } </style> </head> <body> <div class="countdown-container"> <div class="countdown-el"> <p class="big-text" id="hours">00<span class="small-text"> H </span></p> </div> <div class="countdown-el"> <p class="big-text" id="minutes">00<span class="small-text"> M </span></p> </div> <div class="countdown-el"> <p class="big-text" id="seconds">00<span class="small-text"> S </span></p> </div> </div> <script> const countdown = () => { const countToDate = new Date('April 24, 2024 16:00:00').getTime(); const now = new Date().getTime(); const gap = countToDate - now; // If the countdown is over, clear the interval if (gap < 0) { clearInterval(intervalId); document.getElementById('hours').innerHTML = '00<span class="small-text"> H </span>'; document.getElementById('minutes').innerHTML = '00<span class="small-text"> M </span>'; document.getElementById('seconds').innerHTML = '00<span class="small-text"> S </span>'; return; } const second = 1000; const minute = second * 60; const hour = minute * 60; const textHour = Math.floor(gap / hour); const textMinute = Math.floor((gap % hour) / minute); const textSecond = Math.floor((gap % minute) / second); document.getElementById('hours').innerHTML = textHour.toString().padStart(2, '0') + '<span class="small-text"> H </span>'; document.getElementById('minutes').innerHTML = textMinute.toString().padStart(2, '0') + '<span class="small-text"> M </span>'; document.getElementById('seconds').innerHTML = textSecond.toString().padStart(2, '0') + '<span class="small-text"> S </span>'; }; // Start the countdown const intervalId = setInterval(countdown, 1000); </script> </body> </html>