Este repositorio contiene archivos HTML que te permite compartir mensajes personalizados a través de diferentes plataformas, como WhatsApp, correos electrónicos, o cualquier otro medio. El archivo incluye tanto el HTML como el CSS necesarios para que puedas compartir un solo archivo con formato y estilo.
Los archivos HTML está diseñado para enviar mensajes con un formato atractivo y animaciones CSS. Puedes usarlo para una variedad de mensajes, ya sean felicitaciones, invitaciones, agradecimientos, o cualquier otro tipo de comunicación.
| HTML | Descripcion | Codigo |
|---|---|---|
| Carta | Es una carta formal que quieras mandar | codigo |
| FelizCumpleaños | Carta para felicitar por su cumpleaños | codigo |
1- Busca lo que necesitas
busca una plantilla html que neceites, por ejemplo para una carta
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carta</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
.container {
max-width: 600px;
margin: 0 auto;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
}
p {
line-height: 1.6;
color: #555;
}
.signature {
margin-top: 20px;
font-style: italic;
color: #333;
}
</style>
</head>
<body>
<div class="container">
<h1>Estimado/a [Nombre],</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad esse fugit culpa, aspernatur velit, commodi deleniti aut laborum est, nobis temporibus fugiat similique nihil eos sit ex veniam ratione praesentium.
</p>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Placeat illo temporibus recusandae, sit inventore assumenda sequi id impedit aliquam? Ut recusandae nulla aspernatur ducimus enim illum beatae amet accusamus earum?
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi in esse quia atque assumenda corrupti exercitationem explicabo neque reiciendis tempore. Corporis, nesciunt. Debitis corrupti doloribus veritatis? Repudiandae non a tempore?
</p>
<p class="signature">
Atentamente,<br>
[Tu Nombre]
</p>
</div>
</body>
</html>2- Copia/Descarga su codigo
copia su codigo o descargalo y en un editor de texto modifica sus textos de <p> y h1 segun lo necesites
3- Comparte
ya con el codigo editado ya esta listo para compartirse, tu elijes por que medio si por Correo o por Whatsapp o por cualquier medio que te permita compartir este codigo# Compartir