Skip to content

Create voltapramimmaysa #258

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 71 additions & 0 deletions voltapramimmaysa
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
Site: "Volta Pra Mim"

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<title>Volta Pra Mim</title>
<style>
body {
background: linear-gradient(to right, #fbc2eb, #a6c1ee);
font-family: 'Segoe UI', sans-serif;
text-align: center;
padding: 50px;
color: #333;
}
.card {
background: white;
border-radius: 20px;
padding: 30px;
max-width: 600px;
margin: auto;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
button {
padding: 10px 20px;
background-color: #ff5e78;
border: none;
border-radius: 10px;
color: white;
font-size: 16px;
cursor: pointer;
margin-top: 20px;
}
button:hover {
background-color: #ff3b5c;
}
</style>
</head>
<body>

<div class="card">
<h1>Oi, [nome dela]...</h1>
<p>Sei que a vida nos levou por caminhos diferentes, mas queria que soubesse de uma coisa:</p>
<p id="mensagem">Você sempre esteve nos meus pensamentos.</p>
<button onclick="mostrarProximaMensagem()">Clique para continuar</button>
</div>

<script>
const mensagens = [
"Lembro dos nossos momentos juntos com carinho.",
"Cada música, lugar, cheiro… me fazem lembrar você.",
"Se eu pudesse voltar no tempo, faria tudo para te fazer sorrir de novo.",
"Não quero forçar nada, só abrir meu coração.",
"Se ainda houver um pedacinho de nós em você...",
"Será que podemos tentar de novo?"
];

let indice = 0;

function mostrarProximaMensagem() {
if (indice < mensagens.length) {
document.getElementById("mensagem").innerText = mensagens[indice];
indice++;
} else {
document.getElementById("mensagem").innerHTML = "Se quiser conversar, estarei te esperando com o coração aberto.";
}
}
</script>

</body>
</html>