Newsletter Ensino-1.html
última modificação
18/02/2025 18h07
Newsletter Ensino-01.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>UFOB Ensino</title>
<style>
body {
font-family: Arial, 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 {
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: auto; /* 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 p {
font-size: 16px;
color: #666666;
line-height: 1.5;
}
/* 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 {
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: 80px;
border-radius: 5px;
margin-right: 20px;
}
.note h4 {
font-size: 16px;
color: #333333;
margin: 0 0 5px;
}
.note p {
font-size: 14px;
color: #666666;
margin: 0;
}
.button-container {
text-align: right;
}
.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>
<!-- Container externo -->
<div class="outer-container">
<div class="contador">
<h1>NEWSLETTER Nº 01</h1>
</div>
<!-- Container interno com gradiente para sombra -->
<div class="container">
<div class="header">
<img src="https://ufob.edu.br/newsletter/arquivos/ensino/top-ensino.jpg" alt="Topo do Ensino">
</div>
<div class="content">
<hr>
<!-- Itens menores -->
<div class="small-news">
<img src="https://ufob.edu.br/noticias/edital-disponibiliza-40-bolsas-do-programa-de-monitoria-para-o-semestre-2025.1/imagem-de-estudante-e-professora-orientadora-durante-o-iv-encontro-de-monitoria-de-ensino-da-ufob/@@images/dac7b6cb-4d23-4db1-b651-351c335c12e0.jpeg" alt="Notícia 1">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/edital-disponibiliza-40-bolsas-do-programa-de-monitoria-para-o-semestre-2025.1" target="_blank">
<h4>Edital disponibiliza 40 bolsas do Programa de Monitoria de Ensino para o semestre 2025.1</h4>
<p>A Pró-Reitoria de Graduação está com novo edital aberto para o Programa de Monitoria da UFOB no semestre 2025.1. Serão 40 bolsas ofertadas nos cinco campi. Os processos seletivos serão publicadas por cada centro em editais internos até dia 28 de fevereiro.</p>
</a>
</div>
</a>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/novos-grupos-do-programa-de-educacao-tutorial-pet-iniciam-suas-atividades/pet.jpg/@@images/15d5558e-99f3-461f-8def-9500a6e847c2.jpeg" alt="Notícia 2">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/novos-grupos-do-programa-de-educacao-tutorial-pet-iniciam-suas-atividades" target="_blank">
<h4>Novos grupos do Programa de Educação Tutorial (PET) iniciam suas atividades</h4>
<p>Os três grupos do Programa de Educação Tutorial (PET) já iniciaram suas atividades. Em 2025, soma-se ao já existente PET Humanidades, coordenado pelo professor Valney Rigonato, o PET Encontro de Saberes, coordenado pelo professor Sergio Ferro, e o PET Saberes Insurgentes”, coordenado pela professora Napoliana Pereira.</p>
</a>
</div>
</div>
<div class="small-news">
<img src="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/ufob-abre-portas-para-intercambio-academico-nacional-no-semestre-2025.2/2719ae7c-b740-4b4a-9eef-b160d917df2d-1.png/@@images/db1efc30-c1a9-41e9-a607-be52b1913540.png" alt="Notícia 3">
<div>
<a href="https://ufob.edu.br/a-ufob/estrutura/pro-reitorias/prograd/informes/ufob-abre-portas-para-intercambio-academico-nacional-no-semestre-2025.2" target="_blank">
<h4>Programa de Mobilidade Acadêmica Nacional disponibiliza oportunidades para estudantes</h4>
<p>O Programa de Mobilidade Acadêmica Nacional UFOB 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 no semestre 2025.2.</p>
</a>
</div>
</div>
<hr>
<div class = "note">
<img src="https://ufob.edu.br/newsletter/arquivos/ensino/tomenota.png" alt="Notícia 4">
<div>
<a href="https://ufob.edu.br/a-ufob/editais/graduacao/programa-de-tutoria-de-ensino/2025.1" target="_blank">
<h4>TOME NOTA!</h4>
<p>
A seleção de coordenadores de área do Programa de Tutoria de Ensino está em andamento. São três vagas para docentes nas áreas de Física, Matemática e Química, com bolsa mensal de R$ 1,3 mil durante 22 meses, com possibilidade de renovação. O resultado final será publicado no dia 19 de fevereiro. Saiba mais em https://ufob.edu.br/a-ufob/editais/graduacao/programa-de-tutoria-de-ensino/2025.1. <strong>Considerando que as inscrições encerraram no dia 03/02/2025 e não houve docente inscrito para a área de Química, o Edital será republicado em breve.</strong>
</p>
</a>
</div>
</div>
<!-- Botão alinhado à direita -->
<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>
<!-- Rodapé com ícones de redes sociais -->
<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.