LGCC
/
cdrdpyj
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Recompressed JBP Image for footer 

Fixed footer styles
This commit is contained in:
Julio Ruiz 2026-02-11 22:00:14 -05:00
parent d5bf6e7386
commit 9419b8f91b
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/DRJBP-1.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 828 KiB

After

Width:  |  Height:  |  Size: 70 KiB

37
src/components/section/FooterSection.astro
View File

@ -1,36 +1,43 @@
--- ---
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
import Image from "astro/components/Image.astro";
import jbp from "../../assets/DRJBP-1.webp";
--- ---
<div class="bg-[#22523F]"> <div class="bg-[#22523F]">
<div class="container mx-auto py-20"> <div class="container mx-auto py-20 relative text-[#EBE5D0]">
<h4>Contacto</h4> <div class="absolute bottom-0 right-0 w-80">
<h3>Conectmos con visión y propósito</h3> <Image
src={jbp.src}
alt=""
/>
</div>
<h4 class="text-lg text-center font-bold uppercase ">Contacto</h4>
<h2 class="text-6xl text-center font-bold font-secondary my-8">Conectemos con visión y propósito</h2>
<div class="w-1/3 mx-auto"> <div class="w-2/5 mx-auto">
<p>El Centro del Reino de Paz y Justicia dispone de canales directos para consultas institucionales, participación en programas y acti- vidades internacionales.</p> <p class="text-lg font-light mb-10">El <strong>Centro del Reino de Paz y Justicia</strong> dispone de canales directos para consultas institucionales, participación en programas y acti- vidades internacionales.</p>
<p>Correo electrónico: info@centrodelreinodepazyjusticia.com Redes sociales: actualizaciones permanentes sobre actividades y convocatorias.</p> <p class="text-lg font-light mb-10">Correo electrónico: <strong>info@centrodelreinodepazyjusticia.com</strong> Redes sociales: actualizaciones permanentes sobre actividades y convocatorias.</p>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<form action=""> <form action="">
<fieldset> <fieldset>
<input type="text" placeholder="Nombre y Apellido" /> <input type="text" placeholder="Nombre y Apellido" class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 placeholder:text-[#303335]"/>
<input type="text" placeholder="E-Mail" /> <input type="text" placeholder="E-Mail" class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 placeholder:text-[#303335]" />
<textarea placeholder="Escriba su mensaje"></textarea> <textarea placeholder="Escriba su mensaje" rows="5" class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 placeholder:text-[#303335]"></textarea>
</fieldset> </fieldset>
</form> </form>
</div> </div>
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
<ul class="flex flex-row gap-2"> <ul class="flex flex-row gap-2">
<li><a href="#"><Icon name="ph:linkedin-logo-thin" /></a></li> <li class="border-r-1 pr-2"><a href="#"><Icon name="ph:linkedin-logo-thin" class="text-3xl" /></a></li>
<li><a href="#"><Icon name="ph:instagram-logo-thin" /></a></li> <li class="border-r-1 pr-2"><a href="#"><Icon name="ph:instagram-logo-thin" class="text-3xl" /></a></li>
<li><a href="#"><Icon name="ph:facebook-logo-thin" /></a></li> <li class="border-r-1 pr-2"><a href="#"><Icon name="ph:facebook-logo-thin" class="text-3xl" /></a></li>
<li><a href="#"><Icon name="ph:youtube-logo-thin" /></a></li> <li><a href="#"><Icon name="ph:youtube-logo-thin" class="text-3xl" /></a></li>
</ul> </ul>
<button> <button class="bg-[#003421] px-4 py-2 text-sm hover:bg-[#EBE5D0] hover:text-[#003421] cursor-pointer">
Enviar Enviar
</button> </button>
</div> </div>