Newsletter Ensino-9.html
última modificação
26/02/2026 18h37
Newsletter Ensino-9.html
— 16 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 Ensino | 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(#080e32, #c7cdfd);
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: #c7cdfd;
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 {
text-align: center;
font-size: 18px;
color: #333333;
margin: 10px 0 5px;
}
.news-item h4 {
text-align: center;
font-size: 24px;
color: #333333;
margin: 20px;
}
.news-item p {
text-align: justify;
font-size: 18px;
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: 18px;
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: #5e66a5;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
}
.footer {
background-image: url('https://ufob.edu.br/newsletter/arquivos/ensino/base-ensino.jpg');
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;
}
}
</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/ensino/top-ensino.jpg" alt="Topo da Newsletter">
</div>
<div class="content">
<hr>
<div class="news-item">
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/ii-encontro-de-articulacao-da-educacao-superior-com-educacao-basica-debate-politicas-educacionais-no-territorio" target="_blank">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/ii-encontro-de-articulacao-da-educacao-superior-com-educacao-basica-debate-politicas-educacionais-no-territorio/2encontroedsup.png/@@images/c11e5b93-5281-4237-9cb1-dc18d1f8188d.png" alt="">
<h4>II Encontro de Articulação da Educação Superior com Educação Básica debate políticas educacionais no território</h4>
<p>A 2ª edição do Encontro de Articulação com a Educação Básica acontecerá no dia 13 de março, às 19h, no Auditório do Campus de Barreiras do IFBA. O evento tem por objetivo fortalecer a articulação entre Ensino Superior e Educação Básica, promovendo debates sobre múltiplas dimensões da docência e gerando uma carta aberta com propostas para políticas educacionais no território do Núcleo Territorial de Educação (NTE11) </p>
</a>
</div>
<hr>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/programa-transversalidades-abre-selecao-de-propostas-para-cursos-de-formacao-complementar/transversatilidades.png/@@images/46c193d9-59b4-4910-9f0d-c9cbf3f658d8.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/programa-transversalidades-abre-selecao-de-propostas-para-cursos-de-formacao-complementar" target="_blank">
<h4>Programa Transversalidades abre seleção de propostas para cursos de formação complementar</h4>
<p>O Programa Transversalidades está com edital aberto para inscrições de propostas para cursos de formação complementar em fluxo contínuo. Docentes e estudantes de pós-graduação podem submeter propostas. Para tanto, é necessário ler o edital e preencher o formulário eletrônico. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/mobilidade-academica-andifes-nacional-saiba-como-participar-do-programa/mobilidade-andifes.png/@@images/232451e8-370c-490a-aebb-8c98437c87ed.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/mobilidade-academica-andifes-nacional-saiba-como-participar-do-programa" target="_blank">
<h4>Mobilidade Acadêmica Andifes Nacional: saiba como participar do Programa</h4>
<p>O Programa de Mobilidade Acadêmica Andifes está com edital aberto para estudantes da UFOB que desejam cursar um ou dois semestres de sua graduação noutra Instituição federal de Ensino Superior brasileira em 2026. </p>
</a>
</div>
</div>
<hr>
<div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/ensino/agenda.png" alt="Ícone">
<h3>VEM AÍ </h3>
</div>
<div class= "nota">
<div>
<a href="https://sig.ufob.edu.br/sigaa/public/processo_seletivo/lista.jsf?aba=p-processo&nivel=F" target="_blank">
<h4></h4>
<p>O curso de formação complementar “Democracia e Sociedade: entre crise e ruptura” está com inscrições abertas até o dia 4 de março. Ministrado pelo professor Jorge Luiz Barreto Ribeiro, do Centro Multidisciplinar da UFOB de Santa Maria da Vitória, terá carga horária de 60 horas, e as aulas serão remotas. Podem participar estudantes de cursos de graduação e pós-graduação da UFOB, que estejam regularmente matriculados no semestre atual. </p>
</a>
</div>
</div>
<div class="note">
</div>
<div class= "nota">
<div>
<a href="https://ufob.edu.br/a-ufob/editais/assistencia-estudantil/auxilio-participacao-em-eventos/2026" target="_blank">
<h4></h4>
<p>A segunda Chamada do edital de Concessão de Auxílio para participação de estudantes em Eventos abrirá nesta segunda (2). O certame concede auxílio financeiro para inscrição, alimentação, hospedagem e/ou transporte para apoiar a participação de pessoas estudantes em eventos acadêmicos, como autores ou coautores de trabalhos acadêmicos-científicos, ou como participante competidor de evento esportivo. </p>
</a>
</div>
</div>
<div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/ensino/tomenota.png" alt="Ícone">
<h3>OLHO NO EDITAL</h3>
</div>
<div class= "nota">
<div>
<a href="https://ufob.edu.br/a-ufob/editais/graduacao/pets-tematicos" target="_blank">
<h4></h4>
<p>Os Grupos PET Encontro dos Saberes e Saberes Insurgentes publicará editais de seleção de estudantes para preenchimento de vagas para bolsistas e não bolsistas. O valor da bolsa é de R$700. </p>
</a>
</div>
</div>
<hr>
<div class="button-container">
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/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.