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

Fixed header styles.

This commit is contained in:
Julio Ruiz 2026-02-11 22:15:18 -05:00
parent 9419b8f91b
commit 3a9c8a8488
2 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Header.astro
View File

@ -12,7 +12,7 @@ import Button from "./ui/Button.astro";
<nav
class="flex justify-evenly gap-10 items-center uppercase text-md text-white"
>
<div class="flex gap-8">
<div class="flex gap-8 font-primary">
<a href="#">Inicio</a>
<a href="#">Somos</a>
<a href="#">Programas</a>

23
src/components/HeroHome.astro
View File

@ -3,10 +3,13 @@ import Header from './Header.astro';
---
<div class="font-secondary">
<div class="h-screen container bg-[url(/src/assets/hero-image.webp)] bg-no-repeat bg-contain bg-bottom mx-auto">
<div class="top-16 relative mb container mx-auto">
<Header />
<div class="grid grid-cols-2 justify-center items-center h-full">
<div class="grid grid-cols-1 gap-8">
</div>
<div class="h-screen max-h-[1080px] container bg-[url(/src/assets/hero-image.webp)] bg-no-repeat bg-contain bg-bottom mx-auto mt-16">
<div class="grid grid-cols-2 h-full">
<div class="gap-8 flex flex-col justify-end">
<div>
<img
src="/src/assets/logo-metalico.png"
@ -14,23 +17,23 @@ import Header from './Header.astro';
class="w-58 mb-4"
/>
</div>
<div class="text-primary font-bold font-primary">
<h1 class="text-3xl">
<div class="text-primary font-semibold font-secondary mb-24 mt-40">
<h1 class="text-6xl mb-8">
Dr. José Benjamín<br /> Pérez Matos
</h1>
<h6 class="uppercase text-white">Lider Fundador</h6>
<h6 class="font-primary font-light uppercase text-white">Lider Fundador</h6>
</div>
</div>
<div class="grid grid-cols-1 gap-8">
<div class="flex flex-col justify-end items-end gap-8">
<div
class="w-1/2 font-primary font-semibold text-2xl text-primary gap-8 flex flex-col"
class="w-1/2 font-primary font-medium text-2xl text-primary gap-8 flex flex-col justify-end mb-24"
>
<h2>
<h2 class="text-[#EAE6D2]">
“El sueño de mi vida es ver cumplida la visión de los
profetas: un mundo de justicia y paz para el bien de
Israel y de toda la humanidad.”
</h2>
<div class="w-32 self-end">
<div class="w-16 self-end mt-64">
<img
src="/src/assets/white-dove.webp"
alt="White Dove"