sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add plan

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-29 11:49:04 -03:00
parent b59d9d3cf2
commit f73da052e5
16 changed files with 94 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
superpage/src/components/Course/Plans.astro
View File

@@ -3,56 +3,86 @@ import Container from "~/components/Container.astro";
---
<Container id="planos">
<section class="space-y-5 lg:space-y-10 w-4/6 mx-auto">
<h1 class="text-pretty text-4xl lg:text-6xl text-center">
<!-- Escolha a melhor forma de contratação para sua empresa -->
Formas de contratação
<section class="space-y-5 lg:space-y-10 lg:w-4/6 mx-auto">
<h1 class="text-pretty text-4xl lg:text-6xl">
Modelos de contratação para sua empresa
</h1>
<div class="grid grid-cols-3 gap-5 min-h-92">
<div class="grid lg:grid-cols-3 gap-5">
<div
class="bg-white/10 border border-white/15 p-10 rounded-xl flex flex-col hover:outline outline-lime-400"
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
>
<h1>Plan A</h1>
<ul class="list-disc list-inside">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
>
EDUSEG Flexível
</h1>
<h2 class="text-xl/6 font-semibold">
Catálogo completo sempre à sua disposição
</h2>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<li>Acesse todos os cursos imediatamente</li>
<li>Pague apenas pelo que usar, mês a mês</li>
<li>Gestão e autonomia direto pela plataforma</li>
</ul>
<p class="mt-auto">
Ideal para empresas que treinam continuamente e precisam de
agilidade.
</p>
<a
href="#"
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
>
Contratar
</a>
</div>
<div
class="bg-white/10 p-10 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
>
<h1>Plan A</h1>
<ul class="list-disc list-inside">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
>
EDUSEG In-Company
</h1>
<h2 class="text-xl/6 font-semibold">
Treinamento presencial na sua empresa
</h2>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<li>Atendemos nas principais cidades do Brasil</li>
<li>Instrutores especialistas com vivência prática</li>
<li>Ideal para grandes turmas ou treinamentos práticos</li>
</ul>
<p class="mt-auto">
Solução sob medida, direto no seu ambiente de trabalho.
</p>
<a
href="#"
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
>
Contratar
</a>
</div>
<div
class="bg-white/10 p-10 border border-white/15 rounded-xl flex flex-col hover:outline outline-lime-400"
class="bg-white/5 border border-white/15 p-4 lg:p-10 rounded-xl flex flex-col space-y-5"
>
<h1>Plan A</h1>
<ul class="list-disc list-inside">
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<li>Lorem ipsum</li>
<h1
class="text-lime-400 border border-lime-400 rounded-lg text-center p-0.5 uppercase"
>
EDUSEG Conteúdo
</h1>
<h2 class="text-xl/6 font-semibold">
Leve nosso conteúdo para sua plataforma
</h2>
<ul class="list-disc max-lg:pl-3 space-y-1.5 text-sm/5">
<li>Customização completa com sua identidade visual</li>
<li>Entregamos em formato SCORM para qualquer LMS</li>
<li>Ideal para empresas com ambiente EAD próprio</li>
</ul>
<p class="mt-auto">
Seu time com o nosso conteúdo, na sua plataforma.
</p>
<a
href="#"
class="font-medium bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block mt-auto text-center"
class="font-semibold bg-lime-400 text-black hover:bg-white p-2.5 rounded-lg block text-center"
>
Contratar
</a>