404.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="estilo.css">
    <title>Cortes Her</title>
</head>
<body>
    <header>

        <a href="#"><img src="imagens/Logo.png" alt="Home"></a>
        <nav>
        <a href="#">Home</a>
        <a href="#ImformaçoesDoEstabelecimento">Sobre nos</a>
        <a href="#AreaDeContato">Marcar</a>
        </nav>  

    </header>

    <main>
        <section id="Barbiaria">
            <div class="tranparensia"></div>
            
            <div id="Texto1">
                <h1>Barbiaria</h1>
                <p>funcionamento 24h</p>
                <a href="#ImformaçoesDoEstabelecimento"><img src="imagens/RolarParaBaixo-Escuro.png" alt=""></a> 
            </div>            
        </section>
        
        <section id="ImformaçoesDoEstabelecimento">
            <div id="BotoesParaComando">
              <a href="Paginas/MaisPesidos.html" target="Pagina">
                <button class="Comando">Mais pedidos</button>
              </a>
              <a href="Paginas/SobreNos.html" target="Pagina">
                <button  class="Comando">Sobre nos</button>
              </a>
                
            </div>

            <iframe src="" frameborder="0" name="Pagina" id="Paginas"></iframe>
        </section>
        
        <section id="AreaDeContato">
            <div class="tranparensia"></div>

            <div id="Texto2">
                <h2>Cortes da moda</h2>
                <p>A gende ligando</p>
                <button class="Ligar">Ligar</button>
            </div>
        </section>
    </main>
    <footer>
        <p>Samantha Felix Vieira da Silva</p>
    </footer>
</body>
</html>