portal / index.html
Ticoliro's picture
Update index.html
cdee177 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portal do Candidato - 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-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}
.filter-section {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}
.alert-banner {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { background-color: #fef3c7; }
50% { background-color: #fde68a; }
100% { background-color: #fef3c7; }
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<!-- Header -->
<header class="bg-white shadow-sm">
<div class="container mx-auto px-4 py-3 flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<a href="https://www.rhbrasil.com.br/site/" class="flex items-center">
<img src="https://raw.githubusercontent.com/GustavoNeneve/Cargos-e-Categorias/refs/heads/main/RHBrasil_RGB_Horizontal_Vers%C3%A3o%20Principal.svg" alt="RHBrasil Logo" class="h-12 mr-3">
</a>
</div>
<div class="flex space-x-4">
<a href="https://www.rhbrasil.com.br/site/" class="px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-md text-gray-700 font-medium transition">
<i class="fas fa-arrow-left mr-2"></i>Voltar
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/login.php" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-md text-white font-medium transition">
<i class="fas fa-sign-in-alt mr-2"></i>Entrar
</a>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="bg-gradient-to-r from-blue-600 to-blue-800 text-white py-12">
<div class="container mx-auto px-4 text-center">
<h1 class="text-3xl md:text-4xl font-bold mb-4">Bem vind@ ao Portal do Candidato</h1>
<p class="text-xl md:text-2xl font-light">Encontre as vagas que encaixam nos seus objetivos</p>
</div>
</section>
<!-- Alert Banner -->
<div class="alert-banner bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4">
<div class="container mx-auto px-4 flex items-center">
<div class="flex-shrink-0">
<i class="fas fa-exclamation-triangle text-xl"></i>
</div>
<div class="ml-3">
<p class="text-sm font-medium">
⚠️ Alerta! Para você, candidato, a RHBrasil é totalmente gratuita. Se você, pessoa física, receber qualquer tipo de cobrança em nome da RHBrasil, cuidado! É golpe! Fique atento!
</p>
</div>
</div>
</div>
<!-- Main Content -->
<main class="container mx-auto px-4 py-8">
<!-- Search and Filters -->
<section class="filter-section rounded-lg p-6 mb-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="md:col-span-2">
<label for="search" class="block text-sm font-medium text-gray-700 mb-1">Pesquise pelo código ou cargo:</label>
<div class="relative">
<input type="text" id="search" class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: Almoxarife, 790393">
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<i class="fas fa-search text-gray-400"></i>
</div>
</div>
</div>
<div>
<label for="state" class="block text-sm font-medium text-gray-700 mb-1">Estado:</label>
<select id="state" class="w-full py-2 px-3 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
<option>Todos os estados</option>
<option>SC</option>
<option>SP</option>
<option>PR</option>
<option>RJ</option>
<option>MG</option>
</select>
</div>
<div>
<label for="city" class="block text-sm font-medium text-gray-700 mb-1">Cidade:</label>
<select id="city" class="w-full py-2 px-3 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
<option>Todas as cidades</option>
<option>Joinville</option>
<option>São Paulo</option>
<option>Rio de Janeiro</option>
<option>Curitiba</option>
<option>Belo Horizonte</option>
</select>
</div>
</div>
<div class="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label for="category" class="block text-sm font-medium text-gray-700 mb-1">Categoria:</label>
<select id="category" class="w-full py-2 px-3 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
<option value="">Todas as categorias</option>
<option value="administrativo">Administrativo</option>
<option value="comercial">Comercial</option>
<option value="logistica">Logística</option>
<option value="producao">Produção</option>
<option value="recursos-humanos">Recursos Humanos</option>
<option value="tecnologia">Tecnologia</option>
<option value="saude">Saúde</option>
</select>
</div>
<div class="flex items-center pt-6">
<input id="pcd" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
<label for="pcd" class="ml-2 block text-sm text-gray-700">Filtrar por tipo PCD</label>
</div>
</section>
<!-- Job Count -->
<div class="mb-6">
<h2 class="text-lg font-semibold text-gray-800">458 vagas disponíveis</h2>
</div>
<!-- Job Listings -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Job Card 1 -->
<div class="job-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300" data-category="logistica">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-semibold mb-2">Cód: 790393</span>
<h3 class="text-xl font-bold text-gray-800 mb-1">Almoxarife jr</h3>
<p class="text-gray-600 mb-2">
<i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
Joinville/SC - Unidade RHBrasil: Joinville/SC
</p>
</div>
</div>
<div class="text-gray-700 mb-4 line-clamp-3">
Descrição de Cargo – Almoxarife Área: Logística / Suprimentos Departamento: Almoxarifado Responsabilidades Principais: Receber, conferir e armazenar materiais, equipamentos e insumos diversos. Controlar entradas e saídas de materiais no sistema, mantendo registros atualizados.
</div>
<div class="flex justify-between items-center">
<a href="https://huggingface.co/spaces/Ticoliro/vaga" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium flex items-center">
<i class="fas fa-plus-circle mr-1"></i> Ver mais
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/ver-vagas.php?cod=790393" class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition">
Quero me candidatar
</a>
</div>
</div>
</div>
<!-- Job Card 2 -->
<div class="job-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300" data-category="logistica">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-semibold mb-2">Cód: 790737</span>
<h3 class="text-xl font-bold text-gray-800 mb-1">Conferente trainee</h3>
<p class="text-gray-600 mb-2">
<i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
Joinville/SC - Unidade RHBrasil: Joinville/SC
</p>
</div>
</div>
<div class="text-gray-700 mb-4 line-clamp-3">
Empresa localizada dentro do Parque Perini Requisito: Ensino médio incompleto Vivência na área logística Horário: Segunda a Sexta feira das 05h05min às 14h53min (1h de intervalo) Atividade: Confere as mercadorias separadas pelo Preparador, certificando se, com auxilio de leitor optico, a correspondência do código de barras ao especificado no pedido.
</div>
<div class="flex justify-between items-center">
<a href="https://huggingface.co/spaces/Ticoliro/vaga" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium flex items-center">
<i class="fas fa-plus-circle mr-1"></i> Ver mais
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/ver-vagas.php?cod=790737" class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition">
Quero me candidatar
</a>
</div>
</div>
</div>
<!-- Job Card 3 -->
<div class="job-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300" data-category="comercial">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-semibold mb-2">Cód: 790498</span>
<h3 class="text-xl font-bold text-gray-800 mb-1">Assistente comercial</h3>
<p class="text-gray-600 mb-2">
<i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
Araquari/SC - Unidade RHBrasil: Joinville/SC
</p>
</div>
</div>
<div class="text-gray-700 mb-4 line-clamp-3">
VAGA ABERTA ÁREA COMERCIAL / ADMINISTRATIVA Local: Joinville SC (preferencialmente Zona Sul) Empresa busca profissional com experiência na área comercial e administrativa, com perfil proativo e foco em resultados. Salário + Benefícios
</div>
<div class="flex justify-between items-center">
<a href="https://huggingface.co/spaces/Ticoliro/vaga" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium flex items-center">
<i class="fas fa-plus-circle mr-1"></i> Ver mais
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/ver-vagas.php?cod=790498" class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition">
Quero me candidatar
</a>
</div>
</div>
</div>
<!-- Job Card 4 -->
<div class="job-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300" data-category="producao">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-semibold mb-2">Cód: 785382</span>
<h3 class="text-xl font-bold text-gray-800 mb-1">Operador de maquinas</h3>
<p class="text-gray-600 mb-2">
<i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
Araquari/SC - Unidade RHBrasil: Joinville/SC
</p>
</div>
</div>
<div class="text-gray-700 mb-4 line-clamp-3">
Operador de maquina Requisitos: Desejável experiência na área Fundamental completo Morar na zona sul ou Araquari 3 vagas para 1 turno 05:00 as 14:18 ( Segunda a sexta) Salario + beneficios Atividades: operar diversos tipos de maquinas como furadeiras, fresadoras, rosqueadeiras, prensas, ferramentas manuais em bancadas entre outras para a produção de pecas conforme procedimentos e ordens de produção.
</div>
<div class="flex justify-between items-center">
<a href="https://huggingface.co/spaces/Ticoliro/vaga" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium flex items-center">
<i class="fas fa-plus-circle mr-1"></i> Ver mais
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/ver-vagas.php?cod=785382" class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition">
Quero me candidatar
</a>
</div>
</div>
</div>
<!-- Job Card 5 -->
<div class="job-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300" data-category="producao">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-semibold mb-2">Cód: 786764</span>
<h3 class="text-xl font-bold text-gray-800 mb-1">Operador de maquina</h3>
<p class="text-gray-600 mb-2">
<i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
Joinville/SC - Unidade RHBrasil: Joinville/SC
</p>
</div>
</div>
<div class="text-gray-700 mb-4 line-clamp-3">
Operador de maquina Requisitos: Fundamental completo Experiência na área Pode ser primeiro emprego Horário de trabalho: 1 turno: 05h as 14h48 segunda a sexta 14:30 - 00:01 segunda a sexta Benefícios: Alimentação da empresa ou VR (???) + Plano Saúde + Plano Odontologico + Bolsa de estudo + convenio com farmácia + cesta básica + Seguro de vida
</div>
<div class="flex justify-between items-center">
<a href="https://huggingface.co/spaces/Ticoliro/vaga" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium flex items-center">
<i class="fas fa-plus-circle mr-1"></i> Ver mais
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/ver-vagas.php?cod=786764" class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition">
Quero me candidatar
</a>
</div>
</div>
</div>
<!-- Job Card 6 -->
<div class="job-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300" data-category="producao">
<div class="p-6">
<div class="flex justify-between items-start">
<div>
<span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-semibold mb-2">Cód: 786675</span>
<h3 class="text-xl font-bold text-gray-800 mb-1">Serralheiro</h3>
<p class="text-gray-600 mb-2">
<i class="fas fa-map-marker-alt text-gray-400 mr-1"></i>
Taubate/SP - Unidade RHBrasil: Taubate/SC
</p>
</div>
</div>
<div class="text-gray-700 mb-4 line-clamp-3">
VAGA SERRALHEIRO Solida vivência em Montagem e instalações de estruturas metálicas. Como: corte, montagem, furação, soldagem, acabamento, pintura e identificação. REQUISITOS: Ensino Fundamental Completo. Ter condução própria. Residir em Taubaté ou proximidades. Desejável experiência com solda. Salário: R$ 2.242,00 Observações: Efetivo CLT. Jornada de trabalho: Segunda a sexta das 07:00 às 17:00hrs.
</div>
<div class="flex justify-between items-center">
<a href="https://huggingface.co/spaces/Ticoliro/vaga" target="_blank" class="text-blue-600 hover:text-blue-800 font-medium flex items-center">
<i class="fas fa-plus-circle mr-1"></i> Ver mais
</a>
<a href="https://www.rhbrasil.com.br/portaldocandidato/view/ver-vagas.php?cod=786675" class="px-4 py-2 bg-green-600 hover:bg-green-700 rounded-md text-white font-medium transition">
Quero me candidatar
</a>
</div>
</div>
</div>
</div>
<!-- Pagination -->
<div class="mt-10 flex justify-center">
<nav class="inline-flex rounded-md shadow">
<a href="#" class="px-3 py-2 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
<i class="fas fa-chevron-left"></i>
</a>
<a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-blue-50 text-blue-600 font-medium">1</a>
<a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">2</a>
<a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">3</a>
<a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">4</a>
<a href="#" class="px-3 py-2 border-t border-b border-gray-300 bg-white text-gray-500 hover:bg-gray-50">5</a>
<a href="#" class="px-3 py-2 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-50">
<i class="fas fa-chevron-right"></i>
</a>
</nav>
</div>
</main>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4">
<div class="mb-6">
<h3 class="text-lg font-semibold mb-4">Prezamos a igualdade de oportunidades!</h3>
<p class="text-gray-300 mb-2">
A RHBrasil assegura aos interessados em todas as vagas aqui anunciadas e por elas trabalhadas o direito a igualdade assegurado pelos Art.5o e 7o, inciso XXX e XXXI da Constituição Federal da República.
</p>
<div class="mt-4">
<h4 class="font-medium mb-2">Art 5º</h4>
<p class="text-gray-300 text-sm">
Todos são iguais perante a lei, sem distinção de qualquer natureza, garantindo-se aos brasileiros e aos estrangeiros residentes no País a inviolabilidade do direito à vida, à liberdade, à igualdade, à segurança e à propriedade [...]
</p>
</div>
<div class="mt-4">
<h4 class="font-medium mb-2">Art 7º</h4>
<p class="text-gray-300 text-sm">
São direitos dos trabalhadores urbanos e rurais, além de outros que visem à melhoria de sua condição social;
</p>
<p class="text-gray-300 text-sm mt-2">
<span class="font-medium">Inciso XXX</span> - Proibição de diferença de salários, de exercício de funções e de critério de admissão por motivo de sexo, idade, cor ou estado civil;
</p>
<p class="text-gray-300 text-sm mt-1">
<span class="font-medium">Inciso XXXI</span> - Proibição de qualquer discriminação no tocante a salário e critérios de admisão do trabalhador portador de deficiência;
</p>
</div>
</div>
<div class="pt-6 border-t border-gray-700">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<span class="text-gray-300 text-sm">🚀 Powered by NeoRH</span>
</div>
<div>
<span class="text-gray-300 text-sm">Copyright © 2025 - Um produto da <a href="https://www.dayonesystem.com.br/" class="text-blue-300 hover:text-blue-400">DayOne System</a></span>
</div>
</div>
</div>
</div>
</footer>
<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/portal" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>