hermescj/index.html

## index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Briana Varhas, ¿Quieres ser mi San Valentín?</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="card">
        <h1>¿Quieres ser mi San Valentín? &#x1f337</h1>
        <div class="buttons">
            <button onclick="location.href='mensaje.html'">Chi :)</button>
            <button id="noBtn">No</button>
        </div>
    </div>
    <script>
        document.getElementById("noBtn").addEventListener("mouseover", function() {
            this.style.position = "absolute";
            this.style.top = Math.random() * window.innerHeight + "px";
            this.style.left = Math.random() * window.innerWidth + "px";
        });
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>¡Feliz San Valentín!</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="card">
        <h1>Ja, ya sabía &#x1f60a</h1>
        <p>Eres la persona más especial en mi vida y quiero compartir este día contigo, el de este año y todos los que me quedan. Te amo mucho mi niña! &#x1f49e</p>
    </div>
</body>
</html>

## leeme.markdown

      
    Raw
  

              leeme.markdown
            
          
    léeme

A Pen by Jared Domínguez on CodePen.
License.

  
## style.css
body {
    font-family: Open Sans, Arial;
    background-color: #ffccd5;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.card {
    background: white;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 300px;
}

h1 {
    color: #d63384;
}

p {
    color: #555;
}

button {
    background: #ff4d6d;
    color: white;
    border: none;
    padding: 10px 20px;
    margin: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

button:hover {
    background: #2BA236;
}

	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Briana Varhas, ¿Quieres ser mi San Valentín?</title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<div class="card">
	<h1>¿Quieres ser mi San Valentín? &#x1f337</h1>
	<div class="buttons">
	<button onclick="location.href='mensaje.html'">Chi :)</button>
	<button id="noBtn">No</button>
	</div>
	</div>
	<script>
	document.getElementById("noBtn").addEventListener("mouseover", function() {
	this.style.position = "absolute";
	this.style.top = Math.random() * window.innerHeight + "px";
	this.style.left = Math.random() * window.innerWidth + "px";
	});
	</script>
	</body>
	</html>
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>¡Feliz San Valentín!</title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<div class="card">
	<h1>Ja, ya sabía &#x1f60a</h1>
	<p>Eres la persona más especial en mi vida y quiero compartir este día contigo, el de este año y todos los que me quedan. Te amo mucho mi niña! &#x1f49e</p>
	</div>
	</body>
	</html>
	body {
	font-family: Open Sans, Arial;
	background-color: #ffccd5;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	}

	.card {
	background: white;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	width: 300px;
	}

	h1 {
	color: #d63384;
	}

	p {
	color: #555;
	}

	button {
	background: #ff4d6d;
	color: white;
	border: none;
	padding: 10px 20px;
	margin: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	}

	button:hover {
	background: #2BA236;
	}