Untitled

<!DOCTYPE html>
<html lang="ca">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Canvi de rols | monsostenible.cat</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="media/worldwide.svg" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.structure.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.theme.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous">
    </script>
    <script src="js/app.js"></script>
</head>

<body>
    <div class="cursor"></div>
    <nav>
        <!--<div>Icons made by <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" 			    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" 			    title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>-->
        <a href="index.htm" id="logo" class="black"><img src="media/worldwide.svg" alt="">SOSTENIBLE</a>
        <!--<div>Icons made by <a href="https://www.flaticon.com/authors/lucy-g" title="Lucy G">Lucy G</a> from <a href="https://www.flaticon.com/" 			    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" 			    title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>-->
        <div id="responsive"></div>
        <div id="close"></div>
        <ul id="ioMenu">
            <li><a href="index.htm">Inici</a></li>
            <li><a href="qui-som.htm">Qui som?</a></li>
            <li><a href="soc-responsable.htm">Ajuda a la terra</a></li>
            <li><a href="objectiu.htm">Objectiu</a></li>
            <li><a href="projectesresponsables.htm">Projectes responsables 🌷</a></li>
        </ul>
    </nav>
    <section class="responsable_wrapper">
        <div class="responsable">
            <div id="particles-js"></div>
            <p>Tips per ser un ciutadà de primera</p>
            <h1>Be <eco>ecologic</eco>
            </h1>
        </div>
        <div class="responsable_content">
            <div class="resitem">
                <img src="media/molinodeviento.jpg" alt="Moli de vent">
                <h1>Val la pena comprar aquest producte?</h1>
                <p>
                    Quina tonteria no? Productes diaris que no ens donem ni compte i consumim sense cap mena de
                    remordiment.
                    Si, parlo d'aquella poma (en singular) que porta mes plàstic d'envoltori que quantitat de poma en
                    si. Al anar a qualsevol supermercat, valora abans l'impacte a la terra que el preu, lo barat sol
                    sortir car, i en aquest cas a la llarga! </p>
            </div>
            <div class="resitem">
                <img src="media/molinodeviento.jpg" alt="Contenidors vermell, groc i verd">
                <h1>Practica el reciclatge</h1>
                <p>
                    Per practicar el reciclatge no hi han excuses! És simple i esta a l'abast
                    de qualsevol persona. Esta calculat que quan es recicla, es redueix el consum de recursos naturals,
                    es creen mes llocs de treball dedicats al sector, i inclús, si ho fes tothom reduiria el cost del
                    reciclatje en si.
                </p>
            </div>
            <div class="resitem">
                <img src="media/molinodeviento.jpg" alt="">
                <h1>Valora les emissions de C02 dels productes</h1>
                <p>
                    No fa tant, han sortit alternatives a les eléctriques convencionals Lorem ipsum dolor sit amet
                    consectetur adipisicing elit. Ducimus esse, laudantium, minima odio nihil laboriosam similique
                    molestiae pariatur quas qui itaque, at officia. Fugit architecto ipsam sequi exercitationem error
                    tenetur? Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod vero accusamus corrupti,
                    nisi hic excepturi consectetur vel qui nam blanditiis consequatur sed obcaecati aspernatur harum
                    eius aut necessitatibus ipsum consequuntur!
                </p>
            </div>
        </div>
    </section>

    <div class="engagement">
        <h1>T'agrada el nostre contingut?</h1>
        <p>Hem realitzat una minuciosa cerca d'informació per oferir-te dades actualitzades i verídiques</p>
        <p>sobre el medi ambient i el planeta en el que vivim. A mes a mes, aquest lloc web a estat</p>
        <p>creat desde cero utilitzant tecnologies com HTML5, CSS3 i JavaScript.</p>
        <p>Desde el principi del desenvolupament, hem utilitzat técniques SEO per posicionar-nos</p>
        <p>correctament en els cercadors en un futur fent arribar el nostre missatge a un públic major</p>
        <div class="engbutton">
            <a href="#engage">Vota'ns</a>
        </div>
    </div>
    <footer>
        <div class="footer-main">
            <img src="media/worldwide.svg" alt="">
            <p>2019 SostenibleWorld.cat</p>
            <span>Fet amb ❤️ a Banyoles<br></span>
            <span>Disseny i interacció per Jan Sánchez</span>
            <div class="social">
                <!-- <div>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" 		    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" 		    title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> -->
                <a href="https://instagram.com/" target="_blank"><img src="media/instagram.svg" alt=""></a>
                <a href="https://facebook.com" target="_blank"><img src="media/facebook.svg" alt=""></a>
                <!-- <div>Icons made by <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" 			    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" 			    title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> -->
                <a href="https://twitter.com" target="_blank"><img src="media/twitter.svg" alt=""></a>
            </div>
        </div>
        <div class="sponsors">
            <a href="http://websalpunt.cat" target="_blank"><img src="media/puntcat.png" alt=""></a>
            <a href="https://dinahosting.com" target="_blank"><img src="media/dinahosting.jpg" alt=""></a>
            <a href="http://creativecommons.com" target="_blank"><img src="media/creativecommon.png" alt=""></a>
        </div>

    </footer>
    <script src="js/particles.min.js"></script>
</body>

</html>