88 lines
3.1 KiB
HTML
Executable File
88 lines
3.1 KiB
HTML
Executable File
<!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">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="header-container"></div>
|
|
|
|
<main class="contenedor">
|
|
<!-- DIFUNTO -->
|
|
<section class="tarjeta-difunto">
|
|
<div id="difunto-hoy"></div>
|
|
</section>
|
|
|
|
<!-- SALMO -->
|
|
<section class="bloque">
|
|
<blockquote class="salmo" id="__salmo">
|
|
Salmo del día no disponible
|
|
</section>
|
|
|
|
<!-- INTENCIÓN -->
|
|
<section class="bloque">
|
|
<h3>🙏 Intención de hoy</h3>
|
|
<p class="intencion">
|
|
<ul>
|
|
<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>
|
|
</p>
|
|
<a href="intenciones.html" class="boton">Intenciones de oración</a>
|
|
</section>
|
|
|
|
<!-- DIARIO -->
|
|
<!--
|
|
<section class="bloque bloque-intimo">
|
|
<h3>🕯 Mi oración de hoy</h3>
|
|
<p class="texto-suave">
|
|
Un espacio personal para escribir lo que llevas en el corazón
|
|
</p>
|
|
<a href="diario-oracion.html" class="boton">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/header.js"></script>
|
|
<script src="js/codigo.js"></script>
|
|
</body>
|
|
</html>
|