-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (120 loc) · 6.81 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
<!DOCTYPE HTML>
<!--
Directive by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Bomberbot and Codeuur - Code clubs </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Join this event to teach children coding in a fun and easy way on March 6th" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-wide.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">
<span class="logo icon fa-code"></span>
<h1><a href="http://www.bomberbot.com/"> Bomberbot </a> en <a href="http://www.codeuur.nl/">CodeUur:</a> - Code clubs</h1>
<p>
<br/>Bomberbot organiseert in samenwerkingen met CodeUur code clubs!
</p>
</div>
<!-- Main -->
<div id="main">
<header class="major container 75%">
<h2>
Achtergrond
</h2>
</header>
<p class="ex1"> Er een groeiende bezorgdheid onder scholen (leraren en bestuur) over het voorbereiden van kinderen op de vaardigheden die zij nodig hebben in de toekomst (programmeerkennis en 21e eeuw vaardigheden). Maar het merendeel van de leraren hebben niet de benodigde achtergrond in IT of kennis van programmeren en denken vaak dat het moeilijk is om programmeerlessen te geven. Sommige scholen behandelen het onderwerp programmeren wel, maar gaan slechts oppervlakkig of kort in op het onderwerp. </br>Uitleg over de mogelijkheden die kinderen krijgen wanneer ze programmeervaardigheden opdoen en het verstrekken van algemene kennis over programmeren is een ontwikkeling die wij toejuichen.</p>
</br>
<p class="ex1"> Echter, om een grotere impact te maken op onze kinderen, hun opleiding en onze economie, is het essentieel dat programmeeronderwijs constant en schaalbaar gemaakt wordt. Wij zijn daarom van mening dat het belangrijk is om leraren in staat stellen om over dit nieuwe onderwerp te kunnen doceren. Dat het belangrijk is om hen te laten zien dat er verschillende middelen zijn waarmee ze op een interactieve en leuke manier programmeerkennis kunnen overdragen, zonder dat hiervoor (gevorderde) IT of programmeer kennis voor nodig is.</p>
<div>
<section class="major container 75% special">
<h3>Wat is een code club? </h3>
</section>
<p class="ex1">Bomberbot heeft in samenwerking met CodeUur het initiatief genomen om ‘code clubs’ op te zetten. Code clubs bestaan basisschool docenten die al programmeerlessen geven, docenten die erover denken om dit te gaan doen, programmeurs uit het bedrijfsleven en medewerkers van Bomberbot. Zij komen samen om kennis te delen. Het doel van deze clubs is om kennis te delen en docenten te laten ervaren dat programmeerlessen geven leuk, inspirerend, leerzaam en eenvoudig is!
</p>
<section class="major container 75% special">
<h3>Kom een kijkje nemen in de klas! </h3>
</section>
<p class="ex1"> Tijdens de ‘Code Club lesuren’ stellen geselecteerde klassen hun deuren open tijdens de les. Docenten kunnen op afspraak een bezoek brengen en zelf ervaren hoe eenvoudig en leuk het is om programmeerlessen te geven. En zullen zo ervaren dat programmeerlessen bijvoorbeeld ook zonder computer (offline) gegeven kunnen worden. Benieuwd naar de verschillende middelen die beschikbaar zijn om programmeerlessen te geven? Kom een kijkje nemen een klaslokaal waar programmeerles gegeven wordt!
<br>Meld je aan via <a href="mailto:codeclub@bomberbot.com?Subject=Coding%clubs" target="_top">codeclub@bomberbot.com</a>
</p>
<section>
<ul class="actions">
<li><a href="http://bomberbot.com/" class="button">lees meer</a></li>
</ul>
</section></br>
<section class="major container 75% special">
<h3>WAAROM IS DIT BELANGRIJK?</h3>
<iframe width="100%" height="360" src="https://www.youtube.com/embed/KVR2vjniQv0?rel=0" frameborder="0" allowfullscreen></iframe>
<p><br>In een wereld waarin we steeds afhankelijker worden van computers en software is programmeren een noodzakelijke vaardigheid voor jongere generaties.</p>
</section>
</div>
<footer class="major container 75%">
<h3>DOE MEE MET Bomberbot en Codeuur Code Clubs!</h3>
<p> Registreer hier om aan te geven dat ook jouw school mee wil doen met Code Clubs.</p>
<ul class="actions">
<li><a href="https://docs.google.com/forms/d/1YdIarXZG-WT61FoFv_rKS-N4Zm0PoK209S7EWyRdXS8/viewform?usp=send_form" class="button">DOE MEE!</a></li>
</ul>
</footer>
</div>
<!-- Footer -->
<div id="footer">
<div class="container 75%">
<header class="major last">
<h2>Vragen of opmerkingen?</h2>
</header>
<p>Wil je meer weten over CodeUur of Bomberbot? Dat kan, stuur ons een berichtje en we nemen zo snel mogelijk contact met je op! </p>
<form method="post" action="/">
<div class="row">
<div class="6u 12u(mobilep)">
<input type="text" name="name" placeholder="Naam" required/>
</div>
<div class="6u 12u(mobilep)">
<input type="email" name="email" placeholder="E-mail" required/>
</div>
</div>
<div class="row">
<div class="12u">
<input type="text" name="school" placeholder="School" />
</div>
</div>
<div class="row">
<div class="12u">
<textarea name="message" placeholder="Bericht" rows="6"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Bericht verzenden" /></li>
</ul>
</div>
</div>
</form>
<ul class="icons">
<li><a href="https://twitter.com/gobomberbot" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/bomberbot" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="http://instagram.com/go_bomberbot" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="http://github.com/studiokrok/" class="icon fa-github"><span class="label">Github</span></a></li>
</ul>
<ul class="copyright">
<li>© Studio Krok BV. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</body>
</html>