<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contagem Regressiva Reforma Tributária</title>
<style>
body {
background: #e7e7e7;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background: #031625;
padding: 30px 40px;
border-radius: 20px;
text-align: center;
color: #00d4ff;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.tag {
background: #00d4ff;
color: #031625;
font-weight: bold;
padding: 5px 18px;
border-radius: 30px;
display: inline-block;
margin-bottom: 20px;
}
.bottom-tag {
margin-top: 25px;
}
.timer {
display: flex;
justify-content: center;
gap: 25px;
font-size: 2.8rem;
font-weight: bold;
}
.timer div {
text-align: center;
}
.label {
display: block;
font-size: 0.9rem;
color: #c7f6ff;
margin-top: 5px;
}
</style>
</head>
<body>
<div class="container">
<div class="tag">Faltam</div>
<div class="timer">
<div>
<span id="days">00</span>
<span class="label">Dias</span>
</div>
<div>
<span id="hours">00</span>
<span class="label">Horas</span>
</div>
<div>
<span id="minutes">00</span>
<span class="label">Minutos</span>
</div>
<div>
<span id="seconds">00</span>
<span class="label">Segundos</span>
</div>
</div>
<div class="tag bottom-tag">para 1 de janeiro de 2026</div>
</div>
<script>
function updateCountdown() {
const targetDate = new Date("2026-01-01T00:00:00").getTime();
const now = new Date().getTime();
const distance = targetDate - now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").textContent = days.toString().padStart(2, '0');
document.getElementById("hours").textContent = hours.toString().padStart(2, '0');
document.getElementById("minutes").textContent = minutes.toString().padStart(2, '0');
document.getElementById("seconds").textContent = seconds.toString().padStart(2, '0');
}
setInterval(updateCountdown, 1000);
updateCountdown();
</script>
</body>
</html>
| 
