wip
This commit is contained in:
@@ -13,7 +13,7 @@ import Container from "~/components/Container.astro";
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<div class="lg:w-8/12 2xl:w-6/14 mx-auto space-y-5">
|
<div class="lg:w-8/12 2xl:w-6/14 mx-auto space-y-5">
|
||||||
<h5 class="text-4xl lg:text-6xl/14 lg:font-bold">
|
<h5 class="text-4xl lg:text-6xl/14 lg:font-semibold">
|
||||||
Certificados digitais com respaldo legal e gestão completa
|
Certificados digitais com respaldo legal e gestão completa
|
||||||
</h5>
|
</h5>
|
||||||
<ul class="lg:text-lg list-disc list-inside">
|
<ul class="lg:text-lg list-disc list-inside">
|
||||||
|
|||||||
@@ -3,54 +3,60 @@ import Container from "~/components/Container.astro";
|
|||||||
---
|
---
|
||||||
|
|
||||||
<Container id="planos">
|
<Container id="planos">
|
||||||
<section class="grid grid-cols-3 gap-5 min-h-92 w-4/6 mx-auto">
|
<section class="space-y-5 lg:space-y-10 w-4/6 mx-auto">
|
||||||
<div
|
<h1 class="text-pretty text-4xl lg:text-6xl text-center">
|
||||||
class="bg-white/10 p-10 rounded-xl flex flex-col hover:outline outline-lime-400 outline-offset-3"
|
<!-- Escolha a melhor forma de contratação para sua empresa -->
|
||||||
>
|
Formas de contratação
|
||||||
<h1>Plan A</h1>
|
</h1>
|
||||||
<ul class="list-disc list-inside">
|
<div class="grid grid-cols-3 gap-5 min-h-92">
|
||||||
<li>Lorem ipsum</li>
|
<div
|
||||||
<li>Lorem ipsum</li>
|
class="bg-white/10 border border-white/15 p-10 rounded-xl flex flex-col hover:outline outline-lime-400"
|
||||||
<li>Lorem ipsum</li>
|
|
||||||
</ul>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
|
|
||||||
>
|
>
|
||||||
Contratar
|
<h1>Plan A</h1>
|
||||||
</a>
|
<ul class="list-disc list-inside">
|
||||||
</div>
|
<li>Lorem ipsum</li>
|
||||||
<div
|
<li>Lorem ipsum</li>
|
||||||
class="bg-white/10 p-10 rounded-xl flex flex-col hover:outline outline-lime-400 outline-offset-3"
|
<li>Lorem ipsum</li>
|
||||||
>
|
</ul>
|
||||||
<h1>Plan A</h1>
|
<a
|
||||||
<ul class="list-disc list-inside">
|
href="#"
|
||||||
<li>Lorem ipsum</li>
|
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
|
||||||
<li>Lorem ipsum</li>
|
>
|
||||||
<li>Lorem ipsum</li>
|
Contratar
|
||||||
</ul>
|
</a>
|
||||||
<a
|
</div>
|
||||||
href="#"
|
<div
|
||||||
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
|
class="bg-white/10 p-10 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
|
||||||
>
|
>
|
||||||
Contratar
|
<h1>Plan A</h1>
|
||||||
</a>
|
<ul class="list-disc list-inside">
|
||||||
</div>
|
<li>Lorem ipsum</li>
|
||||||
<div
|
<li>Lorem ipsum</li>
|
||||||
class="bg-white/10 p-10 rounded-xl flex flex-col hover:outline outline-lime-400 outline-offset-3"
|
<li>Lorem ipsum</li>
|
||||||
>
|
</ul>
|
||||||
<h1>Plan A</h1>
|
<a
|
||||||
<ul class="list-disc list-inside">
|
href="#"
|
||||||
<li>Lorem ipsum</li>
|
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
|
||||||
<li>Lorem ipsum</li>
|
>
|
||||||
<li>Lorem ipsum</li>
|
Contratar
|
||||||
</ul>
|
</a>
|
||||||
<a
|
</div>
|
||||||
href="#"
|
<div
|
||||||
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
|
class="bg-white/10 p-10 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
|
||||||
>
|
>
|
||||||
Contratar
|
<h1>Plan A</h1>
|
||||||
</a>
|
<ul class="list-disc list-inside">
|
||||||
|
<li>Lorem ipsum</li>
|
||||||
|
<li>Lorem ipsum</li>
|
||||||
|
<li>Lorem ipsum</li>
|
||||||
|
</ul>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
|
||||||
|
>
|
||||||
|
Contratar
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</Container>
|
</Container>
|
||||||
|
|||||||
@@ -56,7 +56,7 @@ const { Content } = await render(course);
|
|||||||
}
|
}
|
||||||
</span>
|
</span>
|
||||||
<h1
|
<h1
|
||||||
class="text-pretty font-semibold text-4xl lg:text-7xl"
|
class="text-pretty font-bold text-4xl lg:text-7xl"
|
||||||
data-pagefind-meta="title"
|
data-pagefind-meta="title"
|
||||||
data-pagefind-filter=`curso:${data.course.reciclagem ? 'reciclagem' : 'formação'}`
|
data-pagefind-filter=`curso:${data.course.reciclagem ? 'reciclagem' : 'formação'}`
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
@apply text-white bg-black scroll-pt-22 antialiased;
|
@apply text-white bg-black scroll-pt-32 antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Pagefind */
|
/* Pagefind */
|
||||||
|
|||||||
Reference in New Issue
Block a user