Newsletter Internacionalização-13.html

última modificação 29/07/2026 14h40

text/html Newsletter Internacionalização-13.html — 11 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 Internacionalização | Edição 13</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º 13</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="https://ufob.edu.br/a-ufob/internacionalizacao/informes/inscricoes-nos-editais-de-internacionalizacao-do-programa-capes-global-edu-vao-ate-sexta-31" target="_blank">
                    <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/inscricoes-nos-editais-de-internacionalizacao-do-programa-capes-global-edu-vao-ate-sexta-31/arte-em-fundo-branco-com-elementos-em-tons-de-azul-e-texto-capes-edu-br.png/@@images/56164eb0-b46e-4b00-9edd-31caad1dca9a.png" alt="">
                    <h4>Inscrições nos editais de Internacionalização do Programa Capes Global.Edu vão até sexta (31)</h4>
                    <p>Docentes e pesquisadores interessados em ampliar sua atuação acadêmica internacional têm até 31 de julho para se inscrever nos editais de bolsas do Programa Capes Global.Edu. As oportunidades incluem modalidades como professor visitante, doutorado sanduíche, pós-doutorado e capacitação, com foco em internacionalização e cooperação acadêmica. </p>
                </a>
            </div>
            <hr>
            <div class="note">
                <img src="https://ufob.edu.br/newsletter/arquivos/internacionalizacao/livros.png" alt="Ícone">
                <h3>OPORTUNIDADES</h3>
            </div>
            <br>
            
            <div class="nota">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/bolsas-de-doutorado-em-singapura-estao-com-inscricoes-abertas/bandeira-de-singapura.png/@@images/4b509628-5396-4f49-869c-9f1bdf2f538e.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/bolsas-de-doutorado-em-singapura-estao-com-inscricoes-abertas" target="_blank">
                        <h4>Bolsas de doutorado em Singapura</h4>
                        <p>Pesquisadores interessados em realizar doutorado no exterior podem se inscrever na A*STAR Graduate Scholarship (AGS), programa que oferece financiamento integral para cursos em universidades de Singapura. As inscrições seguem abertas até 1º de agosto, ofertando  bolsas que contemplam áreas como ciências, semicondutores, tecnologias quânticas, inteligência artificial, cibersegurança e ciência de dados. </p>
                    </a>
                </div>
            </div>
            
            <div class="nota">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/ufob-amplia-cooperacao-academica-com-universidade-da-russia/bandeira-da-russia.png/@@images/b4cf55c7-efb9-4194-be9f-b02518fd8245.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/ufob-amplia-cooperacao-academica-com-universidade-da-russia" target="_blank">
                        <h4>Cooperação acadêmica com universidade da Rússia</h4>
                        <p>Docentes e pesquisadores da UFOB podem participar de novas iniciativas de cooperação com a Higher School of Economics (HSE), da Rússia. As oportunidades incluem atuação no curso de Finanças Climáticas, participação em conferência internacional sobre ESG e publicação de artigos científicos em periódico indexado, fortalecendo a internacionalização e a colaboração acadêmica. </p>
                    </a>
                </div>
            </div>
            
           <hr>
            
            <div class="note">
                <img src="https://ufob.edu.br/newsletter/arquivos/internacionalizacao/lupa.png" alt="Ícone">
                <h3>OLHO NO PRAZO </h3>
            </div>
            <div class= "nota">
                <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></h4>
                        <p>A UFOB está com inscrições abertas para o processo seletivo do TOEFL ITP Remote até o dia 16 de agosto, . São ofertadas 13 vagas para membros da comunidade acadêmica, com o objetivo de apoiar a qualificação linguística e ampliar as oportunidades de participação em programas de mobilidade internacional, intercâmbios e pós-graduação. </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>