110 lines
3.6 KiB
HTML
110 lines
3.6 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">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="header-hoy" id="header-hoy">
|
|
<h1 class="titulo">RECURSOS CATÓLICOS</h1>
|
|
|
|
<div class="fecha">
|
|
<span id="fecha-hoy">Martes, 15 de enero de 2026</span>
|
|
|
|
<div class="ciclo">
|
|
<span id="nombre_ciclo">ABC</span>
|
|
<span id="ciclo_par_impar">Par o impar</div>
|
|
</div>
|
|
|
|
<div id="indicador-liturgico" class="liturgico">
|
|
<span class="color-dia" id="color-liturgico" title="Tiempo Ordinario"></span>
|
|
<span class="nombre-color" id="tiempo-liturgico">Tiempo Ordinario</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="santo">
|
|
<h2 id="santo-del-dia">Santa Maria Madre de Dios</h2>
|
|
<div id="descripcion-santo-del-dia">(Patrona de los conductores)</div>
|
|
</div>
|
|
|
|
<!-- MENU -->
|
|
<nav class="menu-principal" id="menu-principal">
|
|
<a href="index.html">Inicio</a>
|
|
<a href="rosario.html">Rosario</a>
|
|
<a href="oraciones-basicas.html">Oraciones Básicas</a>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
<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="diario-oracion.html" class="boton">Ofrecer mi 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>
|
|
|
|
|
|
<!-- 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/codigo.js"></script>
|
|
</body>
|
|
</html>
|