87 lines
3.3 KiB
HTML
87 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Recursos Católicos</title>
|
|
<link rel="icon" type="image/x-icon" href="img/favicon.png">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/estilos.css">
|
|
<link rel="stylesheet" href="css/diario.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="header-container"></div>
|
|
|
|
<main class="contenedor">
|
|
|
|
<!-- RECORDATORIO DE DIFUNTOS (aparece solo cuando coincide un aniversario) -->
|
|
<section id="seccion-recordatorio" class="bloque difuntos"></section>
|
|
|
|
<!-- SALMO -->
|
|
<section class="bloque">
|
|
<blockquote class="salmo" id="salmo-pcpal"></blockquote>
|
|
</section>
|
|
|
|
<!-- INTENCIÓN -->
|
|
<section class="bloque" id="seccion-intenciones">
|
|
<h3 id="titulo-intenciones">🙏 Intención de hoy</h3>
|
|
<ul id="lista-intenciones-index">
|
|
<li>Por la paz en el mundo y el fin de los conflictos.</li>
|
|
<li>Por los enfermos y sus familias, para que encuentren consuelo y sanación.</li>
|
|
<li>Por los líderes del mundo, para que gobiernen con sabiduría y justicia.</li>
|
|
</ul>
|
|
<a href="intenciones.html" class="boton">Intenciones de oración</a>
|
|
</section>
|
|
|
|
<!-- DIARIO -->
|
|
<section class="bloque bloque-intimo" id="seccion-diario-index">
|
|
<h3>🕯 Mi diario espiritual</h3>
|
|
<p class="texto-suave" id="texto-diario-index">
|
|
Un espacio personal para escribir lo que llevas en el corazón
|
|
</p>
|
|
<div id="diario-preview-index"></div>
|
|
<a href="diario-oracion.html" class="boton" id="boton-diario-index">Escribir en mi diario</a>
|
|
</section>
|
|
|
|
<section class="bloque bloque-fondo" style="background-image: url('img/rosario.jpg');">
|
|
<div class="capa-oscura">
|
|
<h3>Rosario</h3>
|
|
<p id="nombre_misterio">Misterios Gozosos</p>
|
|
<a href="rosario.html" class="boton">Rezar ahora</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bloque bloque-fondo" style="background-image: url('img/oraciones.jpg');">
|
|
<div class="capa-oscura">
|
|
<h3>Oraciones</h3>
|
|
<p>Padre Nuestro, Ave María, Gloria</p>
|
|
<a href="oraciones-basicas.html" class="boton">Ver Oraciones</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bloque bloque-fondo" style="background-image: url('img/biblioteca.jpg');">
|
|
<div class="capa-oscura">
|
|
<h3>Biblioteca cristiana</h3>
|
|
<p>Recomendaciones de libros y recursos cristianos</p>
|
|
<a href="biblioteca-cristiana.html" class="boton">Ver Biblioteca</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- RECURSOS -->
|
|
<!--
|
|
<section class="recursos">
|
|
<a href="santos.html">Santos y novenas</a>
|
|
<a href="calendario-liturgico/index.php">Calendario litúrgico</a>
|
|
<a href="biblioteca-basica-cristiana.html">Biblioteca</a>
|
|
</section>
|
|
-->
|
|
|
|
</main>
|
|
|
|
<script src="js/api-config.js"></script>
|
|
<script src="js/auth.js"></script>
|
|
<script src="js/header.js"></script>
|
|
<script src="js/codigo.js"></script>
|
|
</body>
|
|
</html>
|