Meta Description" name="description" />
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Nosso Amor 💖</title>
<style>
body {
margin: 0;
background: black;
color: white;
font-family: Arial, sans-serif;
text-align: center;
}
h1, h2 {
color: #ff69b4;
}
.contador {
font-size: 2em;
margin: 20px 0;
color: #ffb6c1;
}
.mensagem {
max-width: 800px;
margin: 40px auto;
color: #ffc0cb;
font-size: 1.2em;
line-height: 1.6;
padding: 0 20px;
}
.momentos img {
max-width: 90%;
border-radius: 15px;
border: 3px solid #ff69b4;
box-shadow: 0 0 20px rgba(255,105,180,0.6);
margin-top: 20px;
}
.letra {
max-width: 800px;
margin: 30px auto;
white-space: pre-line;
color: #ffe4e1;
font-size: 1.1em;
padding: 0 20px;
}
.botao {
display: inline-block;
margin-top: 30px;
padding: 15px 35px;
background: #ff69b4;
color: black;
font-weight: bold;
text-decoration: none;
border-radius: 30px;
transition: 0.3s;
}
.botao:hover {
background: #ff1493;
transform: scale(1.05);
}
footer {
margin: 40px 0;
color: #ff69b4;
}
</style>
</head>
<body>
<h1>💖 Nosso Amor 💖</h1>
<div class="contador" id="contador"></div>
<div class="mensagem">
Desde o primeiro dia em que te vi, soube que minha vida jamais seria a mesma.
Cada momento ao seu lado é muito especial, cada sorriso seu ilumina meu mundo e alegra meu dia.
<br><br>
Minha paz.
<br><br>
<strong>Te amo do tamanho do universo</strong> 🌌
</div>
<div class="momentos">
<h2>Nossos momentos juntos</h2>
<img src="foto.jpg" alt="Nossos momentos juntos">
</div>
<h2>Nossa música 🎶</h2>
<div class="letra">
💕 Cole aqui a letra da música 💕
</div>
<a class="botao" href="https://youtu.be/iiPMakzpVuM?si=gBEKFrRPpVfoq-Nh" target="_blank">
🎧 Escute a música
</a>
<footer>
Feito com amor 🖤💖
</footer>
<script>
// Começa em 3 meses e 11 dias
let segundos = (3 * 30 * 24 * 60 * 60) + (11 * 24 * 60 * 60);
function atualizar() {
segundos++;
const dias = Math.floor(segundos / (24 * 60 * 60));
const horas = Math.floor((segundos % (24 * 60 * 60)) / 3600);
const minutos = Math.floor((segundos % 3600) / 60);
const seg = segundos % 60;
document.getElementById("contador").innerHTML =
`⏳ ${dias} dias, ${horas}h ${minutos}m ${seg}s juntos 💕`;
}
setInterval(atualizar, 1000);
atualizar();
</script>
</body>
</html>2
1
3KB
3KB
110.0ms
188.0ms
111.0ms