2024-09-13 00:59:43 -04:00
|
|
|
<section class="flex py-12 px-5 gap-4 flex-col md:flex-row mx-auto">
|
2024-09-12 13:41:14 -04:00
|
|
|
<div class="w-full relative inline-block">
|
2024-09-13 13:50:19 -04:00
|
|
|
<div class="hidden md:flex flex-col">
|
|
|
|
|
<div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
|
|
|
|
|
<div class="relative">
|
|
|
|
|
<img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}" alt="Image">
|
|
|
|
|
<div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-09-12 19:23:44 -04:00
|
|
|
</div>
|
2024-09-12 13:41:14 -04:00
|
|
|
</div>
|
|
|
|
|
<div class="w-full">
|
|
|
|
|
<p class="lg:w-2/3 mx-auto text-4xl sm:text-5xl uppercase text-left title-font mb-4">
|
|
|
|
|
{{ .Params.headerTitle }}
|
|
|
|
|
</p>
|
|
|
|
|
<p class="lg:w-2/3 text-md mx-auto leading-relaxed text-base">
|
|
|
|
|
{{ .Params.headerDesc }}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
