128 lines
3.7 KiB
HTML
128 lines
3.7 KiB
HTML
<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> |