|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>EAD MISDIGITAIS - Transforme sua Carreira</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Poppins', sans-serif; |
|
|
scroll-behavior: smooth; |
|
|
} |
|
|
|
|
|
.bg-primary { |
|
|
background-color: #5989bb; |
|
|
} |
|
|
|
|
|
.text-primary { |
|
|
color: #5989bb; |
|
|
} |
|
|
|
|
|
.bg-accent { |
|
|
background-color: #0c7526; |
|
|
} |
|
|
|
|
|
.text-accent { |
|
|
color: #0c7526; |
|
|
} |
|
|
|
|
|
.bg-highlight { |
|
|
background-color: #0f79ba; |
|
|
} |
|
|
|
|
|
.text-highlight { |
|
|
color: #0f79ba; |
|
|
} |
|
|
|
|
|
.hero-section { |
|
|
background: linear-gradient(rgba(89, 137, 187, 0.8), rgba(89, 137, 187, 0.9)), url('https://i.postimg.cc/hjPWLJdh/ead-misdigitais.jpg'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.btn-cta { |
|
|
transition: all 0.3s ease; |
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.btn-cta:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); |
|
|
} |
|
|
|
|
|
.course-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.course-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.testimonial-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.testimonial-card:hover { |
|
|
transform: scale(1.02); |
|
|
} |
|
|
|
|
|
.floating { |
|
|
animation: floating 3s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes floating { |
|
|
0% { transform: translateY(0px); } |
|
|
50% { transform: translateY(-10px); } |
|
|
100% { transform: translateY(0px); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<header class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://i.postimg.cc/VLsx20GR/491465339-3984388385210438-6519628806573268037-n.jpg" alt="EAD MISDIGITAIS Logo" class="h-12"> |
|
|
<span class="ml-2 text-xl font-bold text-primary hidden md:block">EAD MISDIGITAIS</span> |
|
|
</div> |
|
|
<nav class="hidden md:flex space-x-8"> |
|
|
<a href="#beneficios" class="text-gray-700 hover:text-primary font-medium">Benefícios</a> |
|
|
<a href="#cursos" class="text-gray-700 hover:text-primary font-medium">Cursos</a> |
|
|
<a href="#depoimentos" class="text-gray-700 hover:text-primary font-medium">Depoimentos</a> |
|
|
<a href="#faq" class="text-gray-700 hover:text-primary font-medium">FAQ</a> |
|
|
</nav> |
|
|
<div class="md:hidden"> |
|
|
<button id="menu-toggle" class="text-gray-700 focus:outline-none"> |
|
|
<i class="fas fa-bars text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="mobile-menu" class="hidden md:hidden bg-white py-4 px-4 shadow-lg"> |
|
|
<div class="flex flex-col space-y-4"> |
|
|
<a href="#beneficios" class="text-gray-700 hover:text-primary font-medium">Benefícios</a> |
|
|
<a href="#cursos" class="text-gray-700 hover:text-primary font-medium">Cursos</a> |
|
|
<a href="#depoimentos" class="text-gray-700 hover:text-primary font-medium">Depoimentos</a> |
|
|
<a href="#faq" class="text-gray-700 hover:text-primary font-medium">FAQ</a> |
|
|
<a href="#cta" class="bg-primary text-white px-4 py-2 rounded-lg font-medium text-center btn-cta">QUERO COMEÇAR</a> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="hero-section text-white py-16 md:py-24"> |
|
|
<div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<h1 class="text-3xl md:text-5xl font-bold mb-6 leading-tight">Transforme sua Carreira Sem Sair de Casa</h1> |
|
|
<p class="text-xl mb-8">Estude de onde estiver, no seu ritmo, com acesso vitalício e certificado válido em todo o Brasil. Cursos online para quem quer mais: mais oportunidades, mais conhecimento, mais liberdade.</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#cursos" class="bg-accent hover:bg-green-800 text-white px-8 py-4 rounded-lg font-bold text-lg text-center btn-cta">QUERO COMEÇAR MEU CURSO AGORA</a> |
|
|
</div> |
|
|
<div class="mt-6 flex items-center"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img src="https://randomuser.me/api/portraits/women/32.jpg" class="w-10 h-10 rounded-full border-2 border-white" alt="Aluna"> |
|
|
<img src="https://randomuser.me/api/portraits/men/75.jpg" class="w-10 h-10 rounded-full border-2 border-white" alt="Aluno"> |
|
|
<img src="https://randomuser.me/api/portraits/women/63.jpg" class="w-10 h-10 rounded-full border-2 border-white" alt="Aluna"> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<p class="text-sm font-medium">+5.000 alunos transformaram suas vidas</p> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<span class="ml-2 text-sm">4.9/5 (2.500 avaliações)</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 flex justify-center"> |
|
|
<div class="relative floating"> |
|
|
<div class="bg-white rounded-xl p-4 shadow-2xl max-w-md"> |
|
|
<img src="https://i.postimg.cc/hjPWLJdh/ead-misdigitais.jpg" alt="Plataforma EAD" class="rounded-lg w-full"> |
|
|
<div class="mt-4 flex justify-between items-center"> |
|
|
<div> |
|
|
<p class="text-gray-600">Oferta especial</p> |
|
|
<p class="text-2xl font-bold text-primary">Cursos a partir de R$ 67,00</p> |
|
|
</div> |
|
|
<div class="bg-accent text-white px-4 py-2 rounded-lg"> |
|
|
<p class="text-sm font-bold">LIMITADA</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="absolute -bottom-6 -right-6 bg-yellow-400 text-gray-900 px-4 py-2 rounded-lg shadow-lg"> |
|
|
<p class="font-bold">7 DIAS DE GARANTIA</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="beneficios" class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Por que escolher a EAD MISDIGITAIS?</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Descubra como nossos cursos podem transformar sua carreira e sua vida</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full"> |
|
|
<i class="fas fa-clock text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold ml-4">Flexibilidade total</h3> |
|
|
</div> |
|
|
<p class="text-gray-600">Estude no seu tempo, sem pressa e sem pressão. Acesse as aulas quando e onde quiser.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full"> |
|
|
<i class="fas fa-certificate text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold ml-4">Certificação reconhecida</h3> |
|
|
</div> |
|
|
<p class="text-gray-600">Certificado válido em todo território nacional para turbinar seu currículo e destacar suas habilidades.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full"> |
|
|
<i class="fas fa-graduation-cap text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold ml-4">Conteúdo de qualidade</h3> |
|
|
</div> |
|
|
<p class="text-gray-600">Cursos atualizados com foco no que o mercado realmente exige, ministrados por especialistas.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full"> |
|
|
<i class="fas fa-infinity text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold ml-4">Acesso vitalício</h3> |
|
|
</div> |
|
|
<p class="text-gray-600">Revise o conteúdo sempre que quiser, sem prazo para conclusão ou custos adicionais.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full"> |
|
|
<i class="fas fa-laptop text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold ml-4">Plataforma intuitiva</h3> |
|
|
</div> |
|
|
<p class="text-gray-600">Interface simples e amigável que qualquer um consegue usar, até quem não tem prática com tecnologia.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition duration-300"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full"> |
|
|
<i class="fas fa-chart-line text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold ml-4">Do básico ao avançado</h3> |
|
|
</div> |
|
|
<p class="text-gray-600">Cursos para quem está começando do zero ou quer se destacar na área e alcançar novos patamares.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-primary text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-4">Tudo em 3 passos simples</h2> |
|
|
<p class="text-xl max-w-3xl mx-auto">Comece hoje mesmo sua jornada de aprendizado</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="text-center"> |
|
|
<div class="bg-white bg-opacity-20 rounded-full w-24 h-24 flex items-center justify-center mx-auto mb-6"> |
|
|
<span class="text-4xl font-bold">1</span> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Escolha seu curso</h3> |
|
|
<p class="text-white text-opacity-90">Selecione entre nossas diversas opções o curso que mais combina com seus objetivos.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="text-center"> |
|
|
<div class="bg-white bg-opacity-20 rounded-full w-24 h-24 flex items-center justify-center mx-auto mb-6"> |
|
|
<span class="text-4xl font-bold">2</span> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Faça sua matrícula</h3> |
|
|
<p class="text-white text-opacity-90">Processo rápido e seguro, concluído em poucos minutos.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="text-center"> |
|
|
<div class="bg-white bg-opacity-20 rounded-full w-24 h-24 flex items-center justify-center mx-auto mb-6"> |
|
|
<span class="text-4xl font-bold">3</span> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Comece a estudar</h3> |
|
|
<p class="text-white text-opacity-90">Acesso imediato à plataforma para estudar de onde quiser, quando quiser.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 text-center"> |
|
|
<p class="text-xl font-medium mb-6">Sem burocracia. Sem compromisso mensal. No seu tempo, do seu jeito.</p> |
|
|
<a href="#cursos" class="bg-accent hover:bg-green-800 text-white px-8 py-4 rounded-lg font-bold text-lg inline-block btn-cta">VER CURSOS DISPONÍVEIS</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="cursos" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossos Cursos em Destaque</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Invista no seu futuro com cursos a partir de R$ 67,00</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg overflow-hidden course-card border border-gray-100"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Administração e Negócios" class="w-full h-48 object-cover"> |
|
|
<div class="absolute top-4 right-4 bg-accent text-white px-3 py-1 rounded-full text-sm font-bold">MAIS VENDIDO</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Administração e Negócios</h3> |
|
|
<p class="text-gray-600 mb-4">Domine os fundamentos da administração e gestão de negócios para alcançar o sucesso profissional.</p> |
|
|
|
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<span class="ml-2 text-sm">4.9 (1.200)</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-between items-center mb-4"> |
|
|
<div> |
|
|
<span class="text-gray-400 line-through">R$ 197,00</span> |
|
|
<span class="ml-2 text-xl font-bold text-primary">R$ 67,00</span> |
|
|
</div> |
|
|
<div class="text-sm text-gray-500">12 módulos</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="block w-full bg-primary hover:bg-blue-700 text-white text-center py-3 rounded-lg font-medium btn-cta">MATRICULE-SE AGORA</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg overflow-hidden course-card border border-gray-100"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1563013544-824ae1b704d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Marketing Digital" class="w-full h-48 object-cover"> |
|
|
<div class="absolute top-4 right-4 bg-highlight text-white px-3 py-1 rounded-full text-sm font-bold">OFERTA</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Marketing Digital Completo</h3> |
|
|
<p class="text-gray-600 mb-4">Aprenda todas as estratégias para se destacar no digital e conquistar clientes online.</p> |
|
|
|
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star-half-alt text-yellow-400"></i> |
|
|
<span class="ml-2 text-sm">4.7 (890)</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-between items-center mb-4"> |
|
|
<div> |
|
|
<span class="text-gray-400 line-through">R$ 247,00</span> |
|
|
<span class="ml-2 text-xl font-bold text-primary">R$ 97,00</span> |
|
|
</div> |
|
|
<div class="text-sm text-gray-500">15 módulos</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="block w-full bg-primary hover:bg-blue-700 text-white text-center py-3 rounded-lg font-medium btn-cta">MATRICULE-SE AGORA</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg overflow-hidden course-card border border-gray-100"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Desenvolvimento Web" class="w-full h-48 object-cover"> |
|
|
<div class="absolute top-4 right-4 bg-accent text-white px-3 py-1 rounded-full text-sm font-bold">NOVO</div> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-2">Desenvolvimento Web Moderno</h3> |
|
|
<p class="text-gray-600 mb-4">Aprenda a criar sites e aplicações web do zero com as tecnologias mais atuais do mercado.</p> |
|
|
|
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<span class="ml-2 text-sm">5.0 (420)</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-between items-center mb-4"> |
|
|
<div> |
|
|
<span class="text-gray-400 line-through">R$ 297,00</span> |
|
|
<span class="ml-2 text-xl font-bold text-primary">R$ 147,00</span> |
|
|
</div> |
|
|
<div class="text-sm text-gray-500">18 módulos</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="block w-full bg-primary hover:bg-blue-700 text-white text-center py-3 rounded-lg font-medium btn-cta">MATRICULE-SE AGORA</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 text-center"> |
|
|
<a href="#" class="inline-block border-2 border-primary text-primary hover:bg-primary hover:text-white px-8 py-3 rounded-lg font-bold text-lg transition duration-300">VER TODOS OS CURSOS</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="depoimentos" class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">O que nossos alunos dizem</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Veja como nossos cursos transformaram vidas e carreiras</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
|
|
|
<div class="bg-white p-8 rounded-xl shadow-md testimonial-card"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Camila Ribeiro" class="w-16 h-16 rounded-full object-cover"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="font-bold">Camila Ribeiro</h4> |
|
|
<p class="text-gray-600 text-sm">24 anos, São Paulo/SP</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex mb-2"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
</div> |
|
|
<p class="text-gray-700 italic">"Eu fiz o curso de administração e em menos de 3 meses consegui uma vaga em uma multinacional. O conteúdo é direto, fácil de entender e os certificados realmente fazem diferença."</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-8 rounded-xl shadow-md testimonial-card"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Rodrigo Menezes" class="w-16 h-16 rounded-full object-cover"> |
|
|
<div class="ml-4"> |
|
|
<h4 class="font-bold">Rodrigo Menezes</h4> |
|
|
<p class="text-gray-600 text-sm">Concurseiro, Rio de Janeiro/RJ</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex mb-2"> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
<i class="fas fa-star text-yellow-400"></i> |
|
|
</div> |
|
|
<p class="text-gray-700 italic">"Já tinha tentado outros cursos online, mas nenhum me deu tanta liberdade quanto a EAD MISDIGITAIS. Recomendo muito!"</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 bg-primary rounded-xl p-8 text-white"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">📚 CURSOS A PARTIR DE R$ 67,00 com acesso vitalício!</h3> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6"> |
|
|
<div class="flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle mr-2"></i> |
|
|
<span>Sem mensalidade</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle mr-2"></i> |
|
|
<span>Certificado incluso</span> |
|
|
</div> |
|
|
<div class="flex items-center justify-center"> |
|
|
<i class="fas fa-check-circle mr-2"></i> |
|
|
<span>Garantia de 7 dias</span> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-lg font-medium mb-6">Oferta por tempo limitado — aproveite enquanto ainda está disponível.</p> |
|
|
<a href="#cursos" class="inline-block bg-accent hover:bg-green-800 text-white px-8 py-4 rounded-lg font-bold text-lg btn-cta">GARANTIR MINHA MATRÍCULA AGORA</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="faq" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Perguntas Frequentes</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Tire suas dúvidas sobre nossos cursos e plataforma</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-3xl mx-auto"> |
|
|
|
|
|
<div class="mb-4 border-b border-gray-200 pb-4"> |
|
|
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-lg text-gray-800 hover:text-primary focus:outline-none"> |
|
|
<span>O curso é realmente reconhecido?</span> |
|
|
<i class="fas fa-chevron-down transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer mt-2 text-gray-600 hidden"> |
|
|
<p>Sim. Todos os cursos possuem certificado válido em todo o território nacional, emitido de acordo com a legislação brasileira.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-4 border-b border-gray-200 pb-4"> |
|
|
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-lg text-gray-800 hover:text-primary focus:outline-none"> |
|
|
<span>Não tenho muito tempo. Posso fazer no meu ritmo?</span> |
|
|
<i class="fas fa-chevron-down transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer mt-2 text-gray-600 hidden"> |
|
|
<p>Claro! O curso é 100% online, sem horários fixos. Você estuda quando quiser, no seu próprio ritmo, sem pressão.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-4 border-b border-gray-200 pb-4"> |
|
|
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-lg text-gray-800 hover:text-primary focus:outline-none"> |
|
|
<span>Preciso pagar mensalidade?</span> |
|
|
<i class="fas fa-chevron-down transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer mt-2 text-gray-600 hidden"> |
|
|
<p>Não. É pagamento único com acesso vitalício ao conteúdo do curso. Sem taxas recorrentes ou custos adicionais.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-4 border-b border-gray-200 pb-4"> |
|
|
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-lg text-gray-800 hover:text-primary focus:outline-none"> |
|
|
<span>Posso fazer pelo celular?</span> |
|
|
<i class="fas fa-chevron-down transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer mt-2 text-gray-600 hidden"> |
|
|
<p>Sim! A plataforma é totalmente responsiva e funciona perfeitamente no celular, tablet ou computador. Estude em qualquer dispositivo.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-4 border-b border-gray-200 pb-4"> |
|
|
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-lg text-gray-800 hover:text-primary focus:outline-none"> |
|
|
<span>É seguro comprar aqui?</span> |
|
|
<i class="fas fa-chevron-down transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer mt-2 text-gray-600 hidden"> |
|
|
<p>Totalmente. Utilizamos tecnologia de ponta para proteger seus dados e todas as transações são processadas por gateways de pagamento seguros.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-4 border-b border-gray-200 pb-4"> |
|
|
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-lg text-gray-800 hover:text-primary focus:outline-none"> |
|
|
<span>Como funciona a garantia de 7 dias?</span> |
|
|
<i class="fas fa-chevron-down transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="faq-answer mt-2 text-gray-600 hidden"> |
|
|
<p>Você tem 7 dias para testar o curso. Se por qualquer motivo não estiver satisfeito, basta solicitar o reembolso e devolveremos 100% do valor pago, sem questionamentos.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 bg-accent rounded-xl p-8 text-white text-center"> |
|
|
<h3 class="text-2xl md:text-3xl font-bold mb-4">🏅 Bônus Exclusivo</h3> |
|
|
<p class="text-xl mb-6">Matriculando-se hoje, você ainda recebe:</p> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-2xl mx-auto"> |
|
|
<div class="bg-white bg-opacity-20 p-4 rounded-lg"> |
|
|
<i class="fas fa-file-alt text-3xl mb-2"></i> |
|
|
<h4 class="font-bold">Curso exclusivo: O Currículo Perfeito</h4> |
|
|
</div> |
|
|
<div class="bg-white bg-opacity-20 p-4 rounded-lg"> |
|
|
<i class="fas fa-briefcase text-3xl mb-2"></i> |
|
|
<h4 class="font-bold">Curso prático: Orientação Profissional</h4> |
|
|
</div> |
|
|
</div> |
|
|
<p class="mt-6 text-lg font-medium">Oferta válida apenas para matrículas realizadas hoje!</p> |
|
|
<a href="#cursos" class="mt-6 inline-block bg-primary hover:bg-blue-700 text-white px-8 py-4 rounded-lg font-bold text-lg btn-cta">QUERO MEUS BÔNUS</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0"> |
|
|
<img src="https://i.postimg.cc/VLsx20GR/491465339-3984388385210438-6519628806573268037-n.jpg" alt="EAD MISDIGITAIS + MELLO INFORTEC" class="rounded-lg shadow-lg max-w-md mx-auto"> |
|
|
</div> |
|
|
<div class="md:w-1/2 md:pl-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">EAD MISDIGITAIS + MELLO INFORTEC SOLUÇÕES DIGITAIS</h2> |
|
|
<p class="text-xl text-gray-700 mb-6">Transformando conhecimento em oportunidade.</p> |
|
|
<p class="text-gray-600 mb-4">Acreditamos que a educação de qualidade precisa ser acessível, prática e feita para a vida real. Nossa missão é democratizar o acesso ao conhecimento e capacitar pessoas para alcançarem seus objetivos profissionais.</p> |
|
|
<p class="text-gray-600">Com anos de experiência no mercado educacional, desenvolvemos cursos que realmente fazem diferença na carreira de nossos alunos, com conteúdo atualizado e focado nas necessidades reais do mercado de trabalho.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="cta" class="py-16 bg-primary text-white"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para transformar sua carreira?</h2> |
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto">Comece agora a jornada que vai transformar sua vida. Escolha o curso que mais combina com você e inicie ainda hoje.</p> |
|
|
<a href="#cursos" class="inline-block bg-accent hover:bg-green-800 text-white px-8 py-4 rounded-lg font-bold text-lg btn-cta">GARANTIR MINHA MATRÍCULA AGORA</a> |
|
|
|
|
|
<div class="mt-8 flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-8"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-lock text-2xl mr-2"></i> |
|
|
<span>Pagamento 100% seguro</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-shield-alt text-2xl mr-2"></i> |
|
|
<span>7 dias de garantia</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-certificate text-2xl mr-2"></i> |
|
|
<span>Certificado válido</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white py-12"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<img src="https://i.postimg.cc/VLsx20GR/491465339-3984388385210438-6519628806573268037-n.jpg" alt="EAD MISDIGITAIS Logo" class="h-12 mb-4"> |
|
|
<p class="text-gray-400">Transformando conhecimento em oportunidade.</p> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Links Rápidos</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#beneficios" class="text-gray-400 hover:text-white">Benefícios</a></li> |
|
|
<li><a href="#cursos" class="text-gray-400 hover:text-white">Cursos</a></li> |
|
|
<li><a href="#depoimentos" class="text-gray-400 hover:text-white">Depoimentos</a></li> |
|
|
<li><a href="#faq" class="text-gray-400 hover:text-white">FAQ</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Contato</h4> |
|
|
<ul class="space-y-2 text-gray-400"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-envelope mr-2"></i> |
|
|
<span>[email protected]</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-phone-alt mr-2"></i> |
|
|
<span>(XX) XXXX-XXXX</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-map-marker-alt mr-2"></i> |
|
|
<span>Brasil</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Redes Sociais</h4> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-facebook"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-instagram"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-linkedin"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-youtube"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> |
|
|
<p>© 2023 EAD MISDIGITAIS + MELLO INFORTEC SOLUÇÕES DIGITAIS. Todos os direitos reservados.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div class="fixed bottom-6 right-6 z-50"> |
|
|
<a href="https://wa.me/5511999999999" target="_blank" class="bg-green-500 hover:bg-green-600 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-lg transition duration-300"> |
|
|
<i class="fab fa-whatsapp text-3xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.getElementById('menu-toggle').addEventListener('click', function() { |
|
|
const menu = document.getElementById('mobile-menu'); |
|
|
menu.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
const faqQuestions = document.querySelectorAll('.faq-question'); |
|
|
faqQuestions.forEach(question => { |
|
|
question.addEventListener('click', () => { |
|
|
const answer = question.nextElementSibling; |
|
|
const icon = question.querySelector('i'); |
|
|
|
|
|
|
|
|
answer.classList.toggle('hidden'); |
|
|
|
|
|
|
|
|
if (answer.classList.contains('hidden')) { |
|
|
icon.classList.remove('transform', 'rotate-180'); |
|
|
} else { |
|
|
icon.classList.add('transform', 'rotate-180'); |
|
|
} |
|
|
|
|
|
|
|
|
faqQuestions.forEach(q => { |
|
|
if (q !== question) { |
|
|
q.nextElementSibling.classList.add('hidden'); |
|
|
q.querySelector('i').classList.remove('transform', 'rotate-180'); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
const targetId = this.getAttribute('href'); |
|
|
if (targetId === '#') return; |
|
|
|
|
|
const targetElement = document.querySelector(targetId); |
|
|
if (targetElement) { |
|
|
|
|
|
const mobileMenu = document.getElementById('mobile-menu'); |
|
|
if (!mobileMenu.classList.contains('hidden')) { |
|
|
mobileMenu.classList.add('hidden'); |
|
|
} |
|
|
|
|
|
|
|
|
window.scrollTo({ |
|
|
top: targetElement.offsetTop - 80, |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=MoacyrMello/ead-misdigitais-mello-infortec-solu-es-digitais" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
