Newsletter Gestão Edição 9.html
última modificação
10/09/2025 08h20
Newsletter Gestão Edição 9.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 | Edição 9</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(#002215, #97d2c5);
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: #97d2c5;
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 img {
width: 100%;
border-radius: 5px;
}
.news-item h3 {
font-size: 18px;
color: #333333;
margin: 10px 0 5px;
}
.news-item h4 {
text-align: center;
font-size: 20px;
color: #333333;
margin: 20px;
}
.news-item p {
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 {
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.small-news p {
text-align: justify;
font-size: 15px;
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: 15px;
}
.nota a {
text-decoration: none;
}
.nota img {
width: 10%;
height: 10%;
border-radius: 5px;
margin-right: 20px;
}
.nota h4 {
font-size: 16px;
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: #002215;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
}
.footer {
background-image: url('https://ufob.edu.br/newsletter/arquivos/gestao/base-gestao.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 {
text-align: justify;
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;
}
}
</style>
</head>
<body>
<div class="outer-container">
<div class="contador"><h1>NEWSLETTER Nº 9</h1></div>
<div class="container">
<div class="header">
<img src="https://ufob.edu.br/newsletter/arquivos/gestao/topo-gestao.png" alt="Topo da Newsletter">
</div>
<div class="content">
<hr>
<div class="news-item">
<a href="https://ufob.edu.br/noticias/ufob-passa-a-disponibilizar-capelos-adaptados-para-cabelos-afro-em-solenidades-de-colacao-grau" target="_blank">
<img src="https://ufob.edu.br/noticias/ufob-passa-a-disponibilizar-capelos-adaptados-para-cabelos-afro-em-solenidades-de-colacao-grau/imagens-de-estudantes-negras-com-capelos-adaptados-para-cabelos-afro-credito-divulgacao-campanha-respeita-meu-capelo/@@images/bb3d427c-137f-4b8a-97fd-c4a0b155fbe3.png" alt="">
<h4>UFOB passa a disponibilizar capelos adaptados para cabelos afro nas colações de grau</h4>
<p>As próximas solenidades de colação de grau da UFOB vão passar a disponibilizar capelos adaptados para cabelos cacheados, crespos, com penteados afros como tranças, dreads, turbantes, dentre outros. A cerimônia de entrega destes novos acessórios será realizada nesta quinta (11), às 9h, no Auditório do Centro de Referência em Recuperação de Áreas Degradadas (CRAD), no Campus Reitor Edgard Santos, em Barreiras. </p>
</a>
</div>
<hr>
<div class="small-news">
<img src="https://ufob.edu.br/noticias/nomeacao-de-servidores-tecnicos-administrativos-e-publicada-no-diario-oficial-da-uniao/bn-site-concurso.png/@@images/fc8bb20c-3e4e-4a15-91f5-ba5cf3936b41.png" alt="">
<div>
<a href="https://ufob.edu.br/noticias/nomeacao-de-servidores-tecnicos-administrativos-e-publicada-no-diario-oficial-da-uniao" target="_blank">
<h4>Nomeação de servidores técnicos administrativos é publicada no Diário Oficial da União</h4>
<p>A nomeação dos novos servidores técnicos administrativos aprovados no concurso público da UFOB deste ano já foi publicada no Diário Oficial da União. O concurso foi aberto para o preenchimento de 31 vagas, com cargos de níveis médio/técnico e superior. A posse coletiva será realizada no dia 2 de outubro, às 8h30, no Campus Reitor Edgard Santos, em Barreiras. </p>
</a>
</div>
</div>
<hr>
<div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/gestao/agenda.png" alt="Ícone">
<h3>ANOTE NA AGENDA</h3>
</div>
<div class= "nota">
<div>
<a href="https://ufob.edu.br/noticias/orcamento-participativo-institucional-sera-lancado-no-dia-10-de-setembro" target="_blank">
<h4></h4>
<p>O Orçamento Participativo Institucional da UFOB será lançado nesta quarta (10), às 14h, no auditório do Pavilhão 2 do Campus Reitor Edgard Santos, em Barreiras, e terá transmissão ao vivo pelo Canal de Eventos da UFOB no YouTube. A iniciativa representa mais um passo no fortalecimento e na ampliação dos espaços de escuta e diálogo da comunidade universitária para a construção da Proposta de Planejamento Orçamentário 2026</p>
</a>
<br>
<a href="https://ufob.edu.br/noticias/confira-o-calendario-das-solenidades-de-colacao-de-grau-do-semestre-2025.1" target="_blank">
<p>A temporada de colações de grau 2025.1 da UFOB segue a todo vapor. Nesta sexta (12), às 19h, acontecerá a solenidade dos cursos de Engenharia Elétrica e Engenharia Mecânica, em Bom Jesus da Lapa. Já no sábado (13), também às 19h, é a vez da dos cursos de Artes Visuais e Publicidade e Propaganda, em Santa Maria da Vitória. Navegue em nosso portal e confira as datas e locais de todas as cerimônias.
</p> </a>
</div>
</div>
<!-- <div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/gestao/agenda.png" alt="Ícone">
<h3>VEM AÍ </h3>
</div>
<div class= "nota">
<div>
<a href="https://ufob.edu.br/noticias/confira-o-calendario-das-solenidades-de-colacao-de-grau-do-semestre-2025.1" target="_blank">
<h4></h4>
<p>A temporada de colações de grau 2025.1 da UFOB segue a todo vapor. Nesta sexta (12), às 19h, acontecerá a solenidade dos cursos de Engenharia Elétrica e de Produção, em Bom Jesus da Lapa. Já no sábado (13), também às 19h, é a vez da dos cursos de Artes Visuais e Publicidade e Propaganda, em Santa Maria da Vitória. Navegue em nosso portal e confira as datas e locais de todas as cerimônias. </p>
</a>
</div>
</div> -->
<hr>
<div class="button-container">
<a href="https://ufob.edu.br/noticias/" 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.