sobre.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About</title>
    <link href="/styles/sobre.css" rel="stylesheet">
    <link href="/styles/media.css" rel="stylesheet">
</head>
<body>
    <header>
        <div id="title"><h1>About</h1></div>
        <div class="hamburger-menu">
            <input id="menu__toggle" type="checkbox" />
            <label class="menu__btn" for="menu__toggle">
            <span></span>
            </label>
    
            <ul class="menu__box">
            <li><a class="menu__item" href="index.html"><li>Home</li>
            <li><a class="menu__item" href="sobre.html"><li>About</li></a>
            <li><a class="menu__item" href="projetos.html"><li>Projects</li></a>
            <li><a class="menu__item" href="contato.html"><li>Contact</li></a>
            </ul>
        </div>
        <ul class="list">
            <a href="index.html"><li>Home</li></a>
            <a href="sobre.html"><li>About</li></a>
            <a href="projetos.html"><li>Projects</li></a>
            <a href="contato.html"><li>Contact</li></a>
        </ul>
    </header>
    <main>
        
        <aside>
            <img class="foto" src="components/images/1672836797104.jpg" alt="minha-foto">
            <p>
                My name is Abner Kaizer and I study computer engineering at <a href="https://www.cefetmg.br/">CEFET-MG</a> .
                And I am a member of <a href="https://commitjr.com">Commit Jr</a>.
            </p>
        </aside>
        
    </main>
</body>
</html>