49 lines
2.7 KiB
Plaintext
49 lines
2.7 KiB
Plaintext
---
|
|
import { Icon } from "astro-icon/components";
|
|
import { Image } from "astro:assets"
|
|
import jbp from "../../assets/DRJBP-1.webp";
|
|
---
|
|
<div class="bg-[#22523F]">
|
|
<div class="container mx-auto py-20 relative text-[#EBE5D0]">
|
|
<div class="absolute bottom-0 right-0 w-80 hidden lg:block">
|
|
<Image
|
|
src={jbp.src}
|
|
alt=""
|
|
/>
|
|
</div>
|
|
<h4 class="text-lg text-center font-bold uppercase ">Contacto</h4>
|
|
<h2 class="text-2xl lg:text-5xl text-center font-bold font-secondary my-8">Conectemos con visión y propósito</h2>
|
|
|
|
<div class="px-12 lg:px-4 lg:w-2/5 mx-auto">
|
|
<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 class="text-lg font-light mb-10 wrap-break-word">Correo electrónico: <strong>info@centrodelreinodepazyjusticia.com</strong> Redes sociales: actualizaciones permanentes sobre actividades y convocatorias.</p>
|
|
|
|
<div class="flex flex-col gap-4">
|
|
<form action="">
|
|
<fieldset>
|
|
<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" class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 placeholder:text-[#303335]" />
|
|
|
|
<textarea placeholder="Escriba su mensaje" rows="5" class="bg-[#EBE5D0] w-full py-2 px-4 mb-2 placeholder:text-[#303335]"></textarea>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="flex flex-row justify-between">
|
|
<ul class="flex flex-row gap-2">
|
|
<li class="border-r-1 pr-2"><a href="#"><Icon name="ph:linkedin-logo-thin" class="text-3xl" /></a></li>
|
|
<li class="border-r-1 pr-2"><a href="#"><Icon name="ph:instagram-logo-thin" class="text-3xl" /></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" class="text-3xl" /></a></li>
|
|
</ul>
|
|
<button class="bg-[#003421] px-4 py-2 text-sm hover:bg-[#EBE5D0] hover:text-[#003421] cursor-pointer">
|
|
Enviar
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mt-20">
|
|
<p class="px-4 text-sm text-white">©2026. Todos los Derechos Reservados. All Rights Reserved. Centro del Reino de Paz y Justicia</p>
|
|
</div>
|
|
</div>
|
|
</div> |