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

Initial commit

This commit is contained in:
Julio Ruiz 2026-02-10 17:32:06 -05:00
commit e67815fcd5
7 changed files with 128 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/jbp_hero_image.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 181 KiB

BIN
img/logo_pin.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
img/table_2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
img/table_4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

BIN
img/table_5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
img/table_7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

128
index.html Normal file
View File

@ -0,0 +1,128 @@
<html>
<head>
<title>Centro del Reino de Paz y Justicia</title>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style>
#hero {
background : #22523F;
height : 1080px;
}
</style>
</head>
<body>
<div id="hero">
<div id="menu" class="flex">
<div id="logo" class="w-1/3">
</div>
<ul class="flex gap-2">
<li><a href="#">Home</a></li>
<li><a href="#">Somos</a></li>
<li><a href="#">Programas</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
<div class="flex gap-4">
<div class="w-1/3">
<img src="./img/logo_pin.webp" alt="Centro del Reino de Paz y Justicia" />
</div>
<div class="w-1/3">
<img src="./img/jbp_hero_image.webp" alt="Dr. José Benjamín Pérez Matos" />
</div>
<div class="w-1/3">
"El sueno de mi vida es ver cumplia la vision de los profetas: un mundo de justicia y paz para el bien de Israel y de toda la humanidad."
</div>
</div>
</div>
<div class="flex">
<div class="w-1/3 bg-[#CBA16A] aspect-square">
col1
</div>
<div class="w-1/3 bg-[#014231] aspect-square">
col1
</div>
<div class="w-1/3 bg-[#EBE6D2] aspect-square">
col1
</div>
</div>
<div class="grid grid-cols-3">
<div class="row-span-2 col-span-2 bg-white aspect-square">
lhs
</div>
<div class="row-span-1 bg-[#CBA16A]">
rhs top
</div>
<div class="row-span-1 bg-[#014231]">
rhsbtton
</div>
</div>
<div class="flex aspect-video bg-[#aaa]">
Image slider
</div>
<div class="grid grid-cols-3 aspect-square">
<div class="col-span-1 bg-[#014231]">
LHS
</div>
<div class="col-span-2 bg-white">
RHS
</div>
<div class="col-span-2 bg-[#003421]">
LHS
</div>
<div class="col-span-1 bg-[#CBA16A]">
RHS
</div>
</div>
<div class="flex py-8">
<h2>Dr. José Benjamín Pérez Matos | Trayectoria</h2>
</div>
<div class="grid grid-cols-4">
<div class="bg-[#EBE5D0]">
Dirección de La Gran Carpa Catedral. Puerto Rico
</div>
<div>
2
</div>
<div class="bg-[#BEA48D]">
Participación activa en escenarios internacionales.
</div>
<div>
4
</div>
<div>
5
</div>
<div class="bg-[#003421]">
Enseñanza bíblica aplicada al análisis del mundo contemporáneo.
</div>
<div>
7
</div>
<div class="bg-[#EBE5D0]">
Compromiso público en la defensa de Israel, la justicia y la paz.
</div>
</div>
<div class="bg-[#22523F] h-[300px]">
</div>
<div class="bg-[#CBA16A] h-[300px]">
</div>
<div class="flex py-8">
<h2>Valores Intitucionales</h2>
</div>
</body>
</html>