41 lines
2.5 KiB
Plaintext
41 lines
2.5 KiB
Plaintext
---
|
|
import { Icon } from "astro-icon/components";
|
|
|
|
const { props } = Astro.props;
|
|
---
|
|
<div class="container mx-auto">
|
|
<div class="grid grid-cols-2 min-h-100">
|
|
<div class="bg-[#EBE5D0] p-24 grid grid-cols-2">
|
|
<div class="leftcol flex justify-between flex-col min-h-full">
|
|
<h2 class="text-5xl font-secondary text-tertiary font-bold">Justicia</h2>
|
|
<p class="text-lg text-tertiary">Compromiso activo con un orden justo, basado en principios morales, respeto por la dignidad humana y defensa de valores permanentes.</p>
|
|
</div>
|
|
<div class="rightcol flex justify-end align-bottom min-h-full ">
|
|
<Icon name="ph:scales-thin" class="text-9xl text-tertiary self-end" />
|
|
</div>
|
|
</div>
|
|
<div class="bg-tertiary p-24 grid grid-cols-2">
|
|
<div class="leftcol flex justify-between flex-col min-h-full">
|
|
<h2 class="text-5xl font-secondary font-bold text-[#CBA16A]">Integridad</h2>
|
|
<p class="text-[#CBA16A] text-lg">Coherencia entre pensamiento, palabra y acción; transparencia institucional y respon- sabilidad en el espacio público.</p>
|
|
</div>
|
|
<div class="rightcol flex justify-end align-bottom min-h-full ">
|
|
<Icon name="ph:brain-thin" class="text-[#EBE5D0] text-9xl self-end" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-3">
|
|
<div class="bg-tertiary p-24 flex justify-between flex-col min-h-full aspect-square">
|
|
<h2 class="text-5xl font-secondary font-bold text-white">Servicio con Propósito</h2>
|
|
<p class="text-xl text-[#EBE5D0]">Vocación de acompa- ñamiento y acción orientada a objetivos claros y trascendentes.</p>
|
|
</div>
|
|
<div class="bg-[#BEA48D] p-24 flex justify-between flex-col min-h-full aspect-square">
|
|
<h2 class="text-5xl font-secondary font-bold text-tertiary">Excelencia</h2>
|
|
<p class="text-xl text-tertiary">Rigor intelectual, profe- sionalismo y mejora constante en todas las áreas de trabajo.</p>
|
|
</div>
|
|
<div class="bg-[#22523F] p-24 flex justify-between flex-col min-h-full aspect-square">
|
|
<h2 class="text-5xl font-secondary font-bold text-tertiary">Diálogo Estratégico</h2>
|
|
<p class="text-tertiary text-xl">Apertura al intercambio entre culturas, naciones y credos, sin renunciar a convicciones ni principios fundamentales.</p>
|
|
</div>
|
|
</div>
|
|
</div> |