73 lines
2.5 KiB
Plaintext
73 lines
2.5 KiB
Plaintext
---
|
|
import "../styles/app.css";
|
|
import { Regular as Logo } from "@components/Logo";
|
|
import { Container } from "@components/Container";
|
|
import { ArrowLeftStartOnRectangleIcon } from "@heroicons/react/24/solid";
|
|
---
|
|
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<title>EDUSEG® — Educação que garante sua segurança</title>
|
|
</head>
|
|
|
|
<body>
|
|
<Container className="flex items-center py-2.5 max-lg:px-5">
|
|
<Logo className="h-10" />
|
|
|
|
<div class="ml-auto">
|
|
<a href="#" class="flex gap-1 items-center"
|
|
><ArrowLeftStartOnRectangleIcon
|
|
className="w-5 rotate-180"
|
|
/>Entrar</a
|
|
>
|
|
</div>
|
|
</Container>
|
|
|
|
<section class="bg-lime-400 sticky top-0 z-10">
|
|
<Container className="flex items-center py-2.5 lg:py-5 max-lg:px-5">
|
|
<div class="text-black truncate max-lg:max-w-42">
|
|
NR-18 PEMT Plataforma Móvel de Trabalho Aéreo
|
|
</div>
|
|
|
|
<div
|
|
class="ml-auto flex max-lg:flex-col items-center gap-1 lg:gap-2.5"
|
|
>
|
|
<button
|
|
class="bg-black p-2.5 rounded-md cursor-pointer text-sm"
|
|
>
|
|
Comprar R$100
|
|
</button>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
|
|
<slot />
|
|
|
|
<footer class="bg-green-primary p-5 lg:py-10">
|
|
<Container className="space-y-5">
|
|
<div class="space-y-1">
|
|
<Logo className="h-10" />
|
|
<p class="text-sm text-green-tertiary leading-4">
|
|
Educação que garante<br />sua segurança.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-1">
|
|
<h6 class="text-xl">Cursos</h6>
|
|
<ul>
|
|
<li>Lei Lucas</li>
|
|
<li>NR-18 PEMT Plataforma Móvel de Trabalho Aéreo</li>
|
|
<li>NR-35 Trabalho em Altura</li>
|
|
<li>NR-10 Básico</li>
|
|
</ul>
|
|
</div>
|
|
</Container>
|
|
</footer>
|
|
</body>
|
|
</html>
|