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="Imagem/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>Aluno: Phablo Roberto Dos Santos Alves</h4>
    </div>
    <div class="bimestre bimImpar">
        <h3>1º Bimestre</h3>
        <ul>
            <li><a href="#">Site Pessoal</a></li>
            <li><a href="#">Site Professor</a></li>
            <li><a href="#">Projeto_Blog_Moda</a></li>
            <li><a href="#">Blog da Cidade de Nova York</a></li>
            <li><a href="#">Agenda Festival de Vinhos</a></li>
        </ul>
    </div>
    <div class="bimestre bimPar">
        <h3>2º Bimestre</h3>
        <ul>
            <li><a href="https://www.figma.com/file/WPHv3BKznQRSDtPyil6e8z/Untitled?type=design&node-id=0-1&mode=design&t=ftlJ3HppZpVf6nkK-0">Wireframe</a></li>
            <li><a href="https://phabloroberto.github.io/aweb/SAluno/index.html">Site_pessoal</a></li>
            <li><a href="#">Site_Do_Professor</a></li>
            <li><a href="https://phabloroberto.github.io/aweb/QTarefa/index.html">Chá Aconchegante</a></li>
            <li><a href="https://phabloroberto.github.io/aweb/Ch%C3%A1Aconchegante/index.html">Quadro_de_Tarefas</a></li>
            <li><a href="https://phabloroberto.github.io/aweb/Instagram/index.html">Instagram</a></li>
            <li><a href="phabloroberto.github.io/aweb/https://github.com/PhabloRoberto/aweb/blob/main/exe02/index.html">Site misterioso</a></li>
        </ul>
    </div>
    <div class="bimestre bimImpar">
        <h3>3º Bimestre</h3>
        <ul>
            <li><a href="#">- - -</a></li>
            <li><a href="#">- - -</a></li>
            <li><a href="#">- - -</a></li>
            <li><a href="#">- - -</a></li>
            <li><a href="#">- - -</a></li>
            <li><a href="#">- - -</a></li>
            <li><a href="#">- - -</a></li>
        </ul>
    </div>
    <div class="bimestre bimPar">
        <h3>4º Bimestre</h3>
        <ul>
            <li><a href="#">- - -</a></li>
        </ul>
    </div>
</body>
</html>