produtos.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Produtos -ReparosVelas</title>
        <link rel="stylesheet" href ="reset.css">
        <link rel="stylesheet" href ="style.css">
    </head>
    <body>
        <header>
            <div class="caixa">
                <h1> <img src = "logo.png"> </h1>

                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="produtos.html">Produtos</a></li>
                        <li><a href="contatos.html">Contatos</a></li>
                    </ul>
                </nav>

            </div>
           
            
        </header>

        <main>
            <ul class="produtos">
                <li>
                    <h2>Pequenos reparos</h2>
                    <img src="vela1.png">    
                    <p class="produto-descricao">Pequenos rasgos, descosturas, ajuste de luva de talas, etc</p>
                    <p class="produto-preco">R$ 150,00</p>
                </li>
                <li>
                    <h2>Reparos do protetor</h2>
                    <img src="vela2.png">   
                    <p class="produto-descricao">Recostura do protetor de genoa, ajustes de tamanho ou reaplicação</p>
                    <p class="produto-preco">R$ 200,00</p>
                </li>
                <li>
                    <h2>Reforma total</h2>
                    <img src="vela3.png">   
                    <p class="produto-descricao">Reformas gerais em vels antigas, velas que sofreram sinistro, etc</p>
                    <p class="produto-preco">R$ 1000,00</p>
                </li>
            </ul>            
        </main>

        <footer>
            <img src="logo2.png">
            <p class="copyright">&copy;Copyright -ReparosVelas -2023</p>
        </footer>

    </body>

</html>