44 lines
2.4 KiB
Plaintext
44 lines
2.4 KiB
Plaintext
---
|
|
import { Icon } from "astro-icon/components";
|
|
|
|
import { createTranslator } from '../../i18n';
|
|
const tl = createTranslator(Astro.currentLocale);
|
|
|
|
const { props } = Astro.props;
|
|
---
|
|
<div class="container mx-auto">
|
|
<div class="grid md:grid-cols-2 min-h-100">
|
|
<div class="bg-[#EBE5D0] p-12 md:p-24 grid lg:grid-cols-2">
|
|
<div class="leftcol flex justify-between flex-col min-h-full">
|
|
<h2 class="text-5xl font-secondary text-tertiary font-bold">{tl("values.justice.title")}</h2>
|
|
<p class="text-lg text-tertiary">{tl("values.justice.text")}</p>
|
|
</div>
|
|
<div class="rightcol flex justify-end align-bottom min-h-full ">
|
|
<Icon name="icon_justice_1" class="text-9xl text-tertiary self-end" />
|
|
</div>
|
|
</div>
|
|
<div class="bg-tertiary p-12 md:p-24 grid lg:grid-cols-2">
|
|
<div class="leftcol flex justify-between flex-col min-h-full">
|
|
<h2 class="text-5xl font-secondary font-bold text-[#CBA16A]">{tl("values.integrity.title")}</h2>
|
|
<p class="text-[#CBA16A] text-lg">{tl("values.integrity.text")}</p>
|
|
</div>
|
|
<div class="rightcol flex justify-end align-bottom min-h-full ">
|
|
<Icon name="icon_justice_2" class="text-[#EBE5D0] text-9xl self-end" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="grid lg:grid-cols-3">
|
|
<div class="bg-tertiary p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square">
|
|
<h2 class="text-3xl xl:text-5xl font-secondary font-bold text-white">{tl("values.service.title")}</h2>
|
|
<p class="text-xl text-[#EBE5D0]">{tl("values.service.text")}</p>
|
|
</div>
|
|
<div class="bg-[#BEA48D] p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square">
|
|
<h2 class="text-3xl xl:text-5xl font-secondary font-bold text-tertiary">{tl("values.excellence.title")}</h2>
|
|
<p class="text-xl text-tertiary">{tl("values.excellence.text")}</p>
|
|
</div>
|
|
<div class="bg-[#22523F] p-12 xl:p-20 2xl:p-24 flex justify-between flex-col min-h-full lg:aspect-square">
|
|
<h2 class="text-3xl xl:text-5xl font-secondary font-bold text-white">{tl("values.dialogue.title")}</h2>
|
|
<p class="text-white text-xl">{tl("values.dialogue.text")}</p>
|
|
</div>
|
|
</div>
|
|
</div> |