Newsletter Gestão de Pessoas - 11.html
última modificação
08/10/2025 14h27
Newsletter Gestão de Pessoas - 11.html
— 12 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 11</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º 11</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/novos-servidores-tecnicos-administrativos-em-educacao-participam-de-solenidade-de-posse-coletiva" target="_blank">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/novos-servidores-tecnicos-administrativos-em-educacao-participam-de-solenidade-de-posse-coletiva/imagem-de-novos-servidores-tecnicos-administrativos-da-ufob-sendo-empossados-pelo-reitor-professor-jacques-antonio-de-miranda-foto-diego-gil/@@images/b1030c60-7ee6-4574-8a7d-a59874f87287.png" alt="">
<h4>Novos servidores técnicos-administrativos participam de solenidade de posse coletiva</h4>
<p>Dezenove novos servidores técnicos-administrativos em Educação aprovados no concurso público da UFOB deste ano foram empossados em solenidade ocorrida nesta quinta (2), no Auditório do Centro de Referência em Recuperação de Áreas Degradadas (CRAD). </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-tecnicos-administrativos-disponibiliza-8-vagas/editaldeafastamentoprogep/@@images/cf43f9d7-4671-4b2e-968b-c2fd41a9d5e3.jpeg" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/edital-de-afastamento-para-qualificacao-de-servidores-tecnicos-administrativos-disponibiliza-8-vagas" target="_blank">
<h4>Edital de afastamento para qualificação de servidores técnicos administrativos disponibiliza 8 vagas</h4>
<p>A Pró-Reitoria de Gestão de Pessoas (Progep) publicou edital de Afastamento para Qualificação de servidores Técnicos Administrativos em Educação (TAE) da UFOB. O processo seletivo é para qualificação em programas de pós-graduação stricto sensu e estágio pós-doutoral. As inscrições abrem nesta segunda (13) e vão até dia 21 de novembro. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/resultado-parcial-do-edital-de-apoio-a-acoes-de-desenvolvimento-para-servidores-do-mes-de-setembro/acoes-de-desenvolvimento-jpeg.jpg/@@images/ad1d397a-77ab-4f0f-a870-279ce49f0a8a.jpeg" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/resultado-parcial-do-edital-de-apoio-a-acoes-de-desenvolvimento-para-servidores-do-mes-de-setembro" target="_blank">
<h4>Resultado parcial do Edital de apoio a ações de desenvolvimento para servidores do mês de setembro</h4>
<p>A UFOB divulgou o resultado parcial das inscrições submetidas em setembro deste ano no Edital de apoio à participação de servidores(as) técnico-administrativos(as) e docentes em ações de desenvolvimento. O auxílio financeiro é destinado ao custeio das despesas com ações realizadas de forma remota/online, híbrida ou presencial. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/acesse-o-relatorio-de-transparencia-do-mes-de-agosto-de-2025-1/transparencia-ufob.png/@@images/6cf3cf00-18ea-45e8-bf21-499339c7b36d.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/progep/informes/acesse-o-relatorio-de-transparencia-do-mes-de-agosto-de-2025-1" target="_blank">
<h4>Confira o Relatório de Transparência do mês de setembro de 2025</h4>
<p>A Pró-Reitoria de Gestão de Pessoas publica mensalmente os dados referentes à força de trabalho, qualificações dos servidores, progressões, afastamentos para qualificação, estágio probatório, dentre outros. Acesse o link www.ufob.edu.br/progep para acessar as informações do mês de setembro de 2025. </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.