PageSourceSearch

https://www.harbourbilingual.nl/onze-school/

html harbourbilingual.nl collected 2026-10-08 17:46:16 UTC 53,096 bytes, 1,997 lines download raw bytes

1
2
3
4
5
6<!DOCTYPE html>
7<html>
8
9  <head>
10    
11
12    
13
14
15
16    
17    
18      
19
20	
21	
22	
23	
24		<meta property="og:title" content="Onze school">
25		<meta property="og:url" content="https://www.harbourbilingual.nl/onze-school/">
26		
27		
28		<meta property="og:type" content="Article">
29		
30		
31		
32		
33		
34		
35		
36		
37		
38		
39		
40	
41	
42		<meta name="twitter:domain" content="www.harbourbilingual.nl">
43		<meta name="twitter:card" content="summary">
44		<meta name="twitter:title" content="Onze school">
45		<meta name="twitter:url" content="https://www.harbourbilingual.nl/onze-school/">
46		
47		
48		
49		
50	
51  
52	
53	
54	
55
56
57    
58    <meta charset="utf-8">
59    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
60    <meta name="csrf-token" content="ZaKhhf7nw0k8c18oxlVquFmyLr4E3blexkWPOyewi5m5uicZPkPcYUnVsjtQS5W8">
61
62    <title>Onze school</title>
63
64    <meta name="description" content="">
65    <meta name="keywords" content="">
66    <meta name="author" content="Changer">
67    <meta name="viewport" content="width=device-width, initial-scale=1">
68    
69
70
71    
72
73    
74      <link rel="stylesheet" type="text/css" href="https://blijberg-live-0765d007f39f421284b64c8f5-7d4d987.divio-media.net/static/css/styles-theme8.7f88c7ed3a88.css">
75    
76
77    
77<script>
78/*ticket 483726 puntje 1*/
79     document.addEventListener("DOMContentLoaded", function() {
80      const userIcons = document.querySelectorAll('.fa-user');
81      userIcons.forEach((icon, index) => {
82         if (index > 0) {
83            const br = document.createElement('br');
84            icon.parentNode.insertBefore(br, icon);
85         }
86      });
87     }); 
88</script>
88
89<style>
90 /*ticket 483726 puntje 2*/
91    div.css-footer div.row:nth-child(1) {
92 display:none;
93    }
94</style>
95    
96    
97
98  </head>
99
100<body class="theme-8 st-4 page-onze-school">
101  
102
103
104
105
106
107
108
109  
110
111
112
113
114  
115  
116
117
118<style type="text/css">
119    @import url(&#x27;https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900&amp;display=swap&#x27;);
120
121.carousel-theme-8 .schoolname {
122    font-weight: 500;
123    margin-bottom: 20px;
124}
125
126.theme-8 .contact-banner {
127    border: unset;
128}
129
130.home .contact-banner {
131    padding: unset;;
132}
133
134h1 {
135    font-family: Merriweather;
136    font-weight: 500;
137    font-size: 2.5rem;
138    padding-bottom: 0px !important;
139}
140
141h2 {
142    font-size: 1.5rem;
143     font-weight: 100;
144    text-transform: uppercase;
145    letter-spacing: 0.5px;
146}
147
148.logo-theme-8 .school-logo {
149    height: 40px;
150    margin-top: 10px;
151    margin-bottom: 10px;
152    margin-right: 25px;
153}
154
155
156
157.logo-theme-8 .school-logo {
158    height: 74px;
159    margin-top: 0;
160    margin-bottom: 0;
161    margin-right: 25px;
162}
163
164
165.css-footer {
166    background: #203757;
167}
168
169.meta-info, .meta-info a {
170    color: white;
171}
172
173.sub-item {
174    font-size: 12px;
175    display: block;
176    color: white;
177}
178
179.css-footer .main-item {
180    color: white !important;
181}
182
183.item-list {
184    margin-top: 20px;
185    color: white;
186}
187</style>
188
189
190
191  
192
193
194
195<style type="text/css">
196  :root{
197    --theme-color: #2969BB;
198    --primary-color: #203757;
199    --secondary-color: #2969BB;
200    --tertiary-color: #203757;
201    --footer-color: #3474BB;
202    --footer-link-color: #203757;
203    --nav-link-color: #203757;
204    --nav-bg-color: #FFFFFF;
205    --topbar-bg-color: #FFFFFF;
206    --background-color: #FFFFFF;
207    --theme-heading-color: var(--theme-color);
208    --theme-hero-bg: #ffffff;
209    --theme-hero-color: #ffffff;
210    --font-base-size: 16px;
211    --file-background-color: #3474BB;
212    --file-text-color: #FFFFFF;
213    --link-text-color: #203757;
214    --quote-ff: Merriweather;
215    
216      --heading-ff: "Merriweather", system-ui, sans-serif;
217    
218    --mobile-mode-width: 1400;
219    
220      --theme-border-radius: 8px;
221    
222    
223      
224        --theme-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.03);
225      
226    
227  }
228
229  /*
230    Navbar inline css to fix issue related to "more" navbar after plugin add
231    PORTAL-434 & PORTAL-892
232  */
233  /* Navbar MORE menu fix begins here */
234  div.cms .cms-toolbar-item-navigation li {
235    position: relative;
236    float: left;
237  }
238  div.cms .cms-toolbar-item-navigation li ul {
239    display: none;
240  }
241  .cms-toolbar-item.cms-toolbar-item-buttons {
242    display: inline-block;
243  }
244  /* Navbar MORE menu fix ends here */
245
246  .navbar-nav .nav-link{
247    color: #203757;
248  }
249
250  a, a:hover {
251    color: #203757;
252  }
253
254  a.maps-web-btn {
255    background-color: #2969BB;
256  }
257
258  button[type=submit],
259  .btn-jobs-modal {
260    background-color: #2969BB;
261  }
262
263  .quote-text {
264    font-family: var(--quote-ff);
265  }
266
267  .theme-13 h2,
268  .theme-14 h2 {
269    color: #203757;
270  }
271
272  .caret {
273    color: #2969BB;
274  }
275
276  /* BLOG / JOBS / FAQ / SEARCH */
277
278  
279
280  .page-link:hover,
281  .list-group-item:hover,
282  .list-group-item:focus {
283    color: #203757;
284    background-color: #f7f7f7;
285  }
286
287  a.nav-link.newsblog-nav-link,
288  a.nav-link.faq-nav-link {
289    background: #203757;
290  }
291
292  .faq-overview-list h3:hover {
293    color: #2969BB;
294    text-decoration: none;
295  }
296
297  .search-pagination .page-item.active .page-link {
298    background-color: #2969BB;
299    border-color: #2969BB;
300  }
301
302  /* TABBABLE */
303  
304    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
305      background-color: #FFFFFF;
306      border-color: #dee2e6 #FFFFFF;
307    }
308  
309
310
311  /* LOGIN */
312  .btn-tooltip-login,
313  .btn-tooltip-register {
314    background-color: #2969BB;
315    border-color: #2969BB;
316  }
317
318  .carousel-theme-6,
319  .carousel-theme-4 .carousel-tagline-wrapper {
320    background-color: #203757;
321  }
322
323  .carousel-theme-8 .schoolname,
324  .carousel-theme-9 .schoolname,
325  .theme-8 .introduction-left {
326    background-color: #2969BB
327  }
328
329  .theme-8 .introduction-right,
330  .theme-8 .school-tagline,
331  .theme-9 .school-tagline {
332    background-color: #203757;
333  }
334
335  .agenda-plugin .event-icon {
336    background-color: #2969BB;
337  }
338
339  .agendaeventMonth .bg-primary {
340    background-color: #203757 !important;
341  }
342
343  
344    /** Override nav links */
345    .theme-1 .navbar-light .nav li a,
346    .navbar-light .nav li a,
347    .navbar .nav > li > a,
348    .navbar-light .navbar-nav .nav-link,
349    .navbar-light .navbar-nav .show > .nav-link,
350    .navbar-light .navbar-nav .active > .nav-link,
351    .navbar-light .navbar-nav .nav-link.show,
352    .navbar .nav li.dropdown.active > .dropdown-toggle,
353    .navbar-light .navbar-nav .nav-link.active,
354    .navbar .nav li.dropdown.active > .dropdown-toggle,
355    .navbar .nav li.dropdown.open > .dropdown-toggle,
356    .dropdown-menu a,
357    .theme-10 .navbar .nav > li > a,
358    .theme-10 .navbar-light .navbar-nav .nav-link {
359      color: #203757;
360    }
361  
362
363  .navbar .nav .dropdown.active > .dropdown-toggle,
364  .navbar .nav .nav-item.active > .nav-link,
365  .navbar-theme-4.navbar .nav .nav-item.active,
366  .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{
367    color: #2969BB;
368  }
369
370  .content-theme-5 .nav,
371  .content-theme-5 .nav-stacked > li > a,
372  .content-theme-5 .nav-stacked > li > a:hover,
373  .content-theme-5 .nav-stacked > li > a:focus,
374  .content-theme-5 .nav-stacked > .active a,
375  .theme-7 .nav-stacked li a:hover,
376  .content-theme-8 .nav,
377  .content-theme-8 .nav-stacked > li > a,
378  .content-theme-8 .nav-stacked > li > a:hover,
379  .content-theme-8 .nav-stacked > li > a:focus,
380  .content-theme-8 .nav-stacked > .active a {
381    background-color: #2969BB;
382  }
383
384  .theme-10 .content-theme-10 .nav-stacked > li > a:hover,
385  .theme-10 .content-theme-10 .nav-stacked > li > a:focus,
386  .theme-20 .content-theme-20 .nav-stacked > li > a:hover,
387  .theme-20 .content-theme-20 .nav-stacked > li > a:focus,
388  .theme-25 .content-theme-20 .nav-stacked > li > a:hover,
389  .theme-25 .content-theme-20 .nav-stacked > li > a:focus {
390    border-bottom: 1px solid #2969BB;
391    color: #2969BB;
392  }
393
394  .theme-10 .content-theme-10 .nav-stacked > .active a,
395  .theme-20 .content-theme-20 .nav-stacked > .active a,
396  .theme-25 .content-theme-25 .nav-stacked > .active a {
397    color: #2969BB;
398  }
399
400  .theme-10 .content-theme-10 .nav-stacked > .active a:hover,
401  .theme-20 .content-theme-20 .nav-stacked > .active a:hover,
402  .theme-25 .content-theme-25 .nav-stacked > .active a:hover {
403    border-bottom: 1px solid #2969BB;
404    color: #2969BB;
405  }
406
407  .theme-10 .pull-right.css-login .btn,
408  .theme-20 .pull-right.css-login .btn,
409  .theme-25 .pull-right.css-login .btn {
410    background-color: #203757;
411    border-color: #203757;
412  }
413
414  .theme-10 .pull-right.css-login .btn:hover,
415  .theme-20 .pull-right.css-login .btn:hover,
416  .theme-25 .pull-right.css-login .btn:hover {
417    background-color: #2969BB;
418    border-color:  #2969BB;
419  }
420
421  .theme-6 .navbar .nav > li.active > a,
422  .navbar-theme-14  .nav .nav-item.active{
423    color: #2969BB;
424    border-bottom: 3px solid #2969BB;
425  }
426
427  .navbar-default .nav .active a:hover {
428    color: #203757;
429    background-color: #3474BB;
430    text-shadow: none;
431  }
432
433  .navbar .nav .nav-item .nav-link:hover,
434  .navbar .nav .nav-item .nav-link:focus{
435    background-color: #2969BB;
436  }
437
438  @media (min-width: 1200px) {
439    .theme-8 .responsive_menu .nav .nav-item:hover,
440    .theme-4 .responsive_menu .nav .nav-item:hover {
441      background-color: #2969BB;
442    }
443  }
444
445  .theme-12 .css-carousel-description > .css-carousel-description-background,
446  .theme-5 .css-carousel-description > .css-carousel-description-background {
447    background-color: #2969BB;
448  }
449  .nav-stacked .active > a {
450    border-left: 4px solid #2969BB !important;
451  }
452  .nav-stacked .active a, .nav-stacked a:hover {
453    background-color: #fafafa;
454    color: #555555;
455  }
456  .circle {
457    -webkit-box-shadow: 0 0 10px #2969BB;
458    -moz-box-shadow: 0 0 10px #2969BB;
459    box-shadow: 0 0 10px #2969BB;
460  }
461
462  .navbar-theme-3 .nav > .nav-item.active > .nav-link,
463  .navbar-theme-4 .nav > .nav-item.active,
464  .navbar-theme-7 .nav > .nav-item.active > .nav-link,
465  .navbar-theme-8 .nav > .nav-item.active > .nav-link,
466  .navbar-theme-10 .nav > .nav-item.active > .nav-link {
467    border-color: #2969BB;
468  }
469
470  .theme-10-login-bar a:hover,
471  .theme-13-login-bar a:hover {
472    color: #2969BB;
473  }
474
475  .btn-navbar i {
476    color: #2969BB;
477  }
478
479  .navbar-theme-3 .dropdown-menu > li > a,
480  .navbar-theme-4 .dropdown-menu > li > a,
481  .navbar-theme-5 .dropdown-menu > li > a,
482  .navbar-theme-6 .dropdown-menu > li > a,
483  .navbar-theme-7 .dropdown .dropdown-item,
484  .navbar-theme-8 .dropdown-menu > li > a,
485  .navbar-theme-9 .dropdown-menu > li > a,
486  .navbar-theme-10 .dropdown-menu > li > a,
487  .navbar-theme-11 .dropdown-menu > li > a,
488  .navbar-theme-13 .dropdown-menu > li > a,
489  .navbar-theme-20 .dropdown-menu > li > a,
490  .navbar-theme-25 .dropdown-menu > li > a,
491  .navbar-st-7 .dropdown-menu > li > a,
492  .navbar-theme-22 .dropdown-menu > li > a {
493    color: #2969BB;
494  }
495
496  .navbar-theme-12 .navbar-toggle span.icon-bar {
497    background-color: #203757;
498  }
499
500  .navbar-theme-3 .navbar-toggle span.icon-bar,
501  .navbar-theme-4 .navbar-toggle span.icon-bar,
502  .navbar-theme-5 .navbar-toggle span.icon-bar,
503  .navbar-theme-6 .navbar-toggle span.icon-bar,
504  .navbar-theme-7 .navbar-toggle span.icon-bar,
505  .navbar-theme-8 .navbar-toggle span.icon-bar,
506  .navbar-theme-10 .navbar-toggle span.icon-bar,
507  .navbar-theme-11 .navbar-toggle span.icon-bar,
508  .navbar-theme-13 .navbar-toggle span.icon-bar,
509  .navbar-theme-20 .navbar-toggle span.icon-bar,
510  .navbar-theme-25 .navbar-toggle span.icon-bar,
511  .navbar-st-7 .navbar-toggle span.icon-bar,
512  .navbar-theme-22 .navbar-toggle span.icon-bar  {
513    background-color: #2969BB;
514  }
515
516  .css-cmsplugin_gallery .carousel-indicators .active {
517    background-color: #2969BB;
518  }
519
520  .item-primarycolor a,
521  .item-primarycolor a:hover {
522    color: #2969BB;
523  }
524  .item-themecolor a,
525  .item-themecolor a:hover {
526    color: #2969BB;
527  }
528
529  .theme-11 .widgets-theme-11 h2,
530  .theme-13 .widgets-theme-13 h2,
531  .theme-14 .widgets-theme-13 h2 {
532    color: #203757;
533  }
534
535  .theme-13 .bottom-1 .generic-banner,
536  .theme-14 .bottom-1 .generic-banner,
537  .theme-15 .bottom-1 .generic-banner {
538    background-color: #203757;
539  }
540  .theme-13 .bottom-2 .generic-banner,
541  .theme-14 .bottom-2 .generic-banner,
542  .theme-15 .bottom-2 .generic-banner {
543    background-color: #2969BB;
544  }
545  .theme-13 .bottom-3 .generic-banner,
546  .theme-14 .bottom-3 .generic-banner,
547  .theme-15 .bottom-3 .generic-banner {
548    background-color: #203757;
549  }
550  .theme-13 .bottom-4 .generic-banner,
551  .theme-14 .bottom-4 .generic-banner ,
552  .theme-15 .bottom-4 .generic-banner{
553    background-color: #2969BB;
554  }
555
556  .banners-theme4 h2 {
557    color: #2969BB;
558  }
559
560  .carousel-theme-10 h1:before,
561  .carousel-theme-10 h2:before,
562  .carousel-theme-13 h1:before,
563  .carousel-theme-13 h2:before {
564    background-color: #203757;
565  }
566
567  .theme-10 .news-plugin h3,
568  .theme-10 .news-plugin a,
569  .theme-10 .agenda-plugin h3,
570  .theme-10 .agenda-plugin a,
571  .theme-13 .news-plugin h3,
572  .theme-13 .news-plugin a,
573  .theme-13 .agenda-plugin h3,
574  .theme-13 .agenda-plugin a,
575  .theme-20 .news-plugin h3,
576  .theme-20 .news-plugin a,
577  .theme-20 .agenda-plugin h3,
578  .theme-20 .agenda-plugin a,
579  .theme-25 .news-plugin h3,
580  .theme-25 .news-plugin a,
581  .theme-25 .agenda-plugin h3,
582  .theme-25 .agenda-plugin a {
583    color: #2969BB;
584  }
585
586  .theme-11-news-agenda h2,
587  .theme-13-news-agenda h2 {
588    color: #2969BB;
589  }
590
591  .theme-11 .pager li > a, .pager li > span,
592  .theme-13 .pager li > a, .pager li > span {
593    background-color: #2969BB;
594  }
595  .theme-11 .pager li > a:hover,
596  .theme-13 .pager li > a:hover {
597    background-color: #2969BB;
598  }
599
600  /* ADD BACKGROUND IMAGE TO THEME */
601  body{
602    
603      background: #FFFFFF;
604    
605  }
606
607  body,
608  html {
609    
610      font-family: "Merriweather", system-ui, sans-serif;
611    
612    -webkit-font-smoothing: antialiased;
613    font-size: var(--font-base-size);
614  }
615
616  .mt-icon-primary {
617    color: #203757;
618  }
619  .mt-icon-secondary {
620    color: #2969BB;
621  }
622  .mt-icon-themecolor {
623    color: #2969BB;
624  }
625  /*
626  .box.primary, .section.primary {
627    background-color: #203757;
628  }
629  .box.secondary, .section.secondary {
630    background-color: #2969BB;
631  }
632  .box.theme, .section.theme {
633    background-color: #2969BB;
634  }
635  .box.tertiary, .section.tertiary {
636    background-color: #203757;
637  }
638  */
639
640  
641    .mt-icon-tertiary {
642      color: #203757;
643    }
644    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"],
645    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"],
646    .st-7 form.djangocms-googlemap-route-planner input[type="submit"],
647    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] {
648      background-color: #203757;
649    }
650    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
651    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
652    .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
653    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover {
654      background-color: #2969BB;
655    }
656
657    .theme-11 .fa-play,
658    .theme-14 .fa-play  {
659      background-color: #203757;
660    }
661    .theme-11 .fa-play:hover,
662    .theme-14 .fa-play:hover {
663      background-color: #2969BB;
664      text-decoration: none;
665    }
666
667    .theme-24 .content-page .youvideo-thumbnail::after {
668      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 476.7 384.3'%3E%3Cpath fill='%232969BB' d='M188 371.9c128.6 37.4 255.5-12.8 283.3-112S417.4 49.8 288.8 12.4C160.1-25 33.3 25.1 5.4 124.4 -22.4 223.7 59.3 334.5 188 371.9'/%3E%3C/svg%3E%0A");
669    }
670
671    /* APP STYLES */
672    /* Messages */
673    .OverViewContainer .postTitle,
674    .modal-body .postTitle {
675      color: #2969BB;
676    }
677
678    /* Event */
679    a.listPostTitle {
680      color: #203757;
681    }
682    .agendaeventTitleContainer h4 {
683      color: #2969BB;
684    }
685
686    .rbc-header,
687    .rbc-toolbar button {
688      background-color: #2969BB !important;
689    }
690    .rbc-toolbar button:active {
691      background-color: #203757 !important;
692    }
693    .rbc-toolbar button.rbc-active,
694    .rbc-toolbar button:hover {
695      background-color: #203757 !important;
696    }
697    .rbc-event {
698      background-color: #203757 !important;
699    }
700
701    /*Photos*/
702    .AlbumOverViewContainer .postTitle {
703      color: #2969BB;
704    }
705
706    /* Theme adjustments */
707    .theme-14 .agendaeventTitleContainer h4,
708    .theme-15 .agendaeventTitleContainer h4 {
709      color: #2969BB;
710    }
711
712    /* EVENT COLORS & MODAL */
713    .post-modal-header {
714      background-color: #2969BB;
715    }
716
717    .modal-body .eventMonth {
718      background: #2969BB;
719    }
720
721    .theme-7 .agendaeventMonth,
722    .theme-9 .agendaeventMonth .bg-primary,
723    .theme-10 .agendaeventMonth .bg-primary,
724    .theme-11 .agendaeventMonth .bg-primary,
725    .theme-13 .agendaeventMonth .bg-primary,
726    .theme-17 .agendaeventMonth .bg-primary,
727    .postOverviewheader.bg-primary.mb-3,
728    .date-container,
729    .card.postOverviewheader {
730      background-color: #2969BB !important;
731    }
732
733    .theme-2 .agendaeventMonth .bg-primary,
734    .theme-3 .agendaeventMonth .bg-primary,
735    .theme-5 .agendaeventMonth .bg-primary,
736    .theme-6 .agendaeventMonth .bg-primary,
737    .theme-8 .agendaeventMonth .bg-primary,
738    .theme-19 .agendaeventMonth .bg-primary {
739      background-color: #203757 !important;
740    }
741    .theme-1 .agendaeventMonth .bg-primary,
742    .theme-4 .agendaeventMonth .bg-primary,
743    .theme-14 .agendaeventMonth .bg-primary,
744    .theme-15 .agendaeventMonth .bg-primary,
745    .theme-20 .agendaeventMonth .bg-primary {
746      background-color: #2969BB !important;
747    }
748
749    .theme-5 h4.card-title.float-left,
750    .theme-6 h4.card-title.float-left,
751    .theme-8 h4.card-title.float-left,
752    a.btn.btn-default.documentBtn.verticalBtn {
753      color: #203757 !important;
754    }
755
756    .theme-4 a.eventPostTitle,
757    .theme-14 h4.card-title.float-left {
758      color: #2969BB !important;
759    }
760
761    .theme-1 a.eventPostTitle:hover,
762    .theme-2 a.eventPostTitle:hover,
763    .theme-4 a.eventPostTitle:hover,
764    .theme-7 a.eventPostTitle:hover,
765    .theme-11 a.eventPostTitle:hover,
766    .theme-13 a.eventPostTitle:hover,
767    .theme-14 a.eventPostTitle:hover,
768    .theme-15 a.eventPostTitle:hover,
769    .theme-17 a.eventPostTitle:hover,
770    .theme-18 a.eventPostTitle:hover,
771    .theme-19 a.eventPostTitle:hover {
772      color: #2969BB;
773    }
774
775    .theme-3 a.eventPostTitle:hover,
776    .theme-5 a.eventPostTitle:hover,
777    .theme-6 a.eventPostTitle:hover,
778    .theme-8 a.eventPostTitle:hover,
779    .theme-9 a.eventPostTitle:hover,
780    .theme-10 a.eventPostTitle:hover,
781    .theme-16 a.eventPostTitle:hover,
782    .theme-20 a.eventPostTitle:hover,
783    .theme-20 a.listPostTitle:hover {
784      color: #203757;
785    }
786
787    .eventStartDate .eventMonth,
788    .theme-7 .modal-body .eventStartDate .eventMonth,
789    .theme-9 .modal-body .eventStartDate .eventMonth,
790    .theme-10 .modal-body .eventStartDate .eventMonth,
791    .theme-11 .modal-body .eventStartDate .eventMonth,
792    .theme-13 .modal-body .eventStartDate .eventMonth,
793    .theme-16 .modal-body .eventStartDate .eventMonth,
794    .theme-17 .modal-body .eventStartDate .eventMonth,
795    .theme-18 .modal-body .eventStartDate .eventMonth,
796    .theme-20 .modal-body .eventStartDate .eventMonth {
797      background-color: #2969BB !important;
798    }
799
800    .theme-1 .modal-body .eventStartDate .eventMonth,
801    .theme-3 .modal-body .eventStartDate .eventMonth,
802    .theme-4 .modal-body .eventStartDate .eventMonth,
803    .theme-5 .modal-body .eventStartDate .eventMonth,
804    .theme-6 .modal-body .eventStartDate .eventMonth,
805    .theme-8 .modal-body .eventStartDate .eventMonth {
806      background-color: #203757 !important;
807    }
808    .theme-14 .modal-body .eventStartDate .eventMonth,
809    .theme-15 .modal-body .eventStartDate .eventMonth {
810      background-color: #2969BB !important;
811    }
812
813    .modal-body h4.postTitle {
814      color: #2969BB !important;
815    }
816
817    .modal-header,
818    .documentListContainer .btn {
819      background-color: #2969BB;
820      color: #ffffff;
821    }
822
823    .modal-header > .modal-title{
824      color: #ffffff;
825    }
826
827    .rbc-btn-group button,
828    .rbc-event,
829    .rbc-header,
830    .rbc-month-header .rbc-header,
831    .rbc-time-header-cell-single-day .rbc-header,
832    .rbc-agenda-view .rbc-agenda-table thead tr {
833      background-color: #2969BB;
834    }
835
836    .custom-select {
837      background: #2969BB url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23FFFFFF' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
838      background-size: 8px 10px;
839    }
840
841    .rbc-toolbar-label {
842      color: #2969BB;
843    }
844  
845
846  /* HEADER, LINK AND ICON COLOR */
847  .nobox.theme_color.colored_text h2,
848  .nobox.theme_color.colored_text h3,
849  .nobox.theme_color.colored_text a,
850  .nobox.theme_color.colored_text .iconplugin-icon,
851  .outline.theme_color.colored_text h2,
852  .outline.theme_color.colored_text h3,
853  .outline.theme_color.colored_text a,
854  .coloredbox.theme_color.colored_text h2,
855  .coloredbox.theme_color.colored_text h3,
856  .coloredbox.theme_color.colored_text a,
857  .greyoutline.theme_color.colored_text h2,
858  .greyoutline.theme_color.colored_text h3,
859  .greyoutline.theme_color.colored_text a,
860  .greybox.theme_color.colored_text h2,
861  .greybox.theme_color.colored_text h3,
862  .greybox.theme_color.colored_text a,
863  .vacancy-container.theme_color h2,
864  .vacancy-list-container.theme_color h3,
865  .contact-banner .nobox.theme_color.colored_text a[href^=tel],
866  .contact-banner .outline.theme_color.colored_text a[href^=tel],
867  .contact-banner .coloredbox.theme_color.colored_text a[href^=tel],
868  .contact-banner .greyoutline.theme_color.colored_text a[href^=tel],
869  .contact-banner .greybox.theme_color.colored_text a[href^=tel] {
870    color: #2969BB;
871  }
872
873  .nobox.primary_color.colored_text h2,
874  .nobox.primary_color.colored_text h3,
875  .nobox.primary_color.colored_text a,
876  .nobox.primary_color.colored_text .iconplugin-icon,
877  .outline.primary_color.colored_text h2,
878  .outline.primary_color.colored_text h3,
879  .outline.primary_color.colored_text a,
880  .coloredbox.primary_color.colored_text h2,
881  .coloredbox.primary_color.colored_text h3,
882  .coloredbox.primary_color.colored_text a,
883  .greyoutline.primary_color.colored_text h2,
884  .greyoutline.primary_color.colored_text h3,
885  .greyoutline.primary_color.colored_text a,
886  .greybox.primary_color.colored_text h2,
887  .greybox.primary_color.colored_text h3,
888  .greybox.primary_color.colored_text a,
889  .vacancy-container.primary_color h2,
890  .vacancy-list-container.primary_color h3,
891  .contact-banner .nobox.primary_color.colored_text a[href^=tel],
892  .contact-banner .outline.primary_color.colored_text a[href^=tel],
893  .contact-banner .coloredbox.primary_color.colored_text a[href^=tel],
894  .contact-banner .greyoutline.primary_color.colored_text a[href^=tel],
895  .contact-banner .greybox.primary_color.colored_text a[href^=tel] {
896    color: #203757;;
897  }
898
899  .nobox.secondary_color.colored_text h2,
900  .nobox.secondary_color.colored_text h3,
901  .nobox.secondary_color.colored_text a,
902  .nobox.secondary_color.colored_text .iconplugin-icon,
903  .outline.secondary_color.colored_text h2,
904  .outline.secondary_color.colored_text h3,
905  .outline.secondary_color.colored_text a,
906  .coloredbox.secondary_color.colored_text h2,
907  .coloredbox.secondary_color.colored_text h3,
908  .coloredbox.secondary_color.colored_text a,
909  .greyoutline.secondary_color.colored_text h2,
910  .greyoutline.secondary_color.colored_text h3,
911  .greyoutline.secondary_color.colored_text a,
912  .greybox.secondary_color.colored_text h2,
913  .greybox.secondary_color.colored_text h3,
914  .greybox.secondary_color.colored_text a,
915  .vacancy-container.secondary_color h2,
916  .vacancy-list-container.secondary_color h3,
917  .contact-banner .nobox.secondary_color.colored_text a[href^=tel],
918  .contact-banner .outline.secondary_color.colored_text a[href^=tel],
919  .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel],
920  .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel],
921  .contact-banner .greybox.secondary_color.colored_text a[href^=tel] {
922    color: #2969BB ;
923  }
924
925  .nobox.tertiary_color.colored_text h2,
926  .nobox.tertiary_color.colored_text h3,
927  .nobox.tertiary_color.colored_text a,
928  .nobox.tertiary_color.colored_text .iconplugin-icon,
929  .outline.tertiary_color.colored_text h2,
930  .outline.tertiary_color.colored_text h3,
931  .outline.tertiary_color.colored_text a,
932  .coloredbox.tertiary_color.colored_text h2,
933  .coloredbox.tertiary_color.colored_text h3,
934  .coloredbox.tertiary_color.colored_text a,
935  .greyoutline.tertiary_color.colored_text h2,
936  .greyoutline.tertiary_color.colored_text h3,
937  .greyoutline.tertiary_color.colored_text a,
938  .greybox.tertiary_color.colored_text h2,
939  .greybox.tertiary_color.colored_text h3,
940  .greybox.tertiary_color.colored_text a,
941  .vacancy-container.tertiary_color h2,
942  .vacancy-list-container.tertiary_color h3,
943  .contact-banner .nobox.tertiary_color.colored_text a[href^=tel],
944  .contact-banner .outline.tertiary_color.colored_text a[href^=tel],
945  .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel],
946  .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel],
947  .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] {
948    color: #203757 ;
949  }
950
951  
952
953  /* GENERIC BANNER & SCHOOL STATISTICS COLORS */
954  .st-10 .icons-wrapper .icon-container .iconplugin-icon,
955  .flex-t10 .icon-container .iconplugin-icon{
956    background-color: #ffffff !important;
957    border: none !important;
958    color: #2969BB !important;
959  }
960
961  .theme-10 .navbar .open-menu,
962  .theme-20 .navbar .open-menu,
963  .theme-21 .navbar .open-menu,
964  .theme-24 .navbar .open-menu,
965  .theme-25 .navbar .open-menu,
966  .st-9 .navbar .open-menu,
967  .st-6 .navbar .open-menu,
968  .st-7 .navbar .open-menu {
969    color: #203757;
970  }
971
972  
973    .st-2 .fourpillar-item,
974    .st-5 .fourpillar-item,
975    .st-6 .fourpillar-item,
976    .contact-banner,
977    .job_card,
978    .search-card,
979    .blog-card,
980    .carousel-tagline .schoolname,
981    .carousel-tagline .school-tagline,
982    #searchModal .search-modal.modal-content,
983    .navbar-theme-16 .nav > li.active > a{
984      border-radius: 8px;
985    }
986
987    .st-2 .fourpillar-item .pillar-icon-top{
988      border-radius: 8px
989    }
990
991    .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{
992      background-color: #2969BB;
993    }
994    .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{
995      background-color: #203757;
996    }
997    .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{
998      background-color: #203757;
999    }
1000    .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{
1001      background-color: #2969BB;
1002    }
1003
1004    .gets-rounded,
1005    .st-9 .main-content.first-row .column,
1006    .st-1 .generic-banners,
1007    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
1008    .slick-arrow{
1009      border-radius: 8px !important;
1010    }
1011
1012    .news__items-horizontal .news__container .news__header {
1013      border-top-left-radius: 8px;
1014      border-top-right-radius: 8px;
1015      overflow: hidden;
1016    }
1017
1018    .st-4 .nav-stacked.gets-rounded{
1019      overflow-y: hidden;
1020      border-bottom: none;
1021    }
1022  
1023
1024  
1025    .st-4 .carousel-tagline .schoolname,
1026    .st-4 .carousel-tagline .school-tagline{
1027      padding: 8px;
1028    }
1029  
1030
1031  [class*="mt-btn"],
1032  .file-plugin,
1033  .btn-share,
1034  .btn-search, .btn-outline {
1035    
1036      border-radius: 99999999px !important;
1037    
1038    
1039    
1040  }
1041
1042  
1043    .file-plugin{
1044      padding-left:20px;
1045    }
1046    .file-plugin--icon{
1047      overflow: hidden;
1048    }
1049  
1050
1051  
1052    .gets-shadow,
1053    .gets-shadow--hover,
1054    .st-1 .generic-banners,
1055    .st-4 .carousel-tagline .schoolname,
1056    .st-4 .carousel-tagline .school-tagline,
1057    .st-9 .main-content.first-row .column,
1058    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
1059    .base-template .icon-container.icon__background.gets-shadow .icon-choice{
1060      
1061        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.03) !important;
1062      
1063    }
1064
1065    .base-template .icon-container.icon__background.gets-shadow,
1066    .base-template .icon-container.nobox.gets-shadow {
1067      box-shadow: none !important;
1068    }
1069
1070    .gets-shadow--hover{
1071      transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1);
1072    }
1073
1074    .verticalPostRow.gets-rounded,
1075    .news__items-horizontal .news {
1076      overflow: hidden;
1077    }
1078
1079    .news__items-horizontal .news .news__body{
1080      padding: 10px;
1081    }
1082
1083    .news__items-horizontal .news .news__footer{
1084      padding-left: 15px;
1085    }
1086
1087    .gets-shadow--hover:hover,
1088    .st-10 .icons-wrapper .icon-container .iconplugin-icon{
1089      
1090        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !important;
1091      
1092    }
1093  
1094
1095  
1096
1097  h1,
1098  h2,
1099  h3,
1100  h4,
1101  h5,
1102  h6{
1103    color: var(--theme-heading-color);
1104    
1105      font-family: var(--heading-ff);
1106    
1107  }
1108
1109  
1110    [class*="mt-btn"],
1111    .file-plugin__button,
1112    .btn-share,
1113    .btn{
1114      font-weight:bold;
1115      
1116    }
1117  
1118</style>
1119
1120
1121<script>
1122  (function() {
1123    var w = 1400;
1124    if (window.innerWidth >= w) {
1125      document.documentElement.classList.add('desktop-nav');
1126    }
1127  })();
1128</script>
1128
1129
1130
1131  <link rel="preconnect" href="https://fonts.googleapis.com">
1132  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1133  
1134    <link href='https://fonts.googleapis.com/css2?family=Merriweather:wght@400;500;700&display=swap' rel='stylesheet' type='text/css'>
1135  
1136
1137
1138
1139
1140
1141
1142  
1143
1144<!-- Modal -->
1145<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true">
1146  <div class="modal-dialog">
1147    <div class="modal-content">
1148      <div class="modal-header py-2 bg-light">
1149        <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5>
1150        <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close">
1151          <span aria-hidden="true">&times;</span>
1152        </button>
1153      </div>
1154      <div class="modal-body">
1155        <p class="user-settings-title">
1156          Tekstgrootte
1157        </p>
1158        <div class="btn-group btn-group-toggle" data-toggle="buttons">
1159          <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false">
1160            <i class="fas fa-font t-1"></i>
1161          </button>
1162          <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false">
1163            <i class="fas fa-font t-1-25"></i>
1164          </button>
1165          <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false">
1166            <i class="fas fa-font t-2"></i>
1167          </button>
1168        </div>
1169      </div>
1170    </div>
1171  </div>
1172</div>
1173
1174
1175    <div class="container-fluid theme-8-login-bar">
1176      <div class="container">
1177        <div class="row d-flex align-items-center">
1178          
1179
1180    <div class="pull-right login-wrapper">
1181      <a href="https://app.socialschools.eu" class="css-tooltip tooltip-login" target="_socialschools" data-toggle="tooltip" data-placement="bottom" data-original-title='Log hier in bij de Social School community.'>Inloggen Social Schools</a>  </div>
1182
1183
1184        </div>
1185      </div>
1186    </div>
1187
1188    <nav class="navbar navbar-expand-xl navbar-theme-8 nav-bg responsive_menu" data-toggle="affix">
1189      <div class="container">
1190        <div class="navbar-header navbar-header-theme-8">
1191          <div class="logo-theme-8 placeholder--logo" href="/">
1192            <a class="school-logo-wrapper logo__sm" href="/">
1193  <img class="school-logo" src="https://blijberg-live-0765d007f39f421284b64c8f5-7d4d987.divio-media.net/filer_public/fb/01/fb0194bf-5551-4fc9-8ed2-592cf8e5750f/lo_harbour_bilingual_hires.jpg" />
1194</a>
1195          </div>
1196          <button type="button" class="navbar-toggler collapsed b-theme" data-toggle="collapse"
1197            data-target="#collapsingNavbarMd" aria-controls="nav-content" aria-expanded="false"
1198            aria-label="Toggle navigation">
1199            <span class="sr-only">Toggle navigation</span>
1200            <span class="navbar-toggler-icon"></span>
1201          </button>
1202        </div>
1203
1204        
1205          <div class="collapse navbar-collapse" id="collapsingNavbarMd">
1206            <ul class="nav navbar-nav navbar-left">
1207              
1208                
1209
1210
1211
1212
1213  
1214    <li class="nav-item ">
1215      <a class="nav-link"
1216          href="/"
1217          >
1218          Home
1219      </a>
1220    </li>
1221  
1222
1223
1224
1225  
1226
1227    <li class="dropdown-parent nav-item dropdown active">
1228      <a class="nav-link"
1229          href="/onze-school/"
1230          >
1231        Onze school
1232      </a>
1233      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1234      <ul class="dropdown-menu">
1235        
1236          <li class="dropdown-item">
1237            <a class="dropdown-link"
1238                href="/onze-school/bestuur/"
1239                >
1240              Stichting BOOR
1241            </a>
1242          </li>
1243        
1244          <li class="dropdown-item">
1245            <a class="dropdown-link"
1246                href="/onze-school/schoolplan/"
1247                >
1248              Visie Harbour IBSR
1249            </a>
1250          </li>
1251        
1252          <li class="dropdown-item">
1253            <a class="dropdown-link"
1254                href="/onze-school/ons-team/"
1255                >
1256              Ons team
1257            </a>
1258          </li>
1259        
1260          <li class="dropdown-item">
1261            <a class="dropdown-link"
1262                href="/onze-school/ouderbetrokkenheid/"
1263                >
1264              Ouderbetrokkenheid
1265            </a>
1266          </li>
1267        
1268          <li class="dropdown-item">
1269            <a class="dropdown-link"
1270                href="/onze-school/job-academie/"
1271                >
1272              Job Academie
1273            </a>
1274          </li>
1275        
1276          <li class="dropdown-item">
1277            <a class="dropdown-link"
1278                href="/onze-school/pilot/"
1279                >
1280              Pilot &quot;Tweetalig onderwijs&quot;
1281            </a>
1282          </li>
1283        
1284          <li class="dropdown-item">
1285            <a class="dropdown-link"
1286                href="/onze-school/extern/"
1287                >
1288              Samenwerkingspartners
1289            </a>
1290          </li>
1291        
1292          <li class="dropdown-item">
1293            <a class="dropdown-link"
1294                href="/onze-school/protocollen/"
1295                >
1296              Protocollen
1297            </a>
1298          </li>
1299        
1300      </ul>
1301    </li>
1302
1303  
1304
1305
1306
1307  
1308
1309    <li class="dropdown-parent nav-item dropdown ">
1310      <a class="nav-link"
1311          href="/ons-onderwijs/"
1312          >
1313        Ons tweetalige onderwijs
1314      </a>
1315      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1316      <ul class="dropdown-menu">
1317        
1318          <li class="dropdown-item">
1319            <a class="dropdown-link"
1320                href="/ons-onderwijs/tpo/"
1321                >
1322              Taal (Nederlands &amp; Engels)
1323            </a>
1324          </li>
1325        
1326          <li class="dropdown-item">
1327            <a class="dropdown-link"
1328                href="/ons-onderwijs/woordenschat/"
1329                >
1330              Rekenen
1331            </a>
1332          </li>
1333        
1334          <li class="dropdown-item">
1335            <a class="dropdown-link"
1336                href="/ons-onderwijs/ipc/"
1337                >
1338              IPC &amp; Burgerschap
1339            </a>
1340          </li>
1341        
1342          <li class="dropdown-item">
1343            <a class="dropdown-link"
1344                href="/ons-onderwijs/executieve-functies/"
1345                >
1346              Executieve functies &amp; Bewegend leren
1347            </a>
1348          </li>
1349        
1350          <li class="dropdown-item">
1351            <a class="dropdown-link"
1352                href="/ons-onderwijs/zorg/"
1353                >
1354              Zorg
1355            </a>
1356          </li>
1357        
1358          <li class="dropdown-item">
1359            <a class="dropdown-link"
1360                href="/ons-onderwijs/gezonde-school/"
1361                >
1362              Gezonde school
1363            </a>
1364          </li>
1365        
1366          <li class="dropdown-item">
1367            <a class="dropdown-link"
1368                href="/ons-onderwijs/muziek-en-gym/"
1369                >
1370              Muziek en Gym
1371            </a>
1372          </li>
1373        
1374      </ul>
1375    </li>
1376
1377  
1378
1379
1380
1381  
1382
1383    <li class="dropdown-parent nav-item dropdown ">
1384      <a class="nav-link"
1385          href="/praktische-informatie/"
1386          >
1387        Praktische informatie
1388      </a>
1389      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1390      <ul class="dropdown-menu">
1391        
1392          <li class="dropdown-item">
1393            <a class="dropdown-link"
1394                href="/praktische-informatie/schooltijden/"
1395                >
1396              Schooltijden
1397            </a>
1398          </li>
1399        
1400          <li class="dropdown-item">
1401            <a class="dropdown-link"
1402                href="/praktische-informatie/ouderbijdrage/"
1403                >
1404              Ouderbijdrage
1405            </a>
1406          </li>
1407        
1408          <li class="dropdown-item">
1409            <a class="dropdown-link"
1410                href="/praktische-informatie/vakantierooster/"
1411                >
1412              Vakantierooster en studiedagen
1413            </a>
1414          </li>
1415        
1416          <li class="dropdown-item">
1417            <a class="dropdown-link"
1418                href="/praktische-informatie/kalender-schoolgids/"
1419                >
1420              Kalender / schoolgids
1421            </a>
1422          </li>
1423        
1424          <li class="dropdown-item">
1425            <a class="dropdown-link"
1426                href="/praktische-informatie/vso-tso-bso/"
1427                >
1428              VSO / BSO
1429            </a>
1430          </li>
1431        
1432          <li class="dropdown-item">
1433            <a class="dropdown-link"
1434                href="/praktische-informatie/privacy/"
1435                >
1436              Privacy en Veiligheid
1437            </a>
1438          </li>
1439        
1440          <li class="dropdown-item">
1441            <a class="dropdown-link"
1442                href="/praktische-informatie/formulieren/"
1443                >
1444              Verlof aanvragen
1445            </a>
1446          </li>
1447        
1448          <li class="dropdown-item">
1449            <a class="dropdown-link"
1450                href="/praktische-informatie/klachtenregeling/"
1451                >
1452              Klachtenregeling
1453            </a>
1454          </li>
1455        
1456      </ul>
1457    </li>
1458
1459  
1460
1461
1462
1463  
1464
1465    <li class="dropdown-parent nav-item dropdown ">
1466      <a class="nav-link"
1467          href="/leerlingen/"
1468          >
1469        Leerlingen
1470      </a>
1471      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1472      <ul class="dropdown-menu">
1473        
1474          <li class="dropdown-item">
1475            <a class="dropdown-link"
1476                href="/leerlingen/student-council/"
1477                >
1478              Student Council
1479            </a>
1480          </li>
1481        
1482          <li class="dropdown-item">
1483            <a class="dropdown-link"
1484                href="/leerlingen/groep12/"
1485                >
1486              Groep 1/2
1487            </a>
1488          </li>
1489        
1490          <li class="dropdown-item">
1491            <a class="dropdown-link"
1492                href="/leerlingen/groep3/"
1493                >
1494              Groep 3
1495            </a>
1496          </li>
1497        
1498          <li class="dropdown-item">
1499            <a class="dropdown-link"
1500                href="/leerlingen/groep4/"
1501                >
1502              Groep 4
1503            </a>
1504          </li>
1505        
1506          <li class="dropdown-item">
1507            <a class="dropdown-link"
1508                href="/leerlingen/groep5/"
1509                >
1510              Groep 5
1511            </a>
1512          </li>
1513        
1514          <li class="dropdown-item">
1515            <a class="dropdown-link"
1516                href="/leerlingen/groep6/"
1517                >
1518              Groep 6
1519            </a>
1520          </li>
1521        
1522          <li class="dropdown-item">
1523            <a class="dropdown-link"
1524                href="/leerlingen/groep7/"
1525                >
1526              Groep 7
1527            </a>
1528          </li>
1529        
1530          <li class="dropdown-item">
1531            <a class="dropdown-link"
1532                href="/leerlingen/groep8/"
1533                >
1534              Groep 8
1535            </a>
1536          </li>
1537        
1538      </ul>
1539    </li>
1540
1541  
1542
1543
1544
1545  
1546    <li class="nav-item ">
1547      <a class="nav-link"
1548          href="/aanmelding-nieuwe-leerlingen/"
1549          >
1550          Aanmelden
1551      </a>
1552    </li>
1553  
1554
1555
1556
1557  
1558    <li class="nav-item ">
1559      <a class="nav-link"
1560          href="/contact/"
1561          >
1562          Contact
1563      </a>
1564    </li>
1565  
1566
1567
1568              
1569            </ul>
1570            <div class="sm-head-theme-8 d-inline-flex ml-auto"></div>
1571            <!-- SEARCH FUNCTION -->
1572
1573<!-- END SEARCH FUNCTION -->
1574          </div>
1575        
1576      </div>
1577    </nav>
1578
1579    <div class="footer-row-expand">
1580      
1581    <div class="container content-theme-8">
1582        <div class="row pillars-theme-8 hidden-sm hidden-xs">
1583            <div class="col-md-12 placeholer--icons">
1584                
1585
1586
1587  <div class="generic-banner generic-banner__modern gets-rounded gets-shadow theme_color white_text  plugin-block">
1588
1589
1590<div class="generic-banner-mask-theme-5"></div>
1591
1592<div class="generic-banner-image" style="background-image: url(https://blijberg-live-0765d007f39f421284b64c8f5-7d4d987.divio-media.net/filer_public_thumbnails/filer_public/7a/42/7a425131-0839-47ae-b385-514fc43f76b8/februari.jpeg__800x800_q100_subject_location-445%2C925_subsampling-2.jpg);background-position: 37.083333333333336% 57.8125%">
1593  <div class="generic-banner-overlay" style="background-color: rgba(255, 255, 255, 0.0); width:100%; height: 100%;">
1594  </div>
1595</div>
1596<div class="generic-banner-mask-theme-3"></div>
1597
1598<div class="generic-banner-content text-left justify-content-center">
1599  <div class="generic-banner-title">
1600    <h3 class="generic-banner-title__text">Ontdek onze school</h3>
1601  </div>
1602  
1603</div>
1604
1605
1606  </div>
1607
1608
1609            </div>
1610        </div>
1611        <div class="row">
1612            <div class="col-md-4">
1613                <ul class="nav nav-tabs nav-stacked gets-rounded gets-shadow">
1614                
1615
1616	
1617		<li class="nav-item ">
1618			<a class="nav-link"
1619			href="/onze-school/bestuur/"
1620			>Stichting BOOR</a>
1621		</li>
1622	
1623
1624
1625	
1626		<li class="nav-item ">
1627			<a class="nav-link"
1628			href="/onze-school/schoolplan/"
1629			>Visie Harbour IBSR</a>
1630		</li>
1631	
1632
1633
1634	
1635		<li class="nav-item ">
1636			<a class="nav-link"
1637			href="/onze-school/ons-team/"
1638			>Ons team</a>
1639		</li>
1640	
1641
1642
1643	
1644		<li class="nav-item ">
1645			<a class="nav-link"
1646			href="/onze-school/ouderbetrokkenheid/"
1647			>Ouderbetrokkenheid</a>
1648		</li>
1649	
1650
1651
1652	
1653		<li class="nav-item ">
1654			<a class="nav-link"
1655			href="/onze-school/job-academie/"
1656			>Job Academie</a>
1657		</li>
1658	
1659
1660
1661	
1662		<li class="nav-item ">
1663			<a class="nav-link"
1664			href="/onze-school/pilot/"
1665			>Pilot &quot;Tweetalig onderwijs&quot;</a>
1666		</li>
1667	
1668
1669
1670	
1671		<li class="nav-item ">
1672			<a class="nav-link"
1673			href="/onze-school/extern/"
1674			>Samenwerkingspartners</a>
1675		</li>
1676	
1677
1678
1679	
1680		<li class="nav-item ">
1681			<a class="nav-link"
1682			href="/onze-school/protocollen/"
1683			>Protocollen</a>
1684		</li>
1685	
1686
1687
1688
1689                </ul>
1690            </div>
1691            <div class="col-md-8 placeholder--main">
1692                <h1 class="pb-3">Onze school</h1>
1693                <p>Welkom bij Harbour Bilingual, waar wij trots zijn op onze unieke onderwijsaanp
1693ak. Onze onderwijsstrategie is ontworpen om leerlingen met diverse culturele achtergronden voor te bereiden op een succesvolle toekomst als wereldburgers. We nodigen u uit meer te ontdekken over hoe wij dit realiseren.</p>
1694
1695<p>Maak een keuze uit het menu aan de linkerzijde van deze pagina om onder andere meer te leren over onze visie, het toegewijde team, onze aanpak van ouderbetrokkenheid, en onze samenwerkingen met externe organisaties. Elk van deze elementen speelt een cruciale rol in het vormgeven van de onderwijservaring bij Harbour Bilingual.</p>
1696
1697<p>Daarnaast kunt u <a href="https://scholenopdekaart.nl/basisscholen/rotterdam/7129/harbour-ibsr-bilingual/">hier</a> klikken om naar de website 'Scholen op de Kaart' te gaan, waar u gedetailleerde informatie vindt over alle scholen in Nederland, inclusief die van ons. Deze gegevens zijn afkomstig van DUO, de Inspectie van het Onderwijs en onze school zelf.</p>
1698            </div>
1699        </div>
1700    </div>
1701
1702    </div>
1703
1704    <footer class="footer-row">
1705      <div class="container">
1706        <div class="row row-banners banners-theme-8 mt-3">
1707          <div class="col-md-12 placeholder--featured">
1708            
1709          </div>
1710        </div>
1711      </div>
1712      <div class="css-footer footer-bg">
1713        
1714          <div class="container">
1715            <div class="row">
1716              <div class="col-md-10">
1717                
1718
1719
1720
1721
1722<div class="row">
1723  
1724    
1725  
1726    
1727      <div class="col-md-2 item-list">
1728        <a href="/onze-school/" class="main-item">Onze school</a>
1729        
1730          <a href="/onze-school/bestuur/" class="sub-item">Stichting BOOR</a>
1731        
1732          <a href="/onze-school/schoolplan/" class="sub-item">Visie Harbour IBSR</a>
1733        
1734          <a href="/onze-school/ons-team/" class="sub-item">Ons team</a>
1735        
1736          <a href="/onze-school/ouderbetrokkenheid/" class="sub-item">Ouderbetrokkenheid</a>
1737        
1738          <a href="/onze-school/job-academie/" class="sub-item">Job Academie</a>
1739        
1740          <a href="/onze-school/pilot/" class="sub-item">Pilot &quot;Tweetalig onderwijs&quot;</a>
1741        
1742          <a href="/onze-school/extern/" class="sub-item">Samenwerkingspartners</a>
1743        
1744          <a href="/onze-school/protocollen/" class="sub-item">Protocollen</a>
1745        
1746      </div>
1747    
1748  
1749    
1750      <div class="col-md-2 item-list">
1751        <a href="/ons-onderwijs/" class="main-item">Ons tweetalige onderwijs</a>
1752        
1753          <a href="/ons-onderwijs/tpo/" class="sub-item">Taal (Nederlands &amp; Engels)</a>
1754        
1755          <a href="/ons-onderwijs/woordenschat/" class="sub-item">Rekenen</a>
1756        
1757          <a href="/ons-onderwijs/ipc/" class="sub-item">IPC &amp; Burgerschap</a>
1758        
1759          <a href="/ons-onderwijs/executieve-functies/" class="sub-item">Executieve functies &amp; Bewegend leren</a>
1760        
1761          <a href="/ons-onderwijs/zorg/" class="sub-item">Zorg</a>
1762        
1763          <a href="/ons-onderwijs/gezonde-school/" class="sub-item">Gezonde school</a>
1764        
1765          <a href="/ons-onderwijs/muziek-en-gym/" class="sub-item">Muziek en Gym</a>
1766        
1767      </div>
1768    
1769  
1770    
1771      <div class="col-md-2 item-list">
1772        <a href="/praktische-informatie/" class="main-item">Praktische informatie</a>
1773        
1774          <a href="/praktische-informatie/schooltijden/" class="sub-item">Schooltijden</a>
1775        
1776          <a href="/praktische-informatie/ouderbijdrage/" class="sub-item">Ouderbijdrage</a>
1777        
1778          <a href="/praktische-informatie/vakantierooster/" class="sub-item">Vakantierooster en studiedagen</a>
1779        
1780          <a href="/praktische-informatie/kalender-schoolgids/" class="sub-item">Kalender / schoolgids</a>
1781        
1782          <a href="/praktische-informatie/vso-tso-bso/" class="sub-item">VSO / BSO</a>
1783        
1784          <a href="/praktische-informatie/privacy/" class="sub-item">Privacy en Veiligheid</a>
1785        
1786          <a href="/praktische-informatie/formulieren/" class="sub-item">Verlof aanvragen</a>
1787        
1788          <a href="/praktische-informatie/klachtenregeling/" class="sub-item">Klachtenregeling</a>
1789        
1790      </div>
1791    
1792  
1793    
1794      <div class="col-md-2 item-list">
1795        <a href="/leerlingen/" class="main-item">Leerlingen</a>
1796        
1797          <a href="/leerlingen/student-council/" class="sub-item">Student Council</a>
1798        
1799          <a href="/leerlingen/groep12/" class="sub-item">
1799Groep 1/2</a>
1800        
1801          <a href="/leerlingen/groep3/" class="sub-item">Groep 3</a>
1802        
1803          <a href="/leerlingen/groep4/" class="sub-item">Groep 4</a>
1804        
1805          <a href="/leerlingen/groep5/" class="sub-item">Groep 5</a>
1806        
1807          <a href="/leerlingen/groep6/" class="sub-item">Groep 6</a>
1808        
1809          <a href="/leerlingen/groep7/" class="sub-item">Groep 7</a>
1810        
1811          <a href="/leerlingen/groep8/" class="sub-item">Groep 8</a>
1812        
1813      </div>
1814    
1815  
1816    
1817      <div class="col-md-2 item-list">
1818        <a href="/aanmelding-nieuwe-leerlingen/" class="main-item">Aanmelden</a>
1819        
1820      </div>
1821    
1822  
1823    
1824      <div class="col-md-2 item-list">
1825        <a href="/contact/" class="main-item">Contact</a>
1826        
1827      </div>
1828    
1829  
1830</div>
1831
1832              </div>
1833              <div class="col-md-2 footer-contact-area">
1834                <div class="row">
1835                  <div class="col-md-12 item-list">
1836                    
1837                  </div>
1838                </div>
1839              </div>
1840            </div>
1841            <div class="row">
1842              <div class="col-md-12 footer-privacy">
1843                
1844
1845<div id="privacy_footer">
1846  <div class="privacy_menu">
1847    <ul class="privacy_menu-nav">
1848      
1849      
1850      
1851      
1852      
1853      
1854        <li class="privacy_menu-item">
1855          <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a>
1856        </li>
1857      
1858    </ul>
1859    
1860    
1861    
1862      <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p>
1863    
1864  </div>
1865  
1866  
1867    
1868  
1869</div>
1870
1871              </div>
1872            </div>
1873          </div>
1874        
1875      </div>
1876    </footer>
1877    
1878
1879
1880    
1880<script>
1881      function loadUserlaneAttributes() {
1882        Userlane('identify', 'AnonymousUser', {
1883          vier_pilaren: true,
1884          header_img: true,
1885          header_text: true,
1886          waardes: false,
1887          featured: true
1888        });
1889      }
1890    </script>
1890
1891    
1892
1893
1894
1895  
1895<script defer type="text/javascript" src="https://blijberg-live-0765d007f39f421284b64c8f5-7d4d987.divio-media.net/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
1895
1896  
1896<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
1896
1897  
1897<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
1897
1898
1899
1900  
1900<script type="text/javascript" src="https://blijberg-live-0765d007f39f421284b64c8f5-7d4d987.divio-media.net/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
1900
1901  
1901<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
vendor: 1 bytes, line 1901
1901
1902<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
1902
1903
1904<style>
1905  
1906  .cms-toolbar-expanded .klaro .cookie-notice{top: 66px; right: 20px; bottom: auto; left: auto;} .cookie-notice {top: 20px; right: 20px; bottom: auto; left: auto;};
1907</style>
1908
1909
1910
1911
1912<script>
1913  /**
1914   * Add translations to the CKEditor syles dropdown
1915   */
1916   window.addEventListener("DOMContentLoaded", (event) => {
1917
1918    // Add consent events to the dataLayer
1919    window.dataLayer = window.dataLayer || [];
1920    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500)
1921    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500)
1922
1923    if (window.CKEDITOR) {
1924      // add translations for each CKEditor on load
1925      CKEDITOR.on('instanceReady', function(){
1926        window.CKEDITOR.stylesSet.registered.default.find((styleSet) => {
1927          if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) {
1928            if (styleSet.attributes.class == "c-theme") {
1929              styleSet.name = 'Thema kleur';
1930            }
1931            if (styleSet.attributes.class == "c-primary") {
1932              styleSet.name = 'Primaire kleur';
1933            }
1934            if (styleSet.attributes.class == "c-secondary") {
1935              styleSet.name = 'Secondaire kleur';
1936            }
1937            if (styleSet.attributes.class == "c-tertiary") {
1938              styleSet.name = 'Tertiaire kleur';
1939            }
1940          }
1941        })
1942      });
1943    }
1944  });
1945</script>
1945
1946
1947    
1948  
1948<script>
1949    $('.cms-alert').each(function(){
1950      $(this).on('closed.bs.alert', function (e) {
1951        const { id } = e.currentTarget.dataset;
1952        const cookieName = `socs-announcements-${id}`;
1953        setCookie(cookieName, 'closed', 1);
1954      });
1955    });
1956  </script>
1956
1957
1958
1959    
1960    
1961
1962
1963
1964    
1965<!-- Modal -->
1966<div
1967  class="modal fade"
1968  id="searchModal"
1969  tabindex="-1"
1970  role="dialog"
1971  aria-hidden="true"
1972>
1973  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1974    <span aria-hidden="true">&times;</span>
1975  </button>
1976  <div class="modal-dialog" role="document">
1977    <div class="modal-content search-modal gets-rounded gets-shadow--hover">
1978      <div class="modal-body">
1979        <div class="search-input">
1980          <form action="/zoek-resultaten" method="GET" id="search-form">
1981            <i class="fa fa-search"></i>
1982            <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' />
1983            <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button>
1984          </form>
1985        </div>
1986      </div>
1987    </div>
1988  </div>
1989</div>
1990
1991    
1992
1993
1994
1995  </body>
1996
1997</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.