index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='lavacar.css'>
    <script src='main.js'></script>
</head>
<body>

<header>
<div class="caixa">
<h1> <img src="terra.png"></h1>

<nav>
        <ul>
            <li> <a href='#'>ajuda</a> </li>
            <li><a href='#'>Reembolso</a></li>
            <li><a href='#'>Notas</a></li>
        </ul>
</nav>

</div>
</header>

<main>
    <ul class="produtos">
        <li>
        <h2>Matéria Orgânica</h2>
        <img src="imagens/terr.jpg" width="150" height="150" >
        <p class="produtos-descricao">Materia Orgânica.</p>
        <p class="produtos-preco">R$ 25,00</p>
        </li>
        <li>
            <h2>Planta</h2>
            <img src="planta.jpeg" width="150" height="150" >
            <p class="produtos-descricao">Planta.</p>
            <p class="produtos-preco">R$ 50,00</p>
            </li>
            <li>
                <h2>Serviços</h2>
                <img src="imagens/plantador.jpg" width="150" height="150" >
                <p class="produtos-descricao">serviços.</p>
                <p class="produtos-preco">R$ 500,00</p>
                </li>
    </ul>

</main>


<footer class="copyright">


</footer>


</body>
</html>