Newsletter Internacionalização-05.html

última modificação 31/07/2025 15h30

text/html Newsletter Internacionalização-05.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 5</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 {
    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;
}


.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º 5</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/informes" target="_blank">
                    <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/capanews5.png" alt="">
                    <h4>Fique por dentro nas oportunidades que a Internacionalização tem para te oferecer. Confira abaixo as chamadas abertas para Fórum, parcerias e bolsas. </h4>
                    <p></p>
                </a>
            </div>
            <hr>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/forum-de-jovens-cientistas-brics-2025-esta-com-inscricoes-abertas/brics.png/@@images/2e1b3aad-dc5d-4d29-90ca-f55925702c61.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/forum-de-jovens-cientistas-brics-2025-esta-com-inscricoes-abertas" target="_blank">
                        <h4>Fórum de Jovens Cientistas BRICS 2025 está com inscrições abertas</h4>
                        <p>O Fórum de Jovens Cientistas BRICS (Young Scientists Forum – YSF) 2025, que será realizado entre os dias 15 e 17 de setembro, em Brasília, está com inscrições abertas. O evento ocorre todos os anos no país que ocupa a presidência rotativa do bloco, reunindo jovens cientistas de dos países que integram os BRICS.</p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/programa-da-organizacao-dos-estados-americanos-oferece-bolsas-e-capacitacao/oea.png/@@images/980ad2f4-eb5d-46da-95a8-cd09122321e7.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/programa-da-organizacao-dos-estados-americanos-oferece-bolsas-e-capacitacao" target="_blank">
                        <h4>Programa da Organização dos Estados Americanos oferece bolsas e capacitação</h4>
                        <p>O Programa do Departamento de Desenvolvimento Humano, Educação e Emprego da Organização dos Estados Americanos (OEA) está com chamada aberta de bolsas de graduação e pós-graduação e cursos de capacitação profissional de curta duração. A iniciativa tem por objetivo ampliar o acesso ao ensino superior e de qualidade aos cidadãos e residentes permanentes dos Estados Membros da OEA.</p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/edital-abre-oportunidade-de-colaboracoes-em-pesquisas-entre-universidades-do-reino-unido-e-brasil/reino-unido-1111x740.jpg/@@images/c5b079f8-f707-4e69-801c-847b4dd1ea7e.jpeg" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/edital-abre-oportunidade-de-colaboracoes-em-pesquisas-entre-universidades-do-reino-unido-e-brasil" target="_blank">
                        <h4>Edital  abre oportunidade de colaborações em pesquisas entre universidades do Reino Unido e Brasil</h4>
                        <p>O edital Research Environments Call 2025-26, que abre oportunidades de colaborações no desenvolvimento de pesquisas entre universidades do Reino Unido e Brasil, está com inscrições abertas até o dia 9 de setembro. A iniciativa prevê financiamento de até 40 mil libras por projeto.</p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/governo-do-mexico-disponibiliza-bolsas-de-estudos-para-estudantes-estrangeiros/mexico.png/@@images/5cf6c0fd-a816-4349-a5c6-70c1ab4c5e91.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/governo-do-mexico-disponibiliza-bolsas-de-estudos-para-estudantes-estrangeiros" target="_blank">
                        <h4>Governo do México disponibiliza bolsas de estudos para estudantes estrangeiros</h4>
                        <p>A Agência Mexicana de Cooperação Internacional para o Desenvolvimento (Amexcid) está com  seleção aberta no programa de bolsas "Becas de Excelencia del Gobierno de México para Extranjeros 2025””. Financiado pelo Governo do México, as vagas podem ser ocupadas por estudantes brasileiros.</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>