Newsletter Gestão de Pessoas - 12.html
última modificação
09/03/2026 14h41
Newsletter Gestão de Pessoas - 12.html
— 11 KB
Conteúdo do arquivo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Newsletter Gestão de Pessoas | Edição 12</title>
<link rel="apple-touch-icon" sizes="180x180" href="++theme++padrao/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="++theme++layout-2024-1/favicons/ufob32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="++theme++layout-2024-1/favicons/ufob16x16.png">
<style>body {
font-family: 'Caladea' , sans-serif;
margin: 0;
padding: 0;
/* background-color: #ffffff; */
}
/* Container externo */
.outer-container {
width: 100%;
max-width: 880px;
margin: 0 auto;
padding: 20px;
background: linear-gradient(#310000, #f0c4c4);
box-sizing: border-box;
}
/* Container interno com gradiente simulando sombra */
.container {
/* width: 100%; */
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: #ffffff;
border-radius: 5px;
border: 2px solid #dcdcdc;
}
.contador h1 {
font-family: 'Caladea' , sans-serif;
width: 100%;
padding: 1px;
top: -5px;
left: 900px;
color: #f0c4c4;
font-size: 12px;
}
/* Estilo para a imagem de capa */
.header {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: auto; /* Permite que a altura se ajuste proporcionalmente */
}
.header img {
width: 100%; /* A imagem ocupa 100% da largura do container */
height: 100%; /* Mantém a proporção da imagem */
border-radius: 5px 5px 0 0;
}
.header h1 {
position: absolute;
bottom: 10%; /* Ajusta o texto 10% acima da borda inferior */
left: 50%; /* Centraliza horizontalmente */
transform: translateX(-50%);
font-style: italic;
color: #c7cdfd;
font-size: 12px;
margin: 0;
text-shadow: 1px 1px 4px #000; /* Adiciona contraste ao texto */
}
.content {
padding: 20px;
}
.news-item {
margin-bottom: 20px;
}
.news-item img {
width: 100%;
border-radius: 5px;
}
.news-item h3 {
font-family: 'Caladea', sans-serif;
font-size: 18px;
color: #333333;
margin: 10px 0 5px;
}
.news-item h4 {
font-family: 'Caladea', sans-serif;
text-align: center;
font-size: 20px;
color: #333333;
margin: 20px;
}
.news-item p {
font-family: 'Caladea', sans-serif;
text-align: justify;
font-size: 16px;
color: #666666;
line-height: 1.5;
}
.news-item a{
text-decoration: none;
}
/* Traço separador */
hr {
border: 0;
border-top: 1px solid #dcdcdc;
margin: 40px 0;
}
/* Itens menores */
.small-news {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.small-news img {
width: 30%;
max-width: 100%;
height: 30%;
border-radius: 5px;
margin-right: 15px;
}
.small-news a {
text-decoration: none;
}
.small-news h4 {
text-align: justify;
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.small-news p {
text-align: justify;
font-size: 13px;
color: #666666;
margin: 0;
}
.note {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.note a {
text-decoration: none;
}
.note img {
width: 10%;
height: 10%;
border-radius: 5px;
margin-right: 20px;
}
.note h4 {
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.note p {
text-align: justify;
font-size: 14px;
color: #666666;
margin: 0;
}
.nota {
display: flex;
align-items: center;
margin-bottom: 2px;
}
.nota a {
text-decoration: none;
}
.nota img {
width: 50%;
height: 50%;
border-radius: 5px;
margin: 5px 10px 10px 50px;
}
.nota h4 {
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.nota h3 {
font-size: 18px;
color: #333333;
margin: 0 0 5px;
}
.nota p {
text-align: justify;
font-size: 14px;
color: #666666;
margin: 0;
}
.button-container {
text-align: right;
font-family: 'Caladea' , sans-serif;
}
.button {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
background-color: #310000;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
}
.footer {
background-image: url('https://ufob.edu.br/newsletter/arquivos/gestao-de-pessoas/basegestaop.png');
background-size: cover;
background-position: center;
height: 100px;
text-align: center;
color: #ffffff;
padding: 10px 0;
border-radius: 0 0 5px 5px;
}
.social-icons {
margin-top: 60px;
}
.social-icons a {
display: inline-block;
margin: 0 10px;
}
.social-icons img {
width: 30px;
height: 30px;
border-radius: 50%;
transition: transform 0.3s ease;
}
.social-icons a:hover img {
transform: scale(1.1);
}
@media screen and (max-width: 820px) {
.outer-container {
max-width: 100%;
}
.contador {
max-width: 80%;
}
.container {
max-width: 90%;
}
.small-news, .note {
display: block;
flex-direction: column; /* Empilha os elementos */
text-align: left; /* Centraliza o texto */
}
.small-news h4 {
margin: 10px 0 5px;
}
.small-news img {
display: block;
width: 100%;
height: 100%;
border-radius: 5px;
margin: auto;
}
.note img {
display: block;
width: 30%;
height: 30%;
margin: 0 auto;
}
.nota {
display: block;
}
.nota h4 {
margin: 10px 0 10px;
font-size: 13px;
}
.nota img {
display: block;
width: 40%;
height: 40%;
border-radius: 5px;
margin: auto;
}
}
</style>
</head>
<body>
<div class="outer-container">
<div class="contador"><h1>NEWSLETTER Nº 12</h1></div>
<div class="container">
<div class="header">
<img src="https://ufob.edu.br/newsletter/arquivos/gestao-de-pessoas/topgestaop.png" alt="Topo da Newsletter">
</div>
<div class="content">
<hr>
<div class="news-item">
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/concurso-publico-abre-29-vagas-para-professor-a-efetivo-a" target="_blank">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/concurso-publico-abre-29-vagas-para-professor-a-efetivo-a/arte-em-fundo-vermelho-com-foto-de-professora-da-ufob/@@images/9b90ed12-ebfe-46ad-811f-3ab3f042391e.png" alt="">
<h4>Concurso público abre 29 vagas para professor(a) efetivo(a)</h4>
<p>A UFOB está com novo concurso público aberto para contratação de professores efetivos. São 29 vagas para os campi de Barra (4), Barreiras (20), Bom Jesus da Lapa (2), Luís Eduardo Magalhães (1) e Santa Maria da Vitória (2), com salários que chegam a R$ 14,4 mil, a depender da titulação e do regime de trabalho. Do total de vagas, 30% são reservadas para às pessoas negras (pretas e pardas), indígenas e quilombolas (PNIQ) e 10% para pessoas com deficiência. </p>
</a>
</div>
<hr>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/edital-de-afastamento-para-qualificacao-de-servidores-docentes-e-publicado/qualificacao-docente.png/@@images/21780d61-21c1-4164-9b62-ba2a60dd3d1c.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/edital-de-afastamento-para-qualificacao-de-servidores-docentes-e-publicado" target="_blank">
<h4>Edital de afastamento para qualificação de servidores docentes é publicado</h4>
<p>A Pró-Reitoria de Gestão de Pessoas (Progep) publicou edital de Afastamento para Qualificação de servidores docentes da UFOB. O processo seletivo é para qualificação em programas de pós-graduação stricto sensu, estágio pós-doutoral e professor visitante. As inscrições vão até dia 17 de abril </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/selecao-oferta-duas-vagas-para-estagio-na-area-de-comunicacao-no-campus-de-samavi/imagem-de-estudante-em-fundo-lilas-com-texto-vem/@@images/9f6e3ad7-582a-4524-b244-cc750a56b44f.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/selecao-oferta-duas-vagas-para-estagio-na-area-de-comunicacao-no-campus-de-samavi" target="_blank">
<h4>Seleção oferta duas vagas para estágio na área de Comunicação no Campus de SaMaVi</h4>
<p>Terça-feira (10) é o último dia para se inscrever no processo seletivo para contratação de estagiários e formação de cadastro de reserva para a Diretoria de Comunicação Institucional e Científica da UFOB. São duas vagas para pessoas estudantes do curso de Publicidade e Propaganda para atuar no Centro Multidisciplinar de Santa Maria da Vitória. </p>
</a>
</div>
</div>
<hr>
<div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/gestao-de-pessoas/megafone.png" alt="Ícone">
<h3>PARTICIPE</h3>
</div>
<div class= "nota">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/escuta-itinerante/escuta-itinerante" target="_blank">
<h4></h4>
<p>O Projeto Escuta Itinerante está realizando consulta prévia à comunidade universitária para identificar demandas prioritárias e orientar a organização das atividades em cada campus. O formulário está disponível até dia 23 de março. A sua participação é fundamental para levantamento das necessidades e expectativas e qualificar as políticas institucionais de prevenção e enfrentamento a violências e discriminações. </p>
</a>
</div>
</div>
<hr>
<div class="button-container">
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/" class="button">Leia Mais Notícias</a>
</div>
</div>
<div class="footer">
<div class="social-icons">
<a href="https://www.instagram.com/ufoboficial/" target="_blank"><img src="https://ufob.edu.br/newsletter/arquivos/ig.png" alt="Instagram"></a>
<a href="https://www.facebook.com/ufoboficial" target="_blank"><img src="https://ufob.edu.br/newsletter/arquivos/facebook.png" alt="Facebook"></a>
<a href="https://www.flickr.com/photos/199594295@N07/albums/" target="_blank"><img src="https://ufob.edu.br/newsletter/arquivos/flickr.png" alt="Flickr"></a>
<a href="https://www.youtube.com/channel/UC6jvFX7tb_BfIpXCekMSpoQ" target="_blank"><img src="https://ufob.edu.br/newsletter/arquivos/yt.png" alt="YouTube"></a>
</div>
</div>
</div>
</div>
</body>
</html>
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.