Untitled

<!DOCTYPE html>
<html dir="ltr" lang="nl">
<head>

  <!-- Title -->
  <title>Duurzaamheid</title>

  <!-- Meta tags -->
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <!-- Style sheets & Google Fonts -->
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&display=swap">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins&display=swap">

  <!-- Fav icon -->
  <link rel="icon" type="image/x-icon" href="images/favicon/favicon.ico">

  <!-- Web Manifest -->
<!--  <link rel="manifest" href="webmanifest.json">-->

</head>
<body>

  <!-- Header + nav bar -->
  <header>
    <div class="header" id="myHeader">
      <nav>
        <div class="logo">
          <a href="#"><img src="images/header-logo/logo.png" alt="Logo"></a>
          <p>Laat de aarde niet ontploffen; ga voor beter brandstoffen</p>
        </div>
        <ul class="nav-links">
          <li><a class="link" href="#">Home</a></li>
          <li><a class="link" href="#diesel">Diesel</a></li>
          <li><a class="link" href="#waterstof">Waterstof</a></li>
          <li><a class="link" href="#tesla">Tesla</a></li>
          <li><a class="link" href="#kern-engerie">Kern-energie</a></li>
          <li><a class="link" href="#">Brandstof 5</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <!-- Content -->
  <main>
    <section class="wave">
      <div class="container">
        <div class="main-message">
          <h1>Duurzaamheid</h1>
          <p class="start-text">
            Duurzaamheid? Wat is dat? Duurzaamheid is een breed begrip, maar het komt er in het kort op neer dat in een duurzame wereld mens (people), milieu (planet) en economie (profit) met elkaar in evenwicht zijn, zodat we de aarde niet uitputten. <br>
            <br>
            Op deze site willen wij u bewust maken van dit. Op deze site vindt u informatie over verschillende soorten brandstoffen en energie soorten.
          </p>
        </div>
      </div>
    </section>
    <div class="wave-image">
      <img alt="" src="images/wave-large.png">
    </div>

    <!-- Diesel -->
    <section id="diesel">
      <div class="content-container">
        <h1>Diesel</h1>
        <p>
          <strong>Wat is diesel:</strong> <br>
          Diesel, ook wel dieselolie of gasolie genoemd, is een brandstof voor dieselmotoren. <br>
          Diesel is een aardolieproduct. Diesel komt tot ontbranding als er zuurstof aanwezig is onder druk.<br>
          Het verschil met benzine is dat de diesel door compressie van brandstof-luchtmengsel spontaan tot ontbranding komt, <br>
          wat bij benzine geen gewenste eigenschap is. Net als bij benzine zijn er verschillende soorten diesel.<br>
          <br>
          <strong>Verbruik:</strong> <br>
          Auto’s die op diesel rijden zijn is het algemeen zuiger dan benzinemotoren en produceren minder broeikasgassen. <br>
          De efficiëntie komt voor uit een hogere energiedichtheid per liter van diesel. Dit betekent dat je met 1 liter <br>
          diesel meer kilometers kunt rijden dan benzine.<br>
          Een nadeel van diesel is; het bevat meer koolstof dan benzine <br>
          waardoor het tot 15% hogere CO2 uitstoot per liter brandstof leidt.<br>
          <br>
          <Strong>CO2  uitstoot:</Strong><br>
          Bij de verbranding van 1 liter diesel komt ongeveer 2,7 kilogram CO2 vrij. <br>
          Dit is alleen de CO2 die aanwezig is in de diesel en die vrijkomt bij de verbranding. Dit is alleen een gedeelte van het totaal. <br>
          Met het maken en vervoeren en andere processen komt er nog veel meer uitstoot bij kijken. <br>
          De totale uitstoot is omgerekend ongeveer 3,5 kilogram CO2 per liter diesel.
        </p>

        <img class="emissie" src="images/info/diesel-emissies.jpg" alt="Uitstoot emissies">
      </div>
    </section>

    <div class="line-gradient-space-2"></div>
    <div class="wave-reversed"></div>

    <!-- Waterstof -->
    <section id="waterstof">
      <div class="content-container">
        <h1>Waterstof</h1>
        <p>
          Waterstof is een alternatieve brandstof die gebruikt kan worden in onze maatschappij. <br>
          De stof heeft geen schadelijke uitstoting voor het milieu en is dus zeer handig als we het effectief kunnen gebruiken.<br>
          Op dit moment is deze stof nog niet veel in gebruik in ons dagelijks leven, zo rijden er maar 31 auto’s rond die waterstof gebruiken als brandstof. <br>
          Natuurlijk moet dit meer, maar nu is het gewoon nog niet genoeg ontwikkeld om effectief te gebruiken op grote schaal. <br>
          Als wij waterstof zouden kunnen perfectioneren voor ons vervoer en andere benodigdheden van brandstoffen, zal dit ons <br>
          zeker helpen in het hooghouden van het milieu.<br> <br>
        </p>
        <img class="waterstof" src="images/info/wasserstofftank.jpg" alt="Waterstof tank">
      </div>
    </section>

    <div class="section-gradient"></div>
    <div class="line-gradient-space"></div>

    <!-- Tesla -->
    <section id="tesla">
      <div class="third-message">
        <div class="content-container">
          <h1>Tesla</h1>
          <p>Om de wereld in een goede conditie te houden voor de toekomst moeten er manieren worden ingezet om de uitstoot tegen te gaan. <br>
            Een heel groot deel van de uitstoot komt door auto uitlaatgassen. Nu heeft er iemand genaamd Elon Musk een automerk opgericht, <br>
            en hiervan verschillende modellen op de markt gebracht. Dit deed hij met het perspectief op een schone aarde voor de toekomst.<br>
            Musk verdiende zijn geld door een betaalmiddel te bouwen met een aantal anderen, dit betaalmiddel heet PayPal. Naast Tesla heeft <br>
            Elon Musk ook nog het bedrijf SpaceX, dit bedrijf legt de focus meer op ruimtereizen richting mars.<br>
            Door Tesla’s zal de uitstoot van auto’s dalen.<br> <br>

            <img class="tesla-img" src="images/info/tesla.jpg" alt="Tesla"> <br> <br>

            De “Brandstof” van een Tesla is elektriciteit, en dit kan schoon <br>
            opgewerkt worden door onder anderen windmolens, zonnepanelen of
            met reactoren zoals een kernreactor. <br>
            Hoewel ene kernreactor niet helemaal 100% schoon is, <br>
            is dit wel een heel goed middel vergeleken met de middelen die nu vooral gebruikt worden.<br>
          </p>
        </div>
      </div>
    </section>

    <div class="content-space"></div>

    <!-- Kern-energie -->
    <section id="kern-engerie">
      <div class="content-container-border">
        <div class="content-container">
          <h1>Kernenergie</h1>
          <p>
            <strong>Wat is het:</strong> <br>
            Kernenergie is een energievorm die is ontstaan/opgewekt door middel van kernreactie. Dit proces wordt vaak als zeer gevaarlijk gezien. <br>
            Het beeld van de meeste mensen is dan ook: kernbom = kernenergie = gevaarlijk. Natuurlijk wordt die gedachte begrepen, maar of deze terecht is… eigenlijk niet. <br>
            Kernreactie is namelijk het proces waarbij de kernen van de atomen veranderen van samenstelling. <br>
            Dit kan dan ook op meerdere manieren gebeuren: zo kan de kern andere deeltjes of kernen absorberen, <br>
            er kan spontaan radioactief verval plaats vinden, of een vorm van uitzending van een of meerdere deeltjes plaats vinden. <br>
            Tijdens een of meerdere van deze processen zal er een gedeelte van de massa omgezet worden in een enorme hoeveelheid energie.<br>
            <br>
            Zo’n proces is helaas niet zo zwart wit, de materie zal namelijk volledig veranderen. <br>
            Bij een kernreactie zijn voor en na de reactie de massa’s namelijk niet eens gelijk meer.<br>
            Een gedeelte van de  massa wordt dan ook opgeofferd om kinetische energie vrij te laten komen. De hoeveelheid energie hangt vervolgens<br>
            dan weer af van de hoeveelheid massa die verdwijnt. Vervolgens nemen wij deze energie op om het te kunnen gebruiken.<br>
            <br>
            <strong>De voordelen:</strong><br>
            Ongeveer 4% van Nederland haar energieverbruik wordt gedekt door 1 enkele centrale in Borssele. <br>
            En als wij dan bedenken dat wij rond 120 miljard kWh per jaar verbruiken kan u wel bedenken hoe veel energie wel niet door een enkele <br>
            centrale opgewekt kan worden. Het zou ons land dus zeker goed doen om op zo’n energiebron over te gaan. Niet allen zorgt <br>
            dit voor minder noodzaak voor gas en olie, maar dit zorgt ook nog eens voor een snellere overgang naar volledig elektrisch. <br>
            <br>
            <strong>Wat te doen:</strong><br>
            Hopelijk hebben wij u kunnen laten blijken dat kernenergie eigenlijk nog niet zo’n <br>
            slecht idee is. Als dit zo is willen wij u graag adviseren om meer te informeren over dit onderwerp, <br>
            zo kan kernenergie zeker wel een oplossing voor ons zijn in de toekomst. <br>
            Het belangrijkste is op dit moment dan wel dat wij hier in Nederland allemaal goed geïnformeerd over zijn voor wij een beslissing nemen. <br>
            Nu kan u denken: “maar ik wil kernenergie gewoon een kans geven”, dan kan u altijd meestemmen in een petitie om uw mening te laten horen. <br>
            <br>
            Indien u meer informatie zou willen over dit onderwerp is hier een link naar meer gerelateerde informatie: <br>
            <span class="more-info-link"><a href="https://anderetijden.nl/programma/1/Andere-Tijden/aflevering/425/Geloof-in-kernenergie"></a>Klik hier</span> <br> <br>
          </p>
        </div>
      </div>
    </section>

    <div class="content-space"></div>

    <!-- Vergelijkingstabel -->
    <section>
      <div class="content-container-border">
        <div class="content-container">
          <h1>Vergelijkingen</h1>
          <div class="tabel">

            <table>


            </table>

          </div>
        </div>
      </div>
    </section>

    <div class="content-space"></div>
  </main>

  <!-- Footer -->
  <footer>
    <div id="contact">
      <p>© 2020 Duurzaamheid. All rights reserved, Email: 400035294@st.roc.a12.nl</p>
    </div>
  </footer>

  <!-- Scripts -->
  <script src="js/java.js"></script>
</body>
</html>