newsletter-12.html
última modificação
16/07/2026 09h56
newsletter-12.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 | 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(#16370a, #d7ffc2);
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 {
width: 100%;
padding: 1px;
top: -5px;
left: 900px;
color: #d7ffc2;
font-size: 12px;
font-family: 'Caladea' , sans-serif;
}
/* 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 {
max-width: fit-content;
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-size: 18px;
color: #333333;
margin: 10px 0 5px;
}
.news-item h4 {
text-align: center;
font-size: 17px;
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 {
text-align: justify;
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.small-news p {
text-align: justify;
font-size: 14px;
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: 10px;
}
.note h4 {
text-align: left;
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.note p {
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: 10px;
}
.nota h4 {
text-align: left;
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: #264f15;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
}
.footer {
background-image: url('https://ufob.edu.br/newsletter/arquivos/internacionalizacao/rodape-internacionalizacao.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;
}
.note h4 {
margin-top: 10px;
}
}
</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/internacionalizacao/capa-internacionalizacao.png" alt="Topo da Newsletter">
</div>
<div class="content">
<hr>
<div class="news-item">
<a href="" target="_blank">
<img src="https://ufob.edu.br/newsletter/arquivos/internacionalizacao/5.png" alt="">
<h4>Descubra programas, bolsas e editais internacionais disponíveis e participe. </h4>
<p></p>
</a>
</div>
<hr>
<div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/internacionalizacao/lupa.png" alt="Ícone">
<h3>OPORTUNIDADES</h3>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/programa-iila-maeci-2026-oferece-bolsas-de-estudo-na-italia/informe-1.png/@@images/3462f155-83e0-4d7f-a07b-a660cae31c59.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/programa-iila-maeci-2026-oferece-bolsas-de-estudo-na-italia" target="_blank">
<h4>Programa IILA-MAECI 2026 oferece bolsas de Estudo na Itália</h4>
<p>Estudantes de pós-graduação e pesquisadores latino-americanos podem se inscrever até dia 30 de setembro no IILA-MAECI 2026. O programa oferece bolsas de estudos de 1500 euros mensais para estudos em universidades italianas nas áreas de sustentabilidade, biotecnologia, agroalimentos, tecnologias espaciais e patrimônio cultural. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/exame-de-proficiencia-em-lingua-inglesa-remoto-segue-com-inscricoes-abertas/informe-2.png/@@images/51709d32-9e95-4078-baf8-0fe0c957f6b4.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/exame-de-proficiencia-em-lingua-inglesa-remoto-segue-com-inscricoes-abertas" target="_blank">
<h4>Exame de Proficiência TOEFL ITP Remote segue com inscrições abertas</h4>
<p>As pessoas interessadas em verificar o seu nível de proficiência na língua inglesa já podem se inscrever no TOEFL ITP REMOTE até o dia 16 de agosto. O teste será aplicado no dia 22 ou 23 de outubro gratuitamente em formato remoto. Serão disponibilizadas 13 vagas, com curso preparatório e isenção das taxas para as pessoas da UFOB selecionadas. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/programa-capes-global-edu-abre-editais-de-internacionalizacao/informe-3.png/@@images/b926d5d0-ece2-4338-9f73-15449422198c.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/programa-capes-global-edu-abre-editais-de-internacionalizacao" target="_blank">
<h4>Programa Capes Global.edu abre editais de Internacionalização</h4>
<p>Os editais de bolsas do Programa Capes Global.edu da Rede Conexões Globais e Saberes Locais: Internacionalização e Cooperação estão com inscrições abertas até dia 31 de julho. As propostas devem estar vinculadas aos temas estratégicos da Rede, como internacionalização, sustentabilidade, saúde, desigualdades, cultura e saberes locais. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/competicao-de-inovacao-e-empreendedorismo-seleciona-projetos-inovadores-de-estudantes-brasileiros/informe-4.png/@@images/be0422aa-df4a-4683-a3cd-2a80a5a2f30b.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/competicao-de-inovacao-e-empreendedorismo-seleciona-projetos-inovadores-de-estudantes-brasileiros" target="_blank">
<h4>Competição de inovação e empreendedorismo seleciona projetos inovadores de estudantes brasileiros</h4>
<p>Estudantes de graduação e pós-graduação da UFOB podem se inscrever até segunda (20) na China International College Students’ Innovation Competition 2026. As equipes selecionadas participarão da etapa regional, na Reitoria da Universidade Estadual Paulista (Unesp), em São Paulo, e poderão ser indicadas para a final global da competição, na China. </p>
</a>
</div>
</div>
<hr>
<div class="button-container">
<a href="https://ufob.edu.br/a-ufob/internacionalizacao/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.