index.html

<!DOCTYPE html>
<html lang="br">
    <head>        
        <title>Lee Show | Welcome</title>
        <link rel='stylesheet' href='./css/main.css'>
        <meta charset='utf-8'>
        <meta name='viewport' content='width=device-width'>
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name='author' content='Guillermo Benitez'>
        <meta name='keywords' content='lixo, reciclagem, meio-ambiente, preservacao'>
        <meta name='description' content='Site para trabalho da faculdade'>
    </head>

    <body>
        <header>
            <div class="container">
                <div id='logo'>
                    <img src='./img/logo.png'>
                </div>
                <nav>
                    <ul>
                        <li class='current'><a href='index.html'>Home</a></li>
                        <li><a href='entenda.html'>Dados e Estatisticas</a></li>
                        <li><a href='coleta.html'>Coleta</a></li>
                        <li><a href='reduzir.html'>Como Reduzir</a></li>                      
                        <li><a href='sobre.html'>Sobre</a></li>
                    </ul>
                </nav>
            </div>
        </header>


        <section id='banner'>
            <div class='container'>
                <h1>Bem-vindo ao Recora</h1>
                <p>Aqui você pode ver informações sobre o lixo, entender como ele afeta nossas vidas, 
                    como ajudar a diminui-lo, quem é responsavél pela coleta, obter diveros tipos de 
                    dados e informações para ajudar a diminuir esse problema!</p>
            </div>
        </section>

        <section id='boxes'>
            <div class='container'>
                <a href='entenda.html'><div class='box'>
                    <img src='./img/img3.png' href='#'>
                    <h3>Obtenha Informações</h3>
                    <p>Descubra quais os tipos de lixo que mais produzimos, como ele é descartado ou reciclado e outras curiosidades.</p>
                </div></a>                
                <a href='coleta.html'><div class='box'>
                    <img src='./img/img2.png' href='#'>
                    <h3>Coleta de Lixo</h3>
                    <p>Entenda quem são os responsáveis pela coleta na região, os horários, como depositar e embalar o lixo de forma correta.</p>
                </div></a>
                <a href='reduzir.html'><div class='box'>
                    <img src='./img/img1.png' href='#'>
                    <h3>Dicas Para Reduzir</h3>
                    <p>Aprenda como reduzir a quantidade de lixo que você produz em casa com dicas simples para o seu dia-a-dia.</p>
                </div></a>
                    
            </div>
        </section>

        <footer>
            <p>Recora Copyright &copy; 2019.</p>
        </footer>
    </body>


</html>