-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
482 lines (400 loc) · 21.7 KB
/
index.html
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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
<!DOCTYPE>
<html>
<head>
<title>Franka's Portfolio</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<!--Google Fonts-->
<link href="https://fonts.googleapis.com/css?family=Space+Mono" rel="stylesheet">
<!--Icons-->
<script src="https://use.fontawesome.com/68bc311490.js"></script>
<!--CSS-->
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="http://anijs.github.io/lib/anicollection/anicollection.css">
<!--Bootstrap Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<!--Modal-->
<div class="modal-wrapper">
<div class="modalOne">
<a href="#" class="exit right">X</a>
<h3>There you are again!<br>Let's have a cup of coffee <i class="fa fa-coffee" aria-hidden="true"></i></h3>
<h4><a href="mailto:[email protected]?SUBJECT=Let's%20meet&body=Hi%20Franka,%20" target="_blank" class="yes">Yes!</a><a href="#" class="exit no">No Thanks</a></h4>
</div>
</div>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-toggle" data-toggle="collapse" data-target="#navLinks">
<img src="icons/icon_menu.png" height="48">
</a>
<a class="navbar-brand activate-modal"><i class="fa fa-coffee" aria-hidden="true"></i> Let's meet</a>
</div>
<div class="collapse navbar-collapse" id="navLinks">
<ul class="nav navbar-nav navbar-right">
<li><a href="#headerFour" id="menu">Skills</a></li>
<li><a href="#imageGalleryOne" id="menu">Work</a></li>
<li><a href="#sectieSlide" id="menu">Testimonials</a></li>
<li><a href="#resume" is="menu">Resume</a></li>
<li><a href="#contact" id="menu">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Section one -->
<div class="container-fluid box1" id="background">
<div class="container headerOne bounceInRight">
<h4>Hi there!</h4>
<h1></h1>
</div>
<div class="button2 btn btn-primary2"><a href="#member"><i class="fa fa-arrow-down" aria-hidden="true"></i>
<p>Read more</p></a>
</div>
</div>
<!--section two -->
<div class="container" id="headerTwo">
<div class="row">
<h1>-<strong> About </strong>Me -</h1>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-6" id="member"></div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-6">
<h4>Allow me to introduce myself. I am a storyteller, having written and told stories for leading Dutch business media over the past 19 years, of which 13 years at Het FD. In this role I have built an extensive network; won a world-recognized award for journalistic talent and worked as a newsroom manager. I'm at my best when I create (digital) stories, but most of all: I want make a difference. Preferably in a team with people who do not take everything for granted.</h4>
<div class="mobile"><h4>In my current role as an innovation journalist, I'm responsible for high-profile stories about big data, artificial intelligence, new business models and more. In addition, I experiment with innovative formats by combining my writing, coding and design skills. And last but not least I'm a presenter of FD events and I organize debates myself.</h4>
<h4>I'm also the founder of publisher JoMo Media. For my self-written youth novel 'De Geldfabriek' I raised funds through crowdfunding, published the book, and taught children about financial literacy. I also arranged intersting partnerships with De Nederlandsche Bank, Heutink, Citi Group and Fontys Hogeschool Tilburg.</h4></div>
</div>
</div>
<div class="col-xs-1 col-md-3">
<p class="button1" data-anijs="if: scroll, on: window, do: bounceInDown animated, before: scrollReveal"><a class="btn btn-primary" href="images/CV_NL.pdf" target="_blank"><i class="fa fa-download"></i> Resume in Dutch</a></p>
</div>
</div>
<!-- Image -->
<div class="parallax text-light image-background image-10" data-type="background" data-speed="0">
<div class="mask opacity-7">
<div class="container" id="resume">
<div class="row pt-large pb-large">
<div class="col-md-12 text-center">
<h1 class="large">
Presentation at Koninklijke Schouwburg Den Haag<br />
<small class="no-shadow">— Gazellen Award with Maarten Bouwhuis</small>
</h1>
</div>
</div>
</div>
</div>
</div>
<!-- Section Three | Resume timeline-->
<div class="container-fluid box2">
<section class="cd-horizontal-timeline">
<div class="timeline">
<div class="events-wrapper">
<div class="events">
<ol>
<li><a href="#0" data-date="16/03/2013" class="selected">Present</a></li>
<li><a href="#0" data-date="16/09/2013">Jan '15</a></li>
<li><a href="#0" data-date="28/11/2013">May'15</a></li>
<li><a href="#0" data-date="20/01/2014">June '12</a></li>
<li><a href="#0" data-date="20/02/2014">May '12</a></li>
<li><a href="#0" data-date="24/06/2014">Jan '12</a></li>
<li><a href="#0" data-date="30/11/2014">Sept '11</a></li>
<li><a href="#0" data-date="15/05/2015">Aug '04</a></li>
<li><a href="#0" data-date="01/08/2015">April '04</a></li>
<li><a href="#0" data-date="10/12/2015">Jan '01</a></li>
<!--
<li><a href="#0" data-date="03/03/2015">3 Mar</a></li> -->
</ol>
<span class="filling-line" aria-hidden="true"></span>
</div> <!-- .events -->
</div> <!-- .events-wrapper -->
<ul class="cd-timeline-navigation">
<li><a href="#0" class="prev inactive">Prev</a></li>
<li><a href="#0" class="next">Next</a></li>
</ul> <!-- .cd-timeline-navigation -->
</div> <!-- .timeline -->
<div class="events-content">
<ol>
<li class="selected" data-date="16/03/2013">
<h3>Innovation journalist at Het FD</h3>
<em>January 2015 - present</em>
<p>
Responsible for high-profile stories about (the social impact of) innovation. Experiment with innovative formats by combining writing, coding and design skills.
</p>
</li>
<li data-date="16/09/2013">
<h3>Chief editor at FD</h3>
<em>May 2012 - January 2015</em>
<p>
Responsible for the publications of the global and local business stories. Implemented a digital culture and a digital first newsroom. Span of control: 20 editors, 15 correspondents.
</p>
</li>
<li data-date="28/11/2013">
<h3>Founder JoMo Media</h3>
<em>May 2015 - present</em>
<p>
Raised funds through crowdfunding for my self-written youth novel 'De Geldfabriek', published the book, and taught children about financial literacy. I also arranged intersting partnerships with De Nederlandsche Bank, Heutink and Fontys Hogeschool Tilburg.
</p>
</li>
<li data-date="20/01/2014">
<h3>Lecturer financial journalism</h3>
<em>September 2008 - June 2012</em>
<p>
I taught financial journalism to adult students at the school of journalism in Utrecht. The students worked for RTLZ, Nieuwsuur, nu.nl and other Dutch media.
</p>
</li>
<li data-date="20/02/2014">
<h3>Chief editor entrepreneur at FD</h3>
<em>January 2012 - May 2012</em>
<p>
Responsible for the publications about entrepreneurship. This includes creating new concepts and the presentation of events. Overarching mission was to integrate this editorial department into the rest of the newspaper.
</p>
</li>
<li data-date="24/06/2014">
<h3>Journalist at FD</h3>
<em>August 2004 - January 2012</em>
<p>
Topics: mergers and acquisitions, corporate governance, finance, remuneration policies in business, the debt crisis and the food- and retail sector. In 2008, I made a journalistic trip through China.
</p>
</li>
<li data-date="30/11/2014">
<h3>Vice-president working council FDMG</h3>
<em>May 2007 - September 2011</em>
<p>
Key advice: reorganization in 2009, potential acquisition of one of the best Dutch newspapers, reforming distribution and renewed structure of the board of the company.
</p>
</li>
<li data-date="15/05/2015">
<h3>Editor at Elsevier and FEM Business</h3>
<em>January 2001 - August 2004</em>
<p>
Wrote business stories, with an opinion. Won the Citigroup Award for talent in financial and economic journalism.
</p>
</li>
<li data-date="01/08/2015">
<h3>Award for journalistic talent</h3>
<em>April 2004</em>
<p>
From the jury report: "The jury chose Franka for her highly accessible articles based on broad research. She has an open style of writing and the structure of her items is well balanced."
</p>
</li>
<li data-date="10/12/2015">
<h3>Other experiences</h3>
<em>From 1998 - Januari 2001</em>
<p>
Editor Finance Television (2000), Editor Money View news agency (1999), editor TV program Business Update (internship 1998), Secretary to the Dean of the faculty of Law, Uva (part-time 1998-1999)
</p>
</li>
<!-- <li data-date="03/03/2015">
<h3>Event title here</h3>
<em>March 3rd, 2015</em>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus
</p>
</li> -->
</ol>
</div> <!-- .events-content -->
</section>
</div>
<!--Section Four -->
<div class="container" id="headerFour" data-anijs="if: mouseover, on: icons, do: flip">
<div class="row">
<h1>-<strong> Skills</strong> - </h1>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3><img src="icons/krant.png" height="48"><span> </span>Journalism</h3>
<h4>I write stories about the latest news and business trends, this is what I have done for the past 19 years. This allowed me to take part in complex debates and make them accessible for a wide audience via my <a href="https://fd.nl/auteur/franka-rolvink-couzy" target="_blanc">articles.</a></h4>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3><img src="icons/digital.png" height="48"><span> </span>Strategy</h3>
<h4>I have built my own company, interviewed c-level managers for many years about their strategic decisions and helped startups to keep their feet on the ground. I am also active as a jury in Start-up Awards, like TEDx Women.</h4>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3><img src="icons/stage.png" height="48"><span> </span>Presenting</h3>
<h4>For Het Financieele Dagblad I presented different kind of events, like the <a href="https://fd.nl/events/view/gazellen/2701/fd-gazellen-awards-2015-grande-finale" target="_blanc">Gazellen Awards.</a> Also other companies sometimes ask me to lead a debate or present at their event, mostly about a financial or business topic.</h4>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3><img src="icons/boek.png" height="48"><span> </span>Stories</h3>
<h4>What is a story if nobody reads it? Therefore, I always like to experiment with different genres, like narrative journalism and even a <a href="http://www.degeldfabriek.nl/" target="_blanc">novel. The goal is to write stories with impact.</a> Digital gave me a broad range of new tools to tell the story in an interactive way.</h4>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3><img src="icons/code.png" height="48"><span> </span>Code</h3>
<h4><a href="https://programmeren.fd.nl/" target="_blanc">Coding</a> is one of the best things I've learned in recent years. First of all, it's another way to tell stories, but it's also good to learn how to make new products and prototypes in a world that is going digital. I've experienced how enriching it is to understand the nerds.</h4>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3><img src="icons/Lesgeven.png" height="48"><span> </span>Teaching</h3>
<h4>After I wrote the youth novel De Geldfabriek, some <a href="http://www.weekendschoolbaljee.nl/wp-content/uploads/2017/03/WSBJ-Nieuwsbrief-022017-A4-LR.pdf" target="_blanc">weekend and primary schools</a> asked me to teach their children about financial literacy. Earlier, I also taught financial journalism to adult students at the school of journalism in Utrecht. </h4>
</div>
</div>
</div>
<!-- Image -->
<div class="parallax text-light image-background image-9" data-type="background" data-speed="0">
<div class="mask opacity-7">
<div class="container">
<div class="row pt-large pb-large">
<div class="col-md-12 text-center">
<h1 class="large">
Interview on stage at Frisse Blikken<br/>
<small class="no-shadow">— With Patrick Kerssemakers, CEO Fonq</small>
</h1>
</div>
</div>
</div>
</div>
</div>
<!--Section Five | Countup -->
<div id="achievements" class="text-center">
<div class="container">
<div class="section-title center">
<h2>Some Stats</h2>
<hr>
</div>
<div class="row">
<div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="200ms">
<div class="achievement-box"> <span class="count">999</span>
<h4>Stories</h4>
</div>
</div>
<div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="400ms">
<div class="achievement-box"> <span class="count">1999</span>
<h4>Interviews</h4>
</div>
</div>
<div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="600ms">
<div class="achievement-box"> <span class="count">19</span>
<h4>Years of Experience</h4>
</div>
</div>
<div class="col-md-3 col-sm-3 wow fadeInDown" data-wow-delay="800ms">
<div class="achievement-box"> <span class="count">4900</span>
<h4>Hours of Work</h4>
</div>
</div>
</div>
</div>
</div>
<!--Section Six -->
<div class="row" id="imageGalleryOne">
<h1><a href="https://fd.nl/auteur/franka-rolvink-couzy" target="_blank">- <strong>Stories</strong> - <i class="fa fa-hand-pointer-o" aria-hidden="true"></i></a></h1>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="img-rounded">
<a href="http://depitch.webflow.io/" target="_blank"><img src="images/Depitch.png" alt="Peerby's pitch" style="width:100%; height:95%"></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="img-rounded">
<a href="https://programmeren.fd.nl" target="_blank"><img src="images/programmeren-loop.gif" loop=infinite alt="programmeren" style="width:100%; height:95%"></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="img-rounded">
<a href="https://fd.nl/economie-politiek/1206206/op-het-dark-web-kost-een-creditcardnummer-2" target="_blank"><img src="images/DarkWeb.png" alt="Inside the Dark Web" style="width:100%; height: 95%"></a>
</div>
</div>
</div>
<div class="row" id="imageGalleryTwo">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="img-rounded">
<a href="https://fd.nl/economie-politiek/1169485/ongelijkheid-neemt-toe-doordat-we-erg-machtig-kunnen-worden-en-niet-aardig" target="_blank"><img src="images/Ongelijkheid.png" alt="Uber ongelijkheid" style="width:100%; height:95%"></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="img-rounded">
<a href="http://www.degeldfabriek.nl" target="_blank"><img src="images/geldfabriek-3d.png" alt="Jeugdboek De Geldfabriek" style="width:100%; height:140%"></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="img-rounded" id="mobile2">
<a href="https://fd.nl/economie-politiek/1174382/het-gevaar-van-een-algoritme" target="_blank"><img src="images/Bias.png" alt="Gevaar van een algoritme" style="width:100%; height:95%"></a>
</div>
</div>
</div>
<!--Section Seven-->
<!-- Image -->
<div class="parallax text-light image-background image-8" data-type="background" data-speed="0">
<div class="mask opacity-7">
<div class="container">
<div class="row pt-large pb-large">
<div class="col-md-12 text-center">
<h1 class="large">
Interview at national television NPO<br/>
<small class="no-shadow">— About my book De Geldfabriek</small>
</h1>
</div>
</div>
</div>
</div>
</div>
<!--Carousel -->
<div class="container-fluid" id="sectieSlide">
<div class="slide" id="slideOne">
<h4 class="titleSlide"><I>- Jan Bonjer, editor in chief at Het Financieele Dagblad</I></h4>
<h2 class="titleSlide">'Because of her constructive leadership,<br>Franka creates space to be creative'</h2>
</div>
<div class="slide" id="slideTwo">
<h4 class="titleSource"><I>- Roy op het Veld, editor in chief at De Limburger</I></h4>
<h2 class="titleSlide">'Franka is one of <br> the driving forces in the turnaround <br> to digital first'</h2>
</div>
<div class="slide" id="slideThree">
<h4 class="titleSource"><I>- Assessment bureau InContext</I></h4>
<h2 class="titleSlide">'Franka is elegant, outgoing,<br> cheerful and entrepreneurial. <br>She likes to work in a team'</h2>
</div>
<div class="slide" id="slideFour">
<h4 class="titleSource"><I>- Jury Citigroup Award</I></h4>
<h2 class="titleSlide">'The jury chose Franka for her highly accessible articles <br>based on broad research'</h2>
</div>
</div>
<!--Footer-->
<div class="container-fluid" id="footer">
<div id="toTop">
<a href="index.html">To the top <i class="fa fa-arrow-up" aria-hidden="true"></i></a>
</div>
<div id="toLinks">
<p><strong>LET'S CONNECT</strong></p><br>
<a href="http:/www.twitter.com/frouzy" target="_blank">
<i class="fa fa-twitter fa-3x" aria-hidden="true"></i><!-- <img src="icons/facebook.png" alt="image" width="40"> -->
</a>
<a href="http:/www.facebook.com/franka.rolvinkcouzy" target="_blank">
<i class="fa fa-facebook fa-3x" aria-hidden="true"></i><!-- <img src="icons/twitter.png" alt="image" width="40"> -->
</a>
<a href="http:/www.github.com/Frouzy" target="_blank">
<i class="fa fa-github fa-3x" aria-hidden="true"></i><!-- <img src="icons/github.png" alt="image" width="40"> -->
</a>
</div>
<div id="contact">
<h4><strong>CONTACT</strong></h4>
<p>I live in downtown Amsterdam,</p>
<p>please call me or send an e-mail:</p>
<p>Tel: +31 6 41374109</p>
<p><i class="fa fa-envelope fa-2x" aria-hidden="true"></i><br><a href="mailto:[email protected]?SUBJECT=Let's%20meet&body=Hi%20Franka,%20"><button type="submit" value="send email">Click here</button></a></p>
</div>
</div>
<div id="End">
<div class="container text-center">
<div class="fnav">
<p>Copyright © 2017 Franka Rolvink Couzy<a href="http://www.templatewire.com" rel="nofollow"></a></p>
</div>
</div>
</div>
</div>
<!--jQuery | plugins-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.counterup.js"> </script>
<script type="text/javascript" src="js/waypoints.js"></script>
<script type="text/javascript" src="js/resume.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!-- AniJS Core File -->
<script src="bower_components/anijs/dist/anijs-min.js"></script>
<!-- ScrollReveal Helper -->
<script src="bower_components/anijs/dist/helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script>
<!-- Bootstrap Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>