<section class="bg-light py-5"> 
 <!-- Alerta de Vaga Encerrada --> 
 <div class="alert alert-danger text-center" role="alert"> 
 <h1 class="d-flex align-items-center justify-content-center"> 
 <i class="fas fa-exclamation-circle fa-2x me-3"></i> 
 Esta vaga foi encerrada pela empresa! 
 </h1> 
 <p class="mb-0"> 
 Infelizmente, esta vaga não está mais disponível. Mas não se preocupe! 
 <a href="/vagas" target="_blank" class="alert-link ms-2">Veja outras oportunidades em aberto.</a> 
 </p> 
 </div> 
 
 <!-- Campo de Pesquisa --> 
 <div class="container mb-4"> 
 <div class="row justify-content-center"> 
 <div class="col-md-6"> 
 <div class="input-group"> 
 <input type="text" class="form-control" placeholder="Busque vagas..." aria-label="Buscar Vagas"> 
 <button class="btn btn-primary" type="button">Pesquisar</button> 
 </div> 
 </div> 
 </div> 
 </div> 
 
 <!-- Seção de Recebimento de Vagas --> 
 <div class="container"> 
 <div class="row"> 
 <!-- Facebook --> 
 <div class="col-lg-4"> 
 <div class="card text-center h-100 shadow-sm"> 
 <div class="card-body"> 
 <i class="fab fa-facebook fa-3x text-primary mb-3"></i> 
 <h3 class="card-title">Receba Vagas no Facebook</h3> 
 <p class="card-text lead mb-0">Receba vagas no Facebook!</p> 
 <a href="/facebook" target="_blank" rel="noopener noreferrer" class="btn btn-primary mt-3"> 
 Curtir nossa Página 
 </a> 
 </div> 
 </div> 
 </div> 
 
 <!-- WhatsApp --> 
 <div class="col-lg-4"> 
 <div class="card text-center h-100 shadow-sm"> 
 <div class="card-body"> 
 <i class="fab fa-whatsapp fa-3x text-success mb-3"></i> 
 <h3 class="card-title">Receba Vagas no WhatsApp</h3> 
 <p class="card-text lead mb-0">Entre para nosso grupo no WhatsApp!</p> 
 <a href="/whatsapp" target="_blank" rel="noopener noreferrer" class="btn btn-success mt-3"> 
 Entrar no Grupo 
 </a> 
 </div> 
 </div> 
 </div> 
 
 <!-- Telegram --> 
 <div class="col-lg-4"> 
 <div class="card text-center h-100 shadow-sm"> 
 <div class="card-body"> 
 <i class="fab fa-telegram fa-3x text-info mb-3"></i> 
 <h3 class="card-title">Receba Vagas no Telegram</h3> 
 <p class="card-text lead mb-0">Receba vagas no Telegram!</p> 
 <a href="/telegram" target="_blank" rel="noopener noreferrer" class="btn btn-info text-white mt-3"> 
 Entrar no Canal 
 </a> 
 </div> 
 </div> 
 </div> 
 </div> 
 
 <div class="row mt-4"> 
 <!-- LinkedIn --> 
 <div class="col-lg-4"> 
 <div class="card text-center h-100 shadow-sm"> 
 <div class="card-body"> 
 <i class="fab fa-linkedin fa-3x text-primary mb-3"></i> 
 <h3 class="card-title">Receba Vagas no LinkedIn</h3> 
 <p class="card-text lead mb-0">Siga nossa página no LinkedIn!</p> 
 <a href="/linkedin" target="_blank" rel="noopener noreferrer" class="btn btn-primary mt-3"> 
 Seguir no LinkedIn 
 </a> 
 </div> 
 </div> 
 </div> 
 
 <!-- Instagram --> 
 <div class="col-lg-4"> 
 <div class="card text-center h-100 shadow-sm"> 
 <div class="card-body"> 
 <i class="fab fa-instagram fa-3x text-danger mb-3"></i> 
 <h3 class="card-title">Receba Vagas no Instagram</h3> 
 <p class="card-text lead mb-0">Acompanhe nossas postagens no Instagram!</p> 
 <a href="/instagram" target="_blank" rel="noopener noreferrer" class="btn btn-danger mt-3"> 
 Seguir no Instagram 
 </a> 
 </div> 
 </div> 
 </div> 
 
 <!-- Twitter/X --> 
 <div class="col-lg-4"> 
 <div class="card text-center h-100 shadow-sm"> 
 <div class="card-body"> 
 <i class="fab fa-x-twitter fa-3x text-dark mb-3"></i> 
 <h3 class="card-title">Receba Vagas no Twitter</h3> 
 <p class="card-text lead mb-0">Siga nosso perfil no Twitter/X!</p> 
 <a href="/twitterx" target="_blank" rel="noopener noreferrer" class="btn btn-dark mt-3"> 
 Seguir no Twitter 
 </a> 
 </div> 
 </div> 
 </div> 
 </div> 
 </div> 
</section>