153 lines
4.2 KiB
Plaintext
153 lines
4.2 KiB
Plaintext
---
|
|
import Image from "astro/components/Image.astro";
|
|
import "../../styles/global.css";
|
|
import logo from "../../assets/logo.svg";
|
|
import "@fontsource-variable/roboto-condensed";
|
|
---
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<title>Astro</title>
|
|
</head>
|
|
<body>
|
|
<div class="drawer">
|
|
<input id="my-drawer-3" type="checkbox" class="drawer-toggle" />
|
|
<div class="drawer-content flex flex-col">
|
|
<!-- Header -->
|
|
<div class="mx-auto container py-3">
|
|
<div class="navbar">
|
|
<div class="navbar-start">
|
|
<div class="dropdown">
|
|
<div class="flex-none lg:hidden">
|
|
<label
|
|
for="my-drawer-3"
|
|
aria-label="open sidebar"
|
|
class="btn btn-square btn-ghost"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
class="inline-block h-6 w-6 stroke-current"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M4 6h16M4 12h16M4 18h16"
|
|
></path>
|
|
</svg>
|
|
</label>
|
|
</div>
|
|
<ul
|
|
tabindex="0"
|
|
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow uppercase"
|
|
>
|
|
<li><a href="#">Inicio</a></li>
|
|
<li><a href="#">Actividades</a></li>
|
|
<li><a href="#">Conferencias</a></li>
|
|
<li><a href="#">Imprenta</a></li>
|
|
<li><a href="#">Donaciones</a></li>
|
|
<li><a href="#">Escuela Biblica</a></li>
|
|
<li><a href="#">En Vivo</a></li>
|
|
<li><a href="#">Buscar</a></li>
|
|
</ul>
|
|
</div>
|
|
<a class="btn btn-link text-xl"
|
|
><Image
|
|
src={logo}
|
|
alt="La Gran Carpa Catedral"
|
|
/></a
|
|
>
|
|
</div>
|
|
<div class="navbar-center hidden lg:flex">
|
|
<ul class="menu menu-horizontal px-1 uppercase text-[16px]">
|
|
<li><a href="#">Inicio</a></li>
|
|
<li><a href="#">Actividades</a></li>
|
|
<li><a href="#">Conferencias</a></li>
|
|
<li><a href="#">Imprenta</a></li>
|
|
<li><a href="#">Donaciones</a></li>
|
|
<li><a href="#">Escuela Biblica</a></li>
|
|
<li><a href="#">En Vivo</a></li>
|
|
</ul>
|
|
<a class="btn">Button</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Header -->
|
|
|
|
<!-- Breadcrumbs -->
|
|
<div class="bg-neutral-200 min-h-8">
|
|
<div class="container mx-auto flex items-center justify-between px-4">
|
|
<div class="breadcrumbs text-xs uppercase">
|
|
<ul>
|
|
<li><a>Inicio</a></li>
|
|
<li><a>Documents</a></li>
|
|
<li>Add Document</li>
|
|
</ul>
|
|
</div>
|
|
<div class="dropdown dropdown-end">
|
|
<div
|
|
tabindex="0"
|
|
role="button"
|
|
class="btn btn-link m-1"
|
|
>
|
|
Español
|
|
</div>
|
|
<ul
|
|
tabindex="0"
|
|
class="dropdown-content menu bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm"
|
|
>
|
|
<li><a>Español</a></li>
|
|
<li><a>English</a></li>
|
|
<li><a>Portugues</a></li>
|
|
<li><a>Francois</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--End Breadcrumbs -->
|
|
|
|
<!--Main Content -->
|
|
<div class="bg-white">
|
|
<div class="container mx-auto flex items-center justify-between p-4">
|
|
Content
|
|
</div>
|
|
</div>
|
|
<!--End Main Content -->
|
|
|
|
<!--Footer -->
|
|
<div class="bg-neutral-200">
|
|
<div class="container mx-auto flex items-center justify-between p-4">
|
|
Footer Content
|
|
</div>
|
|
<div class="bg-neutral-300">
|
|
<div class="container mx-auto flex items-centere justify-center p-2 text-sm">
|
|
© La Gran Carpa Catedral, Corp. 2024
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--End Footer -->
|
|
</div>
|
|
|
|
<!--Sidebar -->
|
|
<div class="drawer-side">
|
|
<label
|
|
for="my-drawer-3"
|
|
aria-label="close sidebar"
|
|
class="drawer-overlay"></label>
|
|
<ul class="menu bg-base-200 min-h-full w-80 p-4">
|
|
<!-- Sidebar content here -->
|
|
<li><a>Sidebar Item 1</a></li>
|
|
<li><a>Sidebar Item 2</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--End Sidebar -->
|
|
</div>
|
|
</body>
|
|
</html>
|