Newsletter Ensino-8.html
última modificação
09/01/2026 07h47
Newsletter Ensino-8.html
— 14 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 8</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º 8</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/programa-de-educacao-tutorial-bi-humanidades-seleciona-bolsistas-e-voluntarios" target="_blank">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/programa-de-educacao-tutorial-bi-humanidades-seleciona-bolsistas-e-voluntarios/informe-1.png/@@images/ee9e7b93-67ce-4f7c-aad6-b1644117a264.png" alt="">
<h4>Programa de Educação Tutorial BI Humanidades seleciona bolsistas e voluntários</h4>
<p>A Pró-Reitoria de Graduação da UFOB publicou edital para seleção de bolsistas e não bolsistas para o Programa de Educação Tutorial (PET) BI Humanidades. São disponibilizadas oito vagas, sendo duas vagas para bolsistas e seis para não bolsistas. O valor da bolsa é de R$700,00 (setecentos reais).</p>
</a>
</div>
<hr>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/mobilidade-interna-programa-recebe-inscricoes-ate-dia-20-de-janeiro/informe-2.png/@@images/b3cd5b8b-511d-4f70-9dbf-449a25af228f.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/mobilidade-interna-programa-recebe-inscricoes-ate-dia-20-de-janeiro?_authenticator=764c2daede473ff4437bbdccb45baae25d0fe201" target="_blank">
<h4>Mobilidade interna: programa recebe inscrições até dia 20 de janeiro</h4>
<p> Estudantes de graduação da UFOB que desejem cursar temporariamente componentes curriculares em outro campus da Universidade devem ficar atentos porque estão abertas as inscrições no edital do Programa de Mobilidade Acadêmica interna para o semestre 2026.1.</p>
</a>
</div>
</div>
<br>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/edital-de-concessao-de-auxilio-para-participacao-de-estudantes-em-eventos-sera-publicado-em-12-de-janeiro/informe-3.png/@@images/2906f545-33d2-432d-b15a-8ae6ea928a74.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/edital-de-concessao-de-auxilio-para-participacao-de-estudantes-em-eventos-sera-publicado-em-12-de-janeiro" target="_blank">
<h4>Edital de concessão de auxílio para participação de estudantes em eventos será publicado em 12 de janeiro</h4>
<p>Estudantes de graduação e pós-graduação da UFOB, que pretendem apresentar trabalhos científicos no Brasil e no exterior ou participar como competidor de eventos esportivos presenciais, externos à UFOB ou intercampi na Universidade, poderão se inscrever no Edital, que será publicado a partir do dia 12 de janeiro.</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.