home.html

<!-- Inserção do CSS de estilo da página home -->
<link rel="stylesheet" href="css/home.css">

<!-- Div repsonsável por conter as noticias à serem exibidas -->
<div class="noticias">
    <!-- Div responsável por conter os box com os resumos das noticias-->
    <div class="noticiasResumidas">
        <!-- Link e Box dos resumos das noticias-->
        <a href="noticias/noticia01.html" target="frameNoticiaExpandida">
            <div class="resumoNoticia">
                <h3>O que é coronavírus? <b>NERDOLOGIA</b></h3>
                <p>O vídeo explica o novo coronavírus, de autoria do canal Nerdologia no Youtube.</p>
            </div>
        </a>
        <a href="noticias/noticia02.html" target="frameNoticiaExpandida">
            <div class="resumoNoticia">
                <h3>Brasil realiza estudo com anticorpos de pessoas já curadas... <b>EL PAÍS</b></h3>
                <p>Pesquisa com plasma de convalescentes recruta voluntários e Governo fala em “respostas preliminares” até o final do mês...</p>
            </div>
        </a>
        <a href="noticias/noticia03.html" target="frameNoticiaExpandida">
            <div class="resumoNoticia">
                <h3>8 dicas para se adaptar melhor ao trabalho em casa... <b>G1</b></h3>
                <p>Distanciamento social em razão do novo coronavírus está obrigando muitos a trabalhar remotamente pela primeira vez; especialistas dão dicas para estabelecer uma nova rotina saudável e produtiva.</p>
            </div>
        </a>
        <a href="noticias/noticia04.html" target="frameNoticiaExpandida">
            <div class="resumoNoticia">
                <h3>Brasil melhora em ranking de Oxford... <b>FOLHA</b></h3>
                <p>Levantamento feito no Reino Unido atribui pontos a 11 tipos de medidas de contenção.</p>
            </div>
        </a>
        <a href="noticias/noticia05.html" target="frameNoticiaExpandida">
            <div class="resumoNoticia">
                <h3>Podcast especial coronavírus <b>XADREZ VERBAL</b></h3>
                <p>Xadrez Verbal com o EP#5 da edição especial sobre o coronavírus.</p>
            </div>
        </a>
        <a href="noticias/noticia06.html" target="frameNoticiaExpandida">
            <div class="resumoNoticia">
                <h3>Aprenda com o Hugo como se prevenir do Coronavírus</h3>
                <p>Vídeo explicativo em linguagens de sinais e com legenda.</p>
            </div>
        </a>
    </div>
    <!-- Div responsável pelo espaçamento vertical entre os blocos -->
    <div class="espacamento"></div>
    <!-- Div responsável por exibir as noticias expandidas -->
    <div class="noticiaExpandida">
        <iframe class="frameNoticiaExpandida" name="frameNoticiaExpandida" src="noticias/semselecao.html">

        </iframe>
    </div>
</div>