-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
174 lines (157 loc) · 6.21 KB
/
index.html
File metadata and controls
174 lines (157 loc) · 6.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Transavia 99 verhalen</title>
<link rel="stylesheet" href="styles/style.css" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html"><img src="images/transavia2.png" alt="logo transavia"></a></li>
<li><input type="search" placeholder="Zoeken"></li>
<li><a href="favorietenlijst.html"><img src="images/hartje.png" id="favorite" alt="hartje"></a></li>
<li><a href="login.html"><img src="images/aanmelden.png" alt="aanmelden"></a></li>
</ul>
</nav>
<div id="counter">0</div>
</header>
<section>
<h1>99 Verhalen voor op reis</h1>
</section>
<aside>
<form>
<fieldset>
<legend>Filter opties</legend>
<select id="filter" onchange="filterContent();">
<option value>Filter opties</option>
<option value="1">Tijd / Plaats</option>
<option value="2">Perspectief</option>
<option value="3">Vreemde taal</option>
</select>
</fieldset>
</form>
<form>
<fieldset>
<legend>Sorteer opties</legend>
<select>
<option value>Sorteer opties</option>
<option value="5">A tot Z</option>
<option value="6">Z tot A</option>
<option value="7">Populiariteit</option>
</select>
</fieldset>
</form>
</aside>
<main>
<article class="content2">
<header>
<h2>Alzheimer</h2>
</header>
<p>Ik stap uit, euh… Hoe heet het? Zo’n vervoersdinges op wielen. Van de gemeente. Wit met blauw. Kom. Lijn 12. Of was het 21? Ik weet het niet.
Ik stap uit en loop achter een wagentje aan. Van wie is dat wagentje? Ik weet het niet. Ik kijk in het wagentje. Er ligt een ventje</p>
<footer>
<a href="alzheimer.html">Lees meer</a>
<button></button>
</footer>
</article>
<article class="content1">
<header>
<h2>Moe</h2>
</header>
<p>De buschauffeur port me wakker. We zijn bij de eindhalte, Centraal Station. Ik stap uit en duw de kinderwagen voort waarin mijn zoon ligt te slapen.
Ik wou dat ik hem was. De mensen lopen in zichzelf gekeerd over het plein. De regen doet z’n best mij wakker te houden, maar mijn oogleden voelen zwaar</p>
<footer>
<a href="moe.html">Lees meer</a>
<button></button>
</footer>
</article>
<article class="content2">
<header>
<h2>Voetbalanalisten</h2>
</header>
<p>Wilfred Genee: René, we beginnen zoals altijd met jou. Is je nog wat opgevallen? René van der Gijp: Jaaa, wat kan ik zeggen? Ik heb genoten.
Tenminste, van het eerste half uur. Echt. Heb ik op het puntje van m’n stoel gezeten. Of niet dan, ja toch? Hansie? Hè? Ik bedoel, hoe die gozer alleen</p>
<footer>
<a href="voetbalanalisten.html">Lees meer</a>
<button></button>
</footer>
</article>
<article class="content3">
<header>
<h2>Ruud Lubbers</h2>
</header>
<p>I step out of the bus while I push my son forward in his little babywagon. My son sleeps like an ox.
It’s raining pipes of steel and I’m going to the Public Library to find Stijloefeningen from the French writer Raymond Queneau.
The square around Central Station is a mess. There’s a building anger</p>
<footer>
<a href="#">Lees meer</a>
<button></button>
</footer>
</article>
<article class="content3">
<header>
<h2>Lange Frans</h2>
</header>
<p>Uh, uh, dit is Lange Frans, uh, uh Daar gaan we dan… Drop die beat. (De beat wordt gedropt, Lange Frans gaat er vol in:)
Het is dinsdagochtend, zoveel februari Ik stap uit de bus, zonder veel bombarie Voor me slaapt mijn zoon, in z’n kinderwagen Voor hem zing ik dit lied, zonder koek van</p>
<footer>
<a href="#">Lees meer</a>
<button></button>
</footer>
</article>
<article class="content1">
<header>
<h2>Zombie</h2>
</header>
<p>Duizenden hongerige ondoden lopen zielloos over het stationsplein. Op zoek naar voedsel, naar half vergane hondenlijken, naar vers mensenvlees.
Het is gekkenwerk dat ik hier ben, maar de brandstof van de bus is op. Ik hoopte dwars door de menigte wandelende lijken heen te kunnen rauzen. Maar het mocht niet zo zijn. Ergens ter hoogte</p>
<footer>
<a href="#">Lees meer</a>
<button></button>
</footer>
</article>
<article class="extra">
<header>
<h2>Jezus</h2>
</header>
<p>1. De tocht naar de tempel der geschriften
1. In den beginne was er het woord en het woord was van de profeet Queneau en droeg de titel Stijloefeningen.
2. Het was in die dagen dat Jezus dat geschrift wenste te lezen, edoch nergens een exemplaar kon vinden. 3. En Jezus zette voet richting het Plein van Aankomst.</p>
<footer>
<a href="#">Lees meer</a>
<button></button>
</footer>
</article>
<article class="extra">
<header>
<h2>Johan Cruijff</h2>
</header>
<p>In principe is het dus zo dat je uit Bus 21 stapte en op weg was naar de Openbare Bibliotheek om Stijloefeningen van Raymond Queneau te lenen.
Je zocht er dus zeg maar al een tijdje naar, maar het was nergens te vinden, dus daarom moest het wel in de bibliotheek te vinden zijn.</p>
<footer>
<a href="#">Lees meer</a>
<button></button>
</footer>
</article>
<article class="extra">
<header>
<h2>Jeroen Krabbé</h2>
</header>
<p>Op het stationsplein stap ik de bus uit. Heb ik al jaren niet meer in gezeten, in de bus. De mensen doen hun best om niet naar me te kijken. Maar allemaal kijken ze toch. Stiekem.
Ik hoor ze fluisteren. ‘Kijk, daar gaat Jeroen Krabbé. De grote acteur/regisseur/schilder.’ Terwijl, wat doe ik nu eigenlijk?</p>
<footer>
<a href="#">Lees meer</a>
<button></button>
</footer>
</article>
</main>
<section>
<button>Meer verhalen</button>
</section>
<script src="js/functies.js"></script>
</body>
</html>