19 lines
No EOL
906 B
HTML
19 lines
No EOL
906 B
HTML
<section class="flex py-12 px-5 gap-4 flex-col md:flex-row mx-auto container ">
|
|
<div class="w-full relative inline-block">
|
|
<div class="flex-col md:flex hidden bg-[#f1f5fc] p-4 rounded-lg">
|
|
<img class="relative object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}">
|
|
</img>
|
|
<div class="text-xs">Photo: <a class="z-40 font-bold" target="_blank"
|
|
href="https://unsplash.com/photos/closeup-photography-of-swarm-of-jellyfish-MYadhrkenNg">Marat Gilyadzinov</a></div>
|
|
</div>
|
|
<div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
|
|
</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> |