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

Adding FormationSection

This commit is contained in:
Julio Ruiz 2026-02-11 17:30:49 -05:00
parent 1d669a0d31
commit 1588b88b33
2 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/section/FormationSection.astro Normal file
View File

@ -0,0 +1,48 @@
---
import { Icon } from "astro-icon/components";
---
<div class="bg-[#BEA48D] py-20">
<div class="container mx-auto">
<h4>Programas y areas de acción</h4>
<h2>Formación y Capacitación</h2>
<p>El CPyJ desarrolla cursos, seminarios y programas de formación dirigidos a líderes, profesionales, referentes institucionales y actores con responsabilidad pública.</p>
<div class="grid grid-cols-3 gap-20">
<div class="bg-[#EBE5D0] p-12">
<Icon name="ph:arrow-circle-down-thin" class="text-6xl mb-12" />
<h4 class="text-[#003421] font-bold text-2xl mb-12">Area de Formacion</h4>
<p>
<ul>
<li>Liderazgo ético y estra- tégico.</li>
<li>Mediación y resolución responsable de conflic- tos.</li>
<li>Fe, valores y acción en el espacio público.</li>
<li>Análisis de escenarios internacionales y desa- fíos contemporáneos.</li>
<li>Fundamentos para la construcción de una paz sólida y duradera, con eje en Israel.</li>
</ul>
</p>
<Icon name="ph:magnifying-glass" />
</div>
<div class="bg-[#EBE5D0] p-12">
<Icon name="ph:arrow-circle-down-thin" class="text-6xl mb-12" />
<h4 class="text-[#003421] font-bold text-2xl mb-12">Asesoría y Consultoría</h4>
<p>Acompañamiento estratégico a organiza- ciones e instituciones que buscan diseñar e implementar iniciativas de impacto, alineadas con valores claros, objetivos transversales y una visión de largo plazo.</p>
<Icon name="ph:magnifying-glass" />
</div>
<div class="bg-[#EBE5D0] p-12">
<Icon name="ph:arrow-circle-down-thin" class="text-6xl mb-12" />
<h4 class="text-[#003421] font-bold text-2xl mb-12">Proyectos de Acción</h4>
<p>Desarrollo de iniciativas concretas en distintos territorios, orientadas a la formación, la preven- ción de conflictos y el fortalecimiento de lide- razgos locales con visión internacional.</p>
<Icon name="ph:handshake-thin" />
</div>
</div>
</div>
</div>

2
src/pages/index.astro
View File

@ -14,6 +14,7 @@ import ColorSection from "../components/section/ColorSection.astro";
import TitleSection from "../components/section/TitleSection.astro";
import GridSection from "../components/section/GridSection.astro";
import ColumnsSection from "../components/section/ColumnsSection.astro";
import FormationSection from "../components/section/FormationSection.astro";
const carouselImages2 = [
"https://picsum.photos/1920/800?random=1&grayscale",
@ -68,6 +69,7 @@ Su mirada es estratégica, internacional y orientada al futuro, consciente de lo
<!-- Diplomacia -->
<!-- Formacion -->
<FormationSection />
<CarouselSection images={carouselImages2} />