Newsletter - PósGraduação e Pesquisa - 10.html
última modificação
10/04/2026 16h50
Newsletter - PósGraduação e Pesquisa - 10.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 Pós Graduação e Pesquisa | Edição 10</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(#17474e, #cce8e7);
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: #cce8e7;
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 {
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: 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 a {
text-decoration: none;
}
.small-news img {
width: 30%;
height: 30%;
border-radius: 5px;
margin-right: 15px;
}
.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: 9%;
height: 9%;
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: 10%;
height: 10%;
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: #17474e;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
}
.footer {
background-image: url('https://ufob.edu.br/newsletter/arquivos/pesquisa-e-pos-graduacao/base-pesquisa.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%;
}
.news-item h4 {
text-align: justify;
}
.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 h3 {
text-align: center;
font-size: 16px;
color: #333333;
margin: 10px 0 5px;
}
.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º 10</h1></div>
<div class="container">
<div class="header">
<img src="https://ufob.edu.br/newsletter/arquivos/pesquisa-e-pos-graduacao/topo-pesquisa.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/propgp/informes/participe-das-sessoes-de-fotos-institucionais-dos-grupos-de-pesquisa" target="_blank">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/informes/participe-das-sessoes-de-fotos-institucionais-dos-grupos-de-pesquisa/grupos-de-pesquisa.png/@@images/0531b793-b4ed-44cf-b19f-e9212c6bdd26.png" alt="">
<h4>Participe das sessões de fotos institucionais dos grupos de pesquisa</h4>
<p>Grupos de Pesquisa da UFOB podem se inscrever nas sessões de fotos institucionais que vão ocorrer até o mês de maio. A ação busca fortalecer a divulgação científica e ampliar a visibilidade das atividades desenvolvidas na Universidade, além de disponibilizar aos integrantes fotografias profissionais que poderão ser utilizadas em diferentes contextos acadêmicos e institucionais. </p>
</a>
</div>
<hr>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/informes/confira-as-propostas-homologadas-no-editais-de-iniciacao-cientifica-e-tecnologica/6fccc6a1-0fce-460e-b890-a904e89f6ff3-1.png/@@images/e1aa0ab0-ea18-4306-9e31-c32bd36ed8af.png" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/informes/confira-as-propostas-homologadas-no-editais-de-iniciacao-cientifica-e-tecnologica" target="_blank">
<h4>Confira as propostas homologadas no editais de iniciação científica e tecnológica</h4>
<p>O resultado das propostas homologadas dos editais dos Programas Institucionais de Bolsas de Iniciação Científica (Pibic), de Bolsas de Iniciação Científica no Ensino Médio (Pibic-EM) e de Bolsas de Iniciação em Desenvolvimento Tecnológico e Inovação (Pibiti) já estão disponíveis. Ao todo, foram 187 propostas submetidas para as 153 bolsas disponibilizadas. </p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/informes/chamada-para-recomposicao-dos-comites-institucionais-de-assessoramento-do-pibic-e-do-pibit-esta-aberta/9a5ae017-5227-42d9-a364-36d76147b2db.jpeg/@@images/b7955a03-3678-4a1b-9bc4-bfcac4611571.jpeg" alt="">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/informes/chamada-para-recomposicao-dos-comites-institucionais-de-assessoramento-do-pibic-e-do-pibit-esta-aberta" target="_blank">
<h4>Chamada para recomposição dos Comitês Institucionais de Assessoramento do Pibic e do Pibit está aberta</h4>
<p>A Pró-Reitoria de Pós-Graduação e Pesquisa (Propgp) está com chamada pública aberta para recomposição do Comitê Institucional de Assessoramento dos Programas de Iniciação Científica e de Iniciação em Desenvolvimento Tecnológico e Inovação, no ciclo 2024-2026. As inscrições para as pessoas docentes interessadas vão até o dia 22 de abril. </p>
</a>
</div>
</div>
<hr>
<div class="note">
<img src="https://ufob.edu.br/newsletter/arquivos/pesquisa-e-pos-graduacao/icone-revista.png" alt="Ícone">
<h3>TOME NOTA</h3>
</div>
<div class= "nota">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/informes/revista-pesquisare-retoma-as-atividades-com-edicao-especial" target="_blank">
<h4></h4>
<p>A Revista Pesquisare, publicação institucional que desempenha papel estratégico na divulgação da produção científica, tecnológica e acadêmica da Universidade, retoma suas atividades com uma edição especial em comemoração aos 20 anos do Ensino Superior Federal no Oeste da Bahia. Nela, serão publicados, mediante autorização dos autores, os trabalhos avaliados no XI Seminário de Iniciação Científica e Tecnológica – SICT. </p>
</a>
</div>
</div>
<hr>
<div class="button-container">
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/propgp/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.