|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Vaga - RHBrasil</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> |
|
|
.job-header { |
|
|
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); |
|
|
} |
|
|
.apply-btn { |
|
|
transition: all 0.3s ease; |
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.apply-btn:hover { |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); |
|
|
} |
|
|
.job-detail-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.job-detail-card:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.back-btn:hover i { |
|
|
transform: translateX(-3px); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<a href="https://huggingface.co/spaces/Ticoliro/portal" class="back-btn flex items-center text-blue-600 hover:text-blue-800 font-medium"> |
|
|
<i class="fas fa-arrow-left mr-2 transition-transform"></i> Voltar para vagas |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="job-header rounded-xl p-6 md:p-8 text-white mb-8"> |
|
|
<div class="flex flex-col md:flex-row justify-between items-start md:items-center"> |
|
|
<div class="mb-4 md:mb-0"> |
|
|
<h1 class="text-2xl md:text-3xl font-bold mb-2">Analista de Recursos Humanos</h1> |
|
|
<div class="flex flex-wrap items-center gap-4"> |
|
|
<span class="flex items-center"> |
|
|
<i class="fas fa-building mr-2"></i> RHBrasil |
|
|
</span> |
|
|
<span class="flex items-center"> |
|
|
<i class="fas fa-map-marker-alt mr-2"></i> São Paulo - SP |
|
|
</span> |
|
|
<span class="flex items-center"> |
|
|
<i class="fas fa-clock mr-2"></i> Período Integral |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
<button class="apply-btn bg-white text-blue-600 font-bold py-3 px-6 rounded-lg hover:bg-blue-50"> |
|
|
Candidatar-se <i class="fas fa-paper-plane ml-2"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="md:col-span-2"> |
|
|
|
|
|
<div class="job-detail-card bg-white rounded-xl shadow-md p-6 mb-6"> |
|
|
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center"> |
|
|
<i class="fas fa-info-circle text-blue-500 mr-2"></i> Sobre a Vaga |
|
|
</h2> |
|
|
<p class="text-gray-600 mb-4"> |
|
|
Estamos buscando um Analista de Recursos Humanos para integrar nosso time e contribuir com o desenvolvimento e implementação de estratégias de RH alinhadas aos objetivos organizacionais. |
|
|
</p> |
|
|
<div class="border-t border-gray-200 pt-4"> |
|
|
<h3 class="font-semibold text-gray-700 mb-2">Responsabilidades:</h3> |
|
|
<ul class="list-disc pl-5 text-gray-600 space-y-2"> |
|
|
<li>Atuar no recrutamento e seleção de talentos</li> |
|
|
<li>Realizar onboarding de novos colaboradores</li> |
|
|
<li>Administrar benefícios e folha de pagamento</li> |
|
|
<li>Desenvolver programas de treinamento e desenvolvimento</li> |
|
|
<li>Implementar políticas de RH e garantir conformidade legal</li> |
|
|
<li>Mediar relações entre colaboradores e gestores</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="job-detail-card bg-white rounded-xl shadow-md p-6 mb-6"> |
|
|
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center"> |
|
|
<i class="fas fa-clipboard-check text-blue-500 mr-2"></i> Requisitos |
|
|
</h2> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"> |
|
|
<div> |
|
|
<h3 class="font-semibold text-gray-700 mb-2">Obrigatórios:</h3> |
|
|
<ul class="list-disc pl-5 text-gray-600 space-y-2"> |
|
|
<li>Formação em Psicologia, Administração ou áreas afins</li> |
|
|
<li>Experiência mínima de 2 anos em departamento de RH</li> |
|
|
<li>Conhecimento em legislação trabalhista</li> |
|
|
<li>Domínio de sistemas de RH e planilhas</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-gray-700 mb-2">Diferenciais:</h3> |
|
|
<ul class="list-disc pl-5 text-gray-600 space-y-2"> |
|
|
<li>Pós-graduação em Gestão de Pessoas</li> |
|
|
<li>Experiência com recrutamento técnico</li> |
|
|
<li>Conhecimento em análise de clima organizacional</li> |
|
|
<li>Inglês intermediário</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="job-detail-card bg-white rounded-xl shadow-md p-6"> |
|
|
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center"> |
|
|
<i class="fas fa-gift text-blue-500 mr-2"></i> Benefícios |
|
|
</h2> |
|
|
<div class="grid grid-cols-2 md:grid-cols-3 gap-4"> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-utensils text-blue-500 mr-2"></i> |
|
|
<span class="text-gray-600">Vale-refeição</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-bus text-blue-500 mr-2"></i> |
|
|
<span class="text-gray-600">Vale-transporte</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-heartbeat text-blue-500 mr-2"></i> |
|
|
<span class="text-gray-600">Plano de saúde</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-tooth text-blue-500 mr-2"></i> |
|
|
<span class="text-gray-600">Plano odontológico</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-graduation-cap text-blue-500 mr-2"></i> |
|
|
<span class="text-gray-600">Auxílio educação</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-calendar-alt text-blue-500 mr-2"></i> |
|
|
<span class="text-gray-600">Day-off aniversário</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="md:col-span-1"> |
|
|
|
|
|
<div class="job-detail-card bg-white rounded-xl shadow-md p-6 mb-6"> |
|
|
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center"> |
|
|
<i class="fas fa-building text-blue-500 mr-2"></i> Sobre a Empresa |
|
|
</h2> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="w-16 h-16 rounded-full bg-blue-100 flex items-center justify-center mr-4"> |
|
|
<i class="fas fa-building text-blue-500 text-2xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-bold text-gray-800">RHBrasil</h3> |
|
|
<p class="text-sm text-gray-500">Consultoria em Recursos Humanos</p> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 mb-4"> |
|
|
A RHBrasil é líder em soluções de gestão de pessoas, oferecendo consultoria especializada para empresas de diversos segmentos. |
|
|
</p> |
|
|
<div class="flex space-x-3"> |
|
|
<a href="#" class="text-blue-500 hover:text-blue-700"> |
|
|
<i class="fab fa-linkedin text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="text-blue-500 hover:text-blue-700"> |
|
|
<i class="fas fa-globe text-xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="job-detail-card bg-white rounded-xl shadow-md p-6 mb-6"> |
|
|
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center"> |
|
|
<i class="fas fa-bolt text-blue-500 mr-2"></i> Informações Rápidas |
|
|
</h2> |
|
|
<div class="space-y-4"> |
|
|
<div> |
|
|
<p class="text-sm text-gray-500">Tipo de Vaga</p> |
|
|
<p class="font-medium text-gray-700">Efetivo/CLT</p> |
|
|
</div> |
|
|
<div> |
|
|
<p class="text-sm text-gray-500">Nível</p> |
|
|
<p class="font-medium text-gray-700">Pleno</p> |
|
|
</div> |
|
|
<div> |
|
|
<p class="text-sm text-gray-500">Salário</p> |
|
|
<p class="font-medium text-gray-700">A combinar</p> |
|
|
</div> |
|
|
<div> |
|
|
<p class="text-sm text-gray-500">Modelo de Trabalho</p> |
|
|
<p class="font-medium text-gray-700">Híbrido (3 dias presencial)</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="job-detail-card bg-blue-50 border border-blue-100 rounded-xl p-6"> |
|
|
<h2 class="text-xl font-bold text-gray-800 mb-4 flex items-center"> |
|
|
<i class="fas fa-calendar-times text-blue-500 mr-2"></i> Prazo |
|
|
</h2> |
|
|
<div class="flex items-center"> |
|
|
<div class="bg-blue-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-clock text-blue-500 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<p class="text-sm text-gray-600">Data limite para inscrição</p> |
|
|
<p class="font-bold text-gray-800">15/08/2023</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-4 bg-yellow-50 border border-yellow-100 rounded-lg p-3"> |
|
|
<p class="text-sm text-yellow-800 flex items-center"> |
|
|
<i class="fas fa-exclamation-circle text-yellow-500 mr-2"></i> |
|
|
Vagas limitadas - Candidate-se o quanto antes! |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="fixed bottom-0 left-0 right-0 bg-white shadow-lg p-4 md:hidden"> |
|
|
<button class="apply-btn w-full bg-blue-600 text-white font-bold py-3 px-6 rounded-lg hover:bg-blue-700"> |
|
|
Candidatar-se <i class="fas fa-paper-plane ml-2"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
document.querySelector(this.getAttribute('href')).scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.apply-btn').forEach(button => { |
|
|
button.addEventListener('click', function() { |
|
|
alert('Você será redirecionado para o formulário de candidatura. Prepare seu currículo!'); |
|
|
|
|
|
|
|
|
}); |
|
|
}); |
|
|
</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=Ticoliro/vaga" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
