Adornando paginas con fotos
This commit is contained in:
Tatiana Villa Ema
parent
b46d946e9f
commit
d0eed818ca
|
|
@ -6,6 +6,7 @@
|
|||
<title>Biblioteca cristiana</title>
|
||||
<link rel="icon" type="image/x-icon" href="img/favicon.png">
|
||||
<link rel="stylesheet" href="css/estilos.css">
|
||||
<link rel="stylesheet" href="css/biblioteca-cristiana.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="header-hoy" id="header-hoy">
|
||||
|
|
@ -26,21 +27,23 @@
|
|||
</nav>
|
||||
</header>
|
||||
<main class="contenedor">
|
||||
<section class="bloque bloque-fondo">
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/biblia.jpg');">
|
||||
<h3>Biblia y evangelio</h3>
|
||||
<p><a href="https://www.amazon.es/Sagrada-Bibliapopular-geltexbac-EDICIONES-B%C3%8DBLICAS/dp/8422015617/ref=sr_1_6?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=2X17ZIW20JHVF&keywords=biblia&qid=1686516688&sprefix=biblia%2Caps%2C94&sr=8-6">Sagrada Biblia de la conferencia Episcopal Española (CEE)</a></p>
|
||||
<p><a href="https://www.amazon.es/Catecismo-Doctrina-Cristiana-Ediciones-Populares/dp/8483531496/ref=sr_1_3?crid=1CHRQQCBSKTOY&keywords=catecismo+astete&qid=1686517828&s=books&sprefix=Catecismo+as%2Cstripbooks%2C80&sr=1-3" target="_blank" rel="noreferrer noopener">Catecismo de la doctrina cristiana</a></p>
|
||||
</section>
|
||||
|
||||
<section class="bloque bloque-fondo">
|
||||
<h3>Vidas de santos y películas</h3>
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/santos.jpg');">
|
||||
<h3>Vidas de santos</h3>
|
||||
<p><a href="https://www.amazon.es/d%C3%ADas-Madre-Teresa-Jos%C3%A9-Gonz%C3%A1lez-Balado-ebook/dp/B09SGHLP6R/ref=tmm_kin_swatch_0?_encoding=UTF8&qid=1686518245&sr=1-12">365 días con la madre Teresa de Calcuta</a></p>
|
||||
<p><a href="https://www.amazon.es/Francisco-Asis-Santos-Amigos-Dios/dp/8484079244/ref=sr_1_1?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&crid=3JXXXQXP05Y9H&keywords=san+francisco+de+asis+luis+perez+simon&qid=1686518697&s=digital-text&sprefix=san+francisco+de+asis+luis+perez+simon%2Cdigital-text%2C77&sr=1-1">San Francisco de Asis (Padre de los Franciscanos)</a> </p>
|
||||
</section>
|
||||
<p><a href="https://amzn.eu/d/0bv8Tit">Historia de un alma: La doctrina espiritual de Santa Teresita del Niño Jesús (VersiónKindle)</a></p>
|
||||
</section>
|
||||
|
||||
<section class="bloque bloque-fondo">
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/peliculas.jpg');">
|
||||
<h3>Películas</h3>
|
||||
<p><a href="https://www.primevideo.com/detail/0RIG0ODHPZZNTT1XF4Y8I9VM46/ref=dvm_src_ret_es_xx_s">Una monja de cuidado</a> (Sister Act)</p>
|
||||
<p><a href="#">The chosen</a></p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,50 @@
|
|||
/* Fuentes importadas corregidas */
|
||||
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Nunito:wght@400;600&display=swap');
|
||||
|
||||
:root {
|
||||
/* Paleta refinada */
|
||||
--color-primario: #2F3A56; /* Azul noche espiritual */
|
||||
--color-hover: #24314A; /* Azul noche más oscuro */
|
||||
--color-secundario: #EAF2FA; /* Azul muy suave */
|
||||
--color-fondo: #FAF7F2; /* Crema papel antiguo */
|
||||
--color-texto: #2b2b2b;
|
||||
--color-acento: #E8A23A; /* Dorado litúrgico */
|
||||
--blanco-puro: #FFFFFF;
|
||||
--sombra: rgba(47, 58, 86, 0.15);
|
||||
}
|
||||
|
||||
.oracion {
|
||||
background-color: var(--blanco-puro);
|
||||
margin: 2rem auto;
|
||||
padding: 2rem;
|
||||
max-width: 600px; /* Para que no se estire demasiado en PC */
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 4px 15px var(--sombra);
|
||||
border: none; /* Quitamos el borde oscuro para que sea más elegante */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bloque a {
|
||||
color: var(--color-fondo);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.titulo-oracion {
|
||||
font-family: 'EB Garamond', serif;
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: var(--color-primario);
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 2px solid var(--color-acento);
|
||||
}
|
||||
|
||||
.contenido-oracion {
|
||||
font-family: 'EB Garamond', serif;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.6;
|
||||
color: var(--color-texto);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
BIN
img/favicon.png
BIN
img/favicon.png
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
|
|
@ -93,7 +93,7 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bloque bloque-fondo" style="background-image: url('img/oraciones.jpg');">
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue