Newsletter Internacionalização-04.html

última modificação 17/07/2025 17h42

text/html Newsletter Internacionalização-04.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 4</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º 4</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" target="_blank">
                    <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/internacionalizacao.png" alt="">
                    <h4>Chegou a sua vez de ter uma experiência internacional. Confira abaixo as oportunidades abertas para curso, parcerias, bolsas e conferências. </h4>
                    <p></p>
                </a>
            </div>
            <hr>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/conferencia-eminclusion-promove-debate-integracao-de-lingua-e-cultura/ufscpa.png/@@images/fcd37d96-4721-49c7-ad39-93c13f02f7c5.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/conferencia-eminclusion-promove-debate-integracao-de-lingua-e-cultura" target="_blank">
                        <h4>Conferência EMInclusion promove debate integração de língua e cultura</h4>
                        <p>A conferência “EMInclusion: Integrating Language and Content for Egalitarian Higher Education” será realizada entre os dias 24 e 27 de setembro, no campus da Universidade Federal de Ciências da Saúde de Porto Alegre, com transmissão on-line. Co-organizada pela UFCSPA, em parceria com a UFRGS, discutirá a integração de língua e conteúdo para consolidação de um ensino superior mais equânime. </p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/korea-development-institute-kdi-oferta-bolsas-de-mestrado-e-doutorado/kdi.png/@@images/72d0bfae-64cc-43ca-bdd0-920a852a7566.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/korea-development-institute-kdi-oferta-bolsas-de-mestrado-e-doutorado" target="_blank">
                        <h4>Korea Development Institute (KDI) oferta bolsas de mestrado e doutorado</h4>
                        <p>A Escola de Políticas Públicas e Administração do Korea Development Institute (KDI), associada ao governo sul-coreano, está com processo seletivo aberto com bolsas disponíveis para estudantes estrangeiros nos cursos de mestrado e doutorado. O KDI conduz pesquisas no âmbito do desenvolvimento econômico e social. </p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/edital-possibilita-colaboracoes-entre-instituicoes-de-ensino-superior-do-reino-unido-e-brasil/edital-reino-unido-e-brasil_.png/@@images/6fd65c70-5b1c-458d-a877-aaf2d8d5adae.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/edital-possibilita-colaboracoes-entre-instituicoes-de-ensino-superior-do-reino-unido-e-brasil" target="_blank">
                        <h4>Edital possibilita colaborações entre instituições de ensino superior do Reino Unido e Brasil </h4>
                        <p>O edital TNE Exploratory Grants 2025, que abre oportunidades de colaborações entre instituições de ensino superior do Reino Unido e Brasil, está com inscrições abertas até dia 8 de setembro. A iniciativa prevê financiamento de até 25 mil libras por projeto. </p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/governo-britanico-disponibiliza-bolsas-de-estudos-para-estudantes-brasileiros/chevening-scholarship.png/@@images/0de25380-50a3-494e-bb1c-a4ad79ec9ada.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/governo-britanico-disponibiliza-bolsas-de-estudos-para-estudantes-brasileiros" target="_blank">
                        <h4>Governo Britânico disponibiliza bolsas de estudos para estudantes brasileiros</h4>
                        <p>O programa de bolsas "Chevening Scholarship”, financiado pelo Governo Britânico, está com seleção aberta para estudantes brasileiros com potencial de liderança, que possuam interesse em criar um impacto positivo na realidade brasileira e aprofundar as relações entre o Reino Unido e o Brasil. </p>
                    </a>
                </div>
            </div>
            
            <div class="small-news">
                <img src="https://ufob.edu.br/a-ufob/internacionalizacao/informes/participe-do-curso-on-line-internacional-em-geologia-do-solo/geologia-do-solo.png/@@images/9a7134c2-eba0-4034-8ccd-0ca63dd8385b.png" alt="">
                <div>
                    <a href="https://ufob.edu.br/a-ufob/internacionalizacao/informes/participe-do-curso-on-line-internacional-em-geologia-do-solo" target="_blank">
                        <h4>Participe do curso on-line Internacional em Geologia do solo</h4>
                        <p>O curso on-line internacional “Programa de Capacitação em Geologia do Solo para Engenheiros Não Especialistas – 2ª edição” está com inscrições abertas. A atividade é voltada para engenheiros(as) e geólogos (as) e será realizada de de 1º a 15 de dezembro de 2025 pela Universidade do Chile, com apoio da Agência Chilena de Cooperação Internacional (AGCID). </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>
Voltar ao topo
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.