index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>SALA2ºC.com</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='index.css'>
    <script src='main.js'></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mynerve&display=swap" rel="stylesheet">
</head>
<body>
    <header class="cabeçalho">

        <img class="titulo" src="./img/villa.jpg" alt="logo do villa">
 
        <ul class="links">

            <li class="proflist"><a href="./professor.html">--professor--</a></li>
            
            <li class="escolalist"><a href="escola.html"> --escola-- </a></li>
        </ul>

    </header>

    <h4>Colégio Estadual Cívico Militar Professor Francisco Villanueva</h4>

    <section class="fotos">

<span></span>

    <img class="fotos" src="./img/volei.jpeg" alt="projeto volei">
    <img class="fotos" src="./img/bandeira.jpg" alt="bandeira do brasil">
    <img class="fotos" src="./img/pao.jpg" alt="projeto fermento">
    <img class="fotos" src="./img/pm.jpeg" alt="policia militar">

</section>

<h3><u>criadoras</u></h3>

<section class="criadoras">
<span></span>
<div class="elemento">
    <img class="perfil" src="./img/eu.jpg" alt="minha foto">
    <p class="txt">6.Beatriz Kuniosh Mansini</p>
</div>

<div class="elemento">
    <img class="perfil" src="./img/okuma.jpeg" alt="foto da okuma">
    <p class="txt">42.Vitoria Aiyami Okuma</p>
</div>
</section>

</body>
<footer>

    <h6>© Copyright Colégio Estadual Cívico-Militar Prof. Francisco Villanueva - 2023</h6>

</footer>