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="imagens/imagem 1" width="230" height="230"></h1>

<nav>
        <ul>
            <li> <a href='#'> Reciclagem </a> </li>
            
        </ul>
</nav>

</div>
</header>

<main>
    <ul class="produtos">
        <li>
        <h2>como funciona a reciclagem?</h2>
        <img src="imagens/imagem 2"width="230" height="230" >
        <p class="produtos-descricao">  consiste na seleção e na separação do lixo de acordo com o tipo de material para reciclagem posterior.</p>
        <p class="produtos-preco"> </p>
        </li>
        <li>
            <h2>para que serve a reciclagem?</h2>
            <img src="imagens/imagem 3">
            <p class="produtos-descricao" width="230" height="230" >
            <p class="produtos-preco"> serve para dar nova vida aos resíduos, evitando o desperdício, o impacto ambiental e os problemas sanitários</p>
            </li>
            <li>
                <h2>motivos para reciclar</h2>
                <img src="imagens/imagem 4." width="230" height="230">
                <p class="produtos-descricao"> A reciclagem ela prezerva o meio ambiente, realça o senso de comunidade, etc.</p>
                <p class="produtos-preco"> </p>
                </li>
    </ul>

</main>

<footer class="copyright">

   
    <p>&copy; Copyright Thaís Falcão - 2024</p>

</footer>


</body>
</html>