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

Added pariticpate section

This commit is contained in:
Julio Ruiz 2026-02-10 23:27:45 -05:00
parent 6f8b1fa1a6
commit bb884e1299
3 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ParticipateSection.astro Normal file
View File

@ -0,0 +1,27 @@
---
---
<div class="bg-[#CBA16A] py-20">
<h4 class="text-white text-2xl uppercase font-bold text-center mb-4 font-primary">Participa | Colabora</h4>
<h2 class="text-white text-6xl font-bold text-center font-secondary mb-4">Sumarse es asumir un compromiso con propósito</h2>
<p>La labor del CPyJ se fortalece mediante la participación de personas e instituciones alineadas con sus valores y objetivos generales. Formas de participar:</p>
<div class="grid grid-cols-3 gap-20 my-20">
<div class="border-1 border-white p-8">
<h5>Voluntariado:</h5>
<p>colaboración en proyectos formativos, institucionales o internacionales.</p>
</div>
<div class="border-1 border-white p-8">
<h5>Aportes y donaciones:</h5>
<p>sostenimiento de programas y actividades.</p>
</div>
<div class="border-1 border-white p-8">
<h5>Difusión institucional:</h5>
<p>amplificación de la misión y acciones del CPyJ en espacios públicos.</p>
</div>
</div>
<p>La paz se construye mediante decisiones responsables, liderazgo comprometido y acción sostenida.</p>
</div>

4
src/layouts/MainLayout.astro
View File

@ -8,8 +8,10 @@ const { title } = Astro.props;
<html lang="en"> <html lang="en">
<BaseHead title={title} /> <BaseHead title={title} />
<body class="font-primary max-w-480 mx-auto px-29"> <body class="font-primary">
<div class="max-w-480 mx-auto px-29">
<Header /> <Header />
</div>
<article> <article>
<slot /> <slot />
</article> </article>

10
src/pages/index.astro
View File

@ -4,9 +4,19 @@ import "../styles/global.css";
import MainLayout from "../layouts/MainLayout.astro"; import MainLayout from "../layouts/MainLayout.astro";
import HeroHome from "../components/HeroHome.astro"; import HeroHome from "../components/HeroHome.astro";
import NewsSection from "../components/NewsSection.astro"; import NewsSection from "../components/NewsSection.astro";
import ParticipateSection from "../components/ParticipateSection.astro";
--- ---
<MainLayout> <MainLayout>
<div class="max-w-480 mx-auto px-29">
<HeroHome /> <HeroHome />
</div>
<div class="max-w-480 mx-auto px-29">
<NewsSection /> <NewsSection />
</div>
<div class="max-w-480 bg-[#CBA16A] px-29">
<ParticipateSection />
</div>
</MainLayout> </MainLayout>