Skip to content

suggestions and some tips #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mkruijt wants to merge 1 commit into
base: master
Choose a base branch
from
Open

suggestions and some tips #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
271 changes: 130 additions & 141 deletions week03/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,167 +1,156 @@
<!DOCTYPE html>
<!--This is for a project, and is NOT related to the NL government. -->
<html lang="en", "nl"/>
<html lang="en" , "nl"/>

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Informatie van de Rijksoverheid | Rijksoverheid.nl</title>

<link rel="stylesheet" href="style.css" type="text/css"/>

<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>

<div class="government">
<img src="Images/logo-rijksoverheid2.svg" alt="dutch government crest">
<h6 id="disclaimer"> THIS IS A TEST, IT IS <strong>not</strong> THE WEBSITE OF THE NETHERLANDS GOVERNMENT; <br>
HET IS EEN TEST, HET IS <strong>geen</strong> WEBPAGINA VAN DE RIJKSOVERHEID </h6>
</div>

<nav class="navbar">
<a href="https://www.rijksoverheid.nl">Home</a>
<a href="https://www.rijksoverheid.nl/actueel">Actueel</a>
<a href="https://www.rijksoverheid.nl/onderwerpen">Onderwerpen</a>
<a href="https://www.rijksoverheid.nl/ministeries">Ministeries</a>
<a href="https://www.rijksoverheid.nl/regering">Regering</a>
<a href="https://www.rijksoverheid.nl/documenten">Documenten</a>
<a href="https://www.rijksoverheid.nl/doe-mee">Doe mee</a>
</nav>

<div class="headerImage">
<h1>Informatie van de Rijksoverheid</h1>
<ul class="headerItems">
<li> <a href="/onderwerpen/minimumloon">
<body>
<div class="government">
<img src="Images/logo-rijksoverheid2.svg" alt="dutch government crest">
<h6 id="disclaimer"> THIS IS A TEST, IT IS <strong>not</strong> THE WEBSITE OF THE NETHERLANDS GOVERNMENT; <br>
HET IS EEN TEST, HET IS <strong>geen</strong> WEBPAGINA VAN DE RIJKSOVERHEID </h6>
</div>
<nav class="navbar">
<a href="https://www.rijksoverheid.nl">Home</a>
<a href="https://www.rijksoverheid.nl/actueel">Actueel</a>
<a href="https://www.rijksoverheid.nl/onderwerpen">Onderwerpen</a>
<a href="https://www.rijksoverheid.nl/ministeries">Ministeries</a>
<a href="https://www.rijksoverheid.nl/regering">Regering</a>
<a href="https://www.rijksoverheid.nl/documenten">Documenten</a>
<a href="https://www.rijksoverheid.nl/doe-mee">Doe mee</a>
</nav>
<div class="headerImage">
<h1>Informatie van de Rijksoverheid</h1>
<ul class="headerItems">
<li> <a href="#">
Minimumloon</a>
</li>

<li> <a href="https://www.rijksoverheid.nl/onderwerpen/bijstand/vraag-en-antwoord/wat-is-de-bijstandsnorm">
</li>
<li> <a href="https://www.rijksoverheid.nl/onderwerpen/bijstand/vraag-en-antwoord/wat-is-de-bijstandsnorm">
Bijstandsnormen per 1 juli 2017</a>
</li>

<li> <a href="https://www.rijksoverheid.nl/onderwerpen/zorgverzekering/vraag-en-antwoord/wat-zit-er-in-het-basispakket-van-de-zorgverzekering" class="">
</li>
<li> <a href="https://www.rijksoverheid.nl/onderwerpen/zorgverzekering/vraag-en-antwoord/wat-zit-er-in-het-basispakket-van-de-zorgverzekering" class="">
Basispakket zorgverzekering</a>
</li>
<li>
<a href="https://www.rijksoverheid.nl/onderwerpen/energielabel-woningen-en-gebouwen/vraag-en-antwoord/hoe-kom-ik-aan-een-energielabel-voor-mijn-woning" class="">
</li>
<li>
<a href="https://www.rijksoverheid.nl/onderwerpen/energielabel-woningen-en-gebouwen/vraag-en-antwoord/hoe-kom-ik-aan-een-energielabel-voor-mijn-woning" class="">
Energielabel koopwoning</a>
</li>
<li> <a href="https://www.rijksoverheid.nl/onderwerpen/schoolvakanties/vraag-en-antwoord/wanneer-zijn-de-schoolvakanties-in-2017-2018" class="">
</li>
<li> <a href="https://www.rijksoverheid.nl/onderwerpen/schoolvakanties/vraag-en-antwoord/wanneer-zijn-de-schoolvakanties-in-2017-2018" class="">
Schoolvakanties 2017-2018</a>
</li>
<li> <a href="https://www.rijksoverheid.nl/onderwerpen/paspoort-en-identiteitskaart/eisen-pasfoto-paspoort-id-kaart" class="">
</li>
<li> <a href="https://www.rijksoverheid.nl/onderwerpen/paspoort-en-identiteitskaart/eisen-pasfoto-paspoort-id-kaart" class="">
Pasfoto voor paspoort of id-kaart</a>
</li>
</ul>

<img src="Images/minimumloon-grand-cafe-hero.jpg" alt="cafe">

<p class="copyright">
<span>&copy;</span>
Nationale Beeldbank</p>

</div>


</li>
</ul>
<img src="Images/minimumloon-grand-cafe-hero.jpg" alt="cafe">
<p class="copyright">
<span>&copy;</span> Nationale Beeldbank</p>
</div>
<main>
<section>
<h2>Verschillende Afdelingen</h2>
<ul id="grid-flex">
<li class="flex-item">
<a href="/onderwerpen/themas/belastingen-uitkeringen-en-toeslagen">
<h3> Belastingen, uitkeringen en toeslagen</h3></a>
<section>
<h2>Verschillende Afdelingen</h2>
<ul id="grid-flex">
<li class="flex-item">
<a href="#">
<h3> Belastingen, uitkeringen en toeslagen</h3></a>
<p> Bijstand, AOW, WW-uitkering, Inkomstenbelasting, Wajong ...</p>
</li>
<li class="flex-item">
<a href="//onderwerpen/themas/bouwen-en-wonen">
<h3> Bouwen en wonen</h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Bouwen en wonen</h3></a>
<p> Huurwoning, Huurverhoging, Bouwregelgeving, Koopwoning, Energielabel woningen en gebouwen ...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/economie">
<h3> Economie</h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Economie</h3></a>
<p> Ondernemen en innovatie, Overheidsfinanciën, Duurzame economie, Zelfstandigen zonder personeel...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/familie-zorg-en-gezondheid">
<h3> Familie, zorg en gezondheid</h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Familie, zorg en gezondheid</h3></a>
<p> Zorg en ondersteuning thuis, Trouwen, samenlevingscontract en geregistreerd partnerschap....</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/internationale-samenwerking">
<h3> Internationale samenwerking</h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Internationale samenwerking</h3></a>
<p> Europese Unie, Mensenrechten, Handelsverdragen EU ...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/milieu-en-natuur">
<h3> Milieu en natuur </h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Milieu en natuur </h3></a>
<p> Duurzame energie, Klimaatverandering, Afval, Dierenwelzijn ...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/migratie-en-reizen">
<h3> Migratie en reizen </h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Migratie en reizen </h3></a>
<p> Paspoort en identiteitskaart, Ambassades, Nederlandse nationaliteit ...</p>
</li>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/onderwijs">
<h3> Onderwijs </h3></a>
</li>
</li>
<li class="flex-item">
<a href="#">
<h3> Onderwijs </h3></a>
<p> Schoolvakantie, Werken in het onderwijs, Hoger onderwijs, Basisonderwijs, Mbo ...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/overheid-en-democratie">
<h3> Overheid en Democratie </h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Overheid en Democratie </h3></a>
<p> Persoonsgegevens, Verkiezingen, Gemeenten, Provincies, Koninklijk Huis</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/recht-veiligheid-en-defensie">
<h3> Recht, veiligheid en defensie </h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Recht, veiligheid en defensie </h3></a>
<p> Identiteitsfraude, Vuurwerk, Ouderlijk gezag en voogdij ...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/verkeer-en-vervoer">
<h3> Verker en Vervoer </h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Verker en Vervoer </h3></a>
<p> Rijbewijs, Verkeersregels, Openbaar vervoer, Verkeersveiligheid, Bijzondere voertuigen ...</p>
</li>
<li class="flex-item">
<a href="/onderwerpen/themas/werk">
<h3> Werk </h3></a>
</li>
<li class="flex-item">
<a href="#">
<h3> Werk </h3></a>
<p> Minimumloon, Arbeidsovereenkomst en cao, Ouderschapsverlof, Ontslag ...</p>
</li>
</main>

<section>
<ul id="flex2">
<li class="flex-item">
<div class="flex-image"><a href= "">
<img src="Images/veranderingen-2018-consumenten.jpg" alt="Veranderingen" /></div>
<p class="copyright">
<span>&copy;</span> Hollandse Hoogte</p>
<h3> Veranderingen in 2018</h3>
<p>Wat gaat er voor u veranderen in het nieuwe jaar?</p>
</a>
</li>

<li class="flex-item">
<div class="flex-image"><a href="">
<img src="Images/vuurwerk.jpg" alt="Vuurwerk" /></div>
<p class="copyright">
<span>&copy;</span>
Hollandse Hoogte</p>
<h3> Vuurwerk</h3>
<p> Alles wat u moet weten over het kopen en afsteken van vuurwerk. En wat kunt u doen bij overlast?</p>
</a>
</li>

<li class="flex-item">
<div class="flex-image"><a href="">
<img src="Images/animatie-regeerakkoord-screenshot.jpg" alt="video" /></div>
</li>
</ul>
</section>
<section>
<ul id="flex2">
<li class="flex-item">
<div class="flex-image">
<a href="">
<img src="Images/veranderingen-2018-consumenten.jpg" alt="Veranderingen" /></div>
<p class="copyright">
<span>&copy;</span> Hollandse Hoogte</p>
<h3> Veranderingen in 2018</h3>
<p>Wat gaat er voor u veranderen in het nieuwe jaar?</p>
</a>
</li>
<li class="flex-item">
<div class="flex-image">
<a href="">
<img src="Images/vuurwerk.jpg" alt="Vuurwerk" /></div>
<p class="copyright">
<span>&copy;</span> Hollandse Hoogte</p>
<h3> Vuurwerk</h3>
<p> Alles wat u moet weten over het kopen en afsteken van vuurwerk. En wat kunt u doen bij overlast?</p>
</a>
</li>
<li class="flex-item">
<div class="flex-image">
<a href="">
<img src="Images/animatie-regeerakkoord-screenshot.jpg" alt="video" /></div>
<h3>Hoofdpunten regeerakkoord</h3>
<p> Meer weten over de plannen van het kabinet-Rutte III? Bekijk de animatie.</p>
</a>
</li>
</ul>
</section>
</body>
</html>
<p> Meer weten over de plannen van het kabinet-Rutte III? Bekijk de animatie.</p>
</a>
</li>
</ul>
</section>
</main>
</body>

</html>
Loading