index.html


<!DOCTYPE html>
<html>
<head>
    <title>Avaliação</title>
    <link rel='stylesheet' href='style.css'>
</head>
<body>
    <div class="topo">
        <img class="logo" src="images/if_small.png">
        <span class="ifrn">Instituto Federal do Rio Grande do Norte</span><br>
        <span class="ifrn"><em>Campus</em> Ceará-Mirim</span>
    </div>
    <div class="titulo">
        <h1>Avaliações - Autoria Web</h1>
        <h2>Professor Gilbran Andrade</h2>
        <h3>Aluna Vitória Freire Silva </h3>
    </div>
    <div class="bimestre bimImpar">
        <h3>1º Bimestre</h3>
        <ul>
            <li><a href="./bimestre1/paginaPessoal/paginaPessoal.html">Pagina Pessoal</a></li>
            <li><a href="./bimestre1/esporteOlimpico/esporteOlimpico.html" target="_blank">Esporte Olimpíco</a></li>
            <li><a href="./bimestre1/blogDeModa/index.html" target="_blank">Blog de Moda</a></li>
            <li><a href="./bimestre1/festivalDeVinho/index.html" target="_blank">Festival de Vinhos</a></li>
            <li><a href="./bimestre1/blogDaCidade/index.html" target="_blank">Blog de Nova York</a></li>
        </ul>
    </div>
    <div class="bimestre bimPar">
        <h3>2º Bimestre</h3>
        <ul>
            <li><a href="./bimestre2/paginaPessoal/index.html">Pagina Pessoal estilizada</a></li>
            <a href="./images/Inserir um subtítulo.png" target="_blank">Paleta de Cores do site pessoal</a>
            <!-- <li><a href="./bimestre2/esporteOlimpico/index.html" target="_blank">Esporte Olimpíco estilizado</a></li> -->
            <li><a href="./bimestre2/chaAconchegante/index.html" target="_blank">Tea Cozy</a></li>
            <!--<li><a href="./bimestre2/instagram/index.html" target="_blank">Instagram</a></li>-->
        </ul>
    </div>
    <div class="bimestre bimImpar">
        <h3>3º Bimestre</h3>
        <ul>
            <li><a href="https://yccaro.github.io/aweb/bimestre3/sitePessoalResponsividade/index.html">Site Responsivo - Ycaro</a></li>
        </ul>
    </div>
    <div class="bimestre bimPar">
        <h3>4º Bimestre</h3>
        <ul>
            <li><a href="#">- - -</a></li>
        </ul>
    </div>
</body>
</html>