PageSourceSearch

https://www.schoolfranciscus.nl/

html schoolfranciscus.nl collected 2026-10-04 01:47:58 UTC 52,026 bytes, 2,113 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="nl">
6
7  <head>
8    
9
10
11
12    
13
14    
15    
16      
17
18	
19	
20	
21	
22		<meta property="og:title" content="Home">
23		<meta property="og:url" content="https://www.schoolfranciscus.nl/">
24		
25		
26		<meta property="og:type" content="Article">
27		
28		
29		
30		
31		
32		
33		
34		
35		
36		
37		
38	
39	
40		<meta name="twitter:domain" content="www.schoolfranciscus.nl">
41		<meta name="twitter:card" content="summary">
42		<meta name="twitter:title" content="Home">
43		<meta name="twitter:url" content="https://www.schoolfranciscus.nl/">
44		
45		
46		
47		
48	
49  
50	
51	
52	
53
54
55    
56    <meta charset="utf-8">
57    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
58    <meta name="csrf-token" content="zyUtjLqw9cmCMzDWWY6Z1MVZ0lm176kCXN8GAZiiZlxhlvEl1wyBiGgsnqcxXOoY">
59    <meta name="description" content="">
60    <meta name="keywords" content="">
61    <meta name="author" content="Changer">
62    <meta name="viewport" content="width=device-width, initial-scale=1">
63    <title>Home</title>
64
65    
66      <link rel="stylesheet" href="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/static/css/templates/flexible/styles-flexible.1b5250a7c627.css">
67    
68
69  <link rel="stylesheet" href="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/static/css/plugins/carousel/slick.c7d2dc6abf78.css" />
70  <link rel="stylesheet" href="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/static/css/plugins/carousel/slick-theme.f35543846d59.css" />
71
72
73
74    
75
76    <style>
77.home-page .box .generic-banner {
78    height: 100% !important;
79}
80
81.open-menu {
82    color: white !important;
83}
84</style>
85    
86    
87
88  </head>
89
90  <body class="flexi page-home home-page ">
91    
92
93
94
95
96
97
98
99    
100
101
102
103
104    
105    
106
107
108
109<style type="text/css">
110  :root{
111    --theme-color: #6D4387;
112    --primary-color: #A2C80B;
113    --secondary-color: #B24F88;
114    --tertiary-color: #FF7144;
115    --footer-color: #6D4387;
116    --footer-link-color: #FFFFFF;
117    --nav-link-color: #FFFFFF;
118    --nav-bg-color: #6D4387;
119    --topbar-bg-color: #FFFFFF;
120    --background-color: #FFFFFF;
121    --theme-heading-color: var(--theme-color);
122    --theme-hero-bg: #ffffff;
123    --theme-hero-color: #ffffff;
124    --font-base-size: 16px;
125    --file-background-color: #6D4387;
126    --file-text-color: #FFFFFF;
127    --link-text-color: #6D4387;
128    --quote-ff: ;
129    
130      --heading-ff: "", system-ui, sans-serif;
131    
132    --mobile-mode-width: 1400;
133    
134      --theme-border-radius: 8px;
135    
136    
137      
138        --theme-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02);
139      
140    
141  }
142
143  /*
144    Navbar inline css to fix issue related to "more" navbar after plugin add
145    PORTAL-434 & PORTAL-892
146  */
147  /* Navbar MORE menu fix begins here */
148  div.cms .cms-toolbar-item-navigation li {
149    position: relative;
150    float: left;
151  }
152  div.cms .cms-toolbar-item-navigation li ul {
153    display: none;
154  }
155  .cms-toolbar-item.cms-toolbar-item-buttons {
156    display: inline-block;
157  }
158  /* Navbar MORE menu fix ends here */
159
160  .navbar-nav .nav-link{
161    color: #FFFFFF;
162  }
163
164  a, a:hover {
165    color: #6D4387;
166  }
167
168  a.maps-web-btn {
169    background-color: #6D4387;
170  }
171
172  button[type=submit],
173  .btn-jobs-modal {
174    background-color: #6D4387;
175  }
176
177  .quote-text {
178    font-family: var(--quote-ff);
179  }
180
181  .theme-13 h2,
182  .theme-14 h2 {
183    color: #A2C80B;
184  }
185
186  .caret {
187    color: #6D4387;
188  }
189
190  /* BLOG / JOBS / FAQ / SEARCH */
191
192  
193
194  .page-link:hover,
195  .list-group-item:hover,
196  .list-group-item:focus {
197    color: #6D4387;
198    background-color: #f7f7f7;
199  }
200
201  a.nav-link.newsblog-nav-link,
202  a.nav-link.faq-nav-link {
203    background: #A2C80B;
204  }
205
206  .faq-overview-list h3:hover {
207    color: #6D4387;
208    text-decoration: none;
209  }
210
211  .search-pagination .page-item.active .page-link {
212    background-color: #6D4387;
213    border-color: #6D4387;
214  }
215
216  /* TABBABLE */
217  
218    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
219      background-color: #FFFFFF;
220      border-color: #dee2e6 #FFFFFF;
221    }
222  
223
224
225  /* LOGIN */
226  .btn-tooltip-login,
227  .btn-tooltip-register {
228    background-color: #6D4387;
229    border-color: #6D4387;
230  }
231
232  .carousel-theme-6,
233  .carousel-theme-4 .carousel-tagline-wrapper {
234    background-color: #A2C80B;
235  }
236
237  .carousel-theme-8 .schoolname,
238  .carousel-theme-9 .schoolname,
239  .theme-8 .introduction-left {
240    background-color: #6D4387
241  }
242
243  .theme-8 .introduction-right,
244  .theme-8 .school-tagline,
245  .theme-9 .school-tagline {
246    background-color: #A2C80B;
247  }
248
249  .agenda-plugin .event-icon {
250    background-color: #6D4387;
251  }
252
253  .agendaeventMonth .bg-primary {
254    background-color: #A2C80B !important;
255  }
256
257  
258
259  .navbar .nav .dropdown.active > .dropdown-toggle,
260  .navbar .nav .nav-item.active > .nav-link,
261  .navbar-theme-4.navbar .nav .nav-item.active,
262  .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{
263    color: #6D4387;
264  }
265
266  .content-theme-5 .nav,
267  .content-theme-5 .nav-stacked > li > a,
268  .content-theme-5 .nav-stacked > li > a:hover,
269  .content-theme-5 .nav-stacked > li > a:focus,
270  .content-theme-5 .nav-stacked > .active a,
271  .theme-7 .nav-stacked li a:hover,
272  .content-theme-8 .nav,
273  .content-theme-8 .nav-stacked > li > a,
274  .content-theme-8 .nav-stacked > li > a:hover,
275  .content-theme-8 .nav-stacked > li > a:focus,
276  .content-theme-8 .nav-stacked > .active a {
277    background-color: #6D4387;
278  }
279
280  .theme-10 .content-theme-10 .nav-stacked > li > a:hover,
281  .theme-10 .content-theme-10 .nav-stacked > li > a:focus,
282  .theme-20 .content-theme-20 .nav-stacked > li > a:hover,
283  .theme-20 .content-theme-20 .nav-stacked > li > a:focus,
284  .theme-25 .content-theme-20 .nav-stacked > li > a:hover,
285  .theme-25 .content-theme-20 .nav-stacked > li > a:focus {
286    border-bottom: 1px solid #6D4387;
287    color: #6D4387;
288  }
289
290  .theme-10 .content-theme-10 .nav-stacked > .active a,
291  .theme-20 .content-theme-20 .nav-stacked > .active a,
292  .theme-25 .content-theme-25 .nav-stacked > .active a {
293    color: #6D4387;
294  }
295
296  .theme-10 .content-theme-10 .nav-stacked > .active a:hover,
297  .theme-20 .content-theme-20 .nav-stacked > .active a:hover,
298  .theme-25 .content-theme-25 .nav-stacked > .active a:hover {
299    border-bottom: 1px solid #6D4387;
300    color: #6D4387;
301  }
302
303  .theme-10 .pull-right.css-login .btn,
304  .theme-20 .pull-right.css-login .btn,
305  .theme-25 .pull-right.css-login .btn {
306    background-color: #A2C80B;
307    border-color: #A2C80B;
308  }
309
310  .theme-10 .pull-right.css-login .btn:hover,
311  .theme-20 .pull-right.css-login .btn:hover,
312  .theme-25 .pull-right.css-login .btn:hover {
313    background-color: #B24F88;
314    border-color:  #B24F88;
315  }
316
317  .theme-6 .navbar .nav > li.active > a,
318  .navbar-theme-14  .nav .nav-item.active{
319    color: #6D4387;
320    border-bottom: 3px solid #6D4387;
321  }
322
323  .navbar-default .nav .active a:hover {
324    color: #FFFFFF;
325    background-color: #6D4387;
326    text-shadow: none;
327  }
328
329  .navbar .nav .nav-item .nav-link:hover,
330  .navbar .nav .nav-item .nav-link:focus{
331    background-color: #6D4387;
332  }
333
334  @media (min-width: 1200px) {
335    .theme-8 .responsive_menu .nav .nav-item:hover,
336    .theme-4 .responsive_menu .nav .nav-item:hover {
337      background-color: #6D4387;
338    }
339  }
340
341  .theme-12 .css-carousel-description > .css-carousel-description-background,
342  .theme-5 .css-carousel-description > .css-carousel-description-background {
343    background-color: #6D4387;
344  }
345  .nav-stacked .active > a {
346    border-left: 4px solid #6D4387 !important;
347  }
348  .nav-stacked .active a, .nav-stacked a:hover {
349    background-color: #fafafa;
350    color: #555555;
351  }
352  .circle {
353    -webkit-box-shadow: 0 0 10px #6D4387;
354    -moz-box-shadow: 0 0 10px #6D4387;
355    box-shadow: 0 0 10px #6D4387;
356  }
357
358  .navbar-theme-3 .nav > .nav-item.active > .nav-link,
359  .navbar-theme-4 .nav > .nav-item.active,
360  .navbar-theme-7 .nav > .nav-item.active > .nav-link,
361  .navbar-theme-8 .nav > .nav-item.active > .nav-link,
362  .navbar-theme-10 .nav > .nav-item.active > .nav-link {
363    border-color: #6D4387;
364  }
365
366  .theme-10-login-bar a:hover,
367  .theme-13-login-bar a:hover {
368    color: #6D4387;
369  }
370
371  .btn-navbar i {
372    color: #6D4387;
373  }
374
375  .navbar-theme-3 .dropdown-menu > li > a,
376  .navbar-theme-4 .dropdown-menu > li > a,
377  .navbar-theme-5 .dropdown-menu > li > a,
378  .navbar-theme-6 .dropdown-menu > li > a,
379  .navbar-theme-7 .dropdown .dropdown-item,
380  .navbar-theme-8 .dropdown-menu > li > a,
381  .navbar-theme-9 .dropdown-menu > li > a,
382  .navbar-theme-10 .dropdown-menu > li > a,
383  .navbar-theme-11 .dropdown-menu > li > a,
384  .navbar-theme-13 .dropdown-menu > li > a,
385  .navbar-theme-20 .dropdown-menu > li > a,
386  .navbar-theme-25 .dropdown-menu > li > a,
387  .navbar-st-7 .dropdown-menu > li > a,
388  .navbar-theme-22 .dropdown-menu > li > a {
389    color: #6D4387;
390  }
391
392  .navbar-theme-12 .navbar-toggle span.icon-bar {
393    background-color: #FFFFFF;
394  }
395
396  .navbar-theme-3 .navbar-toggle span.icon-bar,
397  .navbar-theme-4 .navbar-toggle span.icon-bar,
398  .navbar-theme-5 .navbar-toggle span.icon-bar,
399  .navbar-theme-6 .navbar-toggle span.icon-bar,
400  .navbar-theme-7 .navbar-toggle span.icon-bar,
401  .navbar-theme-8 .navbar-toggle span.icon-bar,
402  .navbar-theme-10 .navbar-toggle span.icon-bar,
403  .navbar-theme-11 .navbar-toggle span.icon-bar,
404  .navbar-theme-13 .navbar-toggle span.icon-bar,
405  .navbar-theme-20 .navbar-toggle span.icon-bar,
406  .navbar-theme-25 .navbar-toggle span.icon-bar,
407  .navbar-st-7 .navbar-toggle span.icon-bar,
408  .navbar-theme-22 .navbar-toggle span.icon-bar  {
409    background-color: #6D4387;
410  }
411
412  .css-cmsplugin_gallery .carousel-indicators .active {
413    background-color: #6D4387;
414  }
415
416  .item-primarycolor a,
417  .item-primarycolor a:hover {
418    color: #6D4387;
419  }
420  .item-themecolor a,
421  .item-themecolor a:hover {
422    color: #6D4387;
423  }
424
425  .theme-11 .widgets-theme-11 h2,
426  .theme-13 .widgets-theme-13 h2,
427  .theme-14 .widgets-theme-13 h2 {
428    color: #A2C80B;
429  }
430
431  .theme-13 .bottom-1 .generic-banner,
432  .theme-14 .bottom-1 .generic-banner,
433  .theme-15 .bottom-1 .generic-banner {
434    background-color: #FF7144;
435  }
436  .theme-13 .bottom-2 .generic-banner,
437  .theme-14 .bottom-2 .generic-banner,
438  .theme-15 .bottom-2 .generic-banner {
439    background-color: #6D4387;
440  }
441  .theme-13 .bottom-3 .generic-banner,
442  .theme-14 .bottom-3 .generic-banner,
443  .theme-15 .bottom-3 .generic-banner {
444    background-color: #A2C80B;
445  }
446  .theme-13 .bottom-4 .generic-banner,
447  .theme-14 .bottom-4 .generic-banner ,
448  .theme-15 .bottom-4 .generic-banner{
449    background-color: #B24F88;
450  }
451
452  .banners-theme4 h2 {
453    color: #B24F88;
454  }
455
456  .carousel-theme-10 h1:before,
457  .carousel-theme-10 h2:before,
458  .carousel-theme-13 h1:before,
459  .carousel-theme-13 h2:before {
460    background-color: #A2C80B;
461  }
462
463  .theme-10 .news-plugin h3,
464  .theme-10 .news-plugin a,
465  .theme-10 .agenda-plugin h3,
466  .theme-10 .agenda-plugin a,
467  .theme-13 .news-plugin h3,
468  .theme-13 .news-plugin a,
469  .theme-13 .agenda-plugin h3,
470  .theme-13 .agenda-plugin a,
471  .theme-20 .news-plugin h3,
472  .theme-20 .news-plugin a,
473  .theme-20 .agenda-plugin h3,
474  .theme-20 .agenda-plugin a,
475  .theme-25 .news-plugin h3,
476  .theme-25 .news-plugin a,
477  .theme-25 .agenda-plugin h3,
478  .theme-25 .agenda-plugin a {
479    color: #6D4387;
480  }
481
482  .theme-11-news-agenda h2,
483  .theme-13-news-agenda h2 {
484    color: #6D4387;
485  }
486
487  .theme-11 .pager li > a, .pager li > span,
488  .theme-13 .pager li > a, .pager li > span {
489    background-color: #6D4387;
490  }
491  .theme-11 .pager li > a:hover,
492  .theme-13 .pager li > a:hover {
493    background-color: #B24F88;
494  }
495
496  /* ADD BACKGROUND IMAGE TO THEME */
497  body{
498    
499      background: #FFFFFF;
500    
501  }
502
503  body,
504  html {
505    
506      font-family: "", system-ui, sans-serif;
507    
508    -webkit-font-smoothing: antialiased;
509    font-size: var(--font-base-size);
510  }
511
512  .mt-icon-primary {
513    color: #A2C80B;
514  }
515  .mt-icon-secondary {
516    color: #B24F88;
517  }
518  .mt-icon-themecolor {
519    color: #6D4387;
520  }
521  /*
522  .box.primary, .section.primary {
523    background-color: #A2C80B;
524  }
525  .box.secondary, .section.secondary {
526    background-color: #B24F88;
527  }
528  .box.theme, .section.theme {
529    background-color: #6D4387;
530  }
531  .box.tertiary, .section.tertiary {
532    background-color: #FF7144;
533  }
534  */
535
536  
537    .mt-icon-tertiary {
538      color: #FF7144;
539    }
540    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"],
541    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"],
542    .st-7 form.djangocms-googlemap-route-planner input[type="submit"],
543    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] {
544      background-color: #A2C80B;
545    }
546    .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
547    .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
548    .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover,
549    .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover {
550      background-color: #B24F88;
551    }
552
553    .theme-11 .fa-play,
554    .theme-14 .fa-play  {
555      background-color: #A2C80B;
556    }
557    .theme-11 .fa-play:hover,
558    .theme-14 .fa-play:hover {
559      background-color: #6D4387;
560      text-decoration: none;
561    }
562
563    .theme-24 .content-page .youvideo-thumbnail::after {
564      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='%236D4387' 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");
565    }
566
567    /* APP STYLES */
568    /* Messages */
569    .OverViewContainer .postTitle,
570    .modal-body .postTitle {
571      color: #6D4387;
572    }
573
574    /* Event */
575    a.listPostTitle {
576      color: #A2C80B;
577    }
578    .agendaeventTitleContainer h4 {
579      color: #B24F88;
580    }
581
582    .rbc-header,
583    .rbc-toolbar button {
584      background-color: #6D4387 !important;
585    }
586    .rbc-toolbar button:active {
587      background-color: #A2C80B !important;
588    }
589    .rbc-toolbar button.rbc-active,
590    .rbc-toolbar button:hover {
591      background-color: #A2C80B !important;
592    }
593    .rbc-event {
594      background-color: #A2C80B !important;
595    }
596
597    /*Photos*/
598    .AlbumOverViewContainer .postTitle {
599      color: #6D4387;
600    }
601
602    /* Theme adjustments */
603    .theme-14 .agendaeventTitleContainer h4,
604    .theme-15 .agendaeventTitleContainer h4 {
605      color: #B24F88;
606    }
607
608    /* EVENT COLORS & MODAL */
609    .post-modal-header {
610      background-color: #6D4387;
611    }
612
613    .modal-body .eventMonth {
614      background: #B24F88;
615    }
616
617    .theme-7 .agendaeventMonth,
618    .theme-9 .agendaeventMonth .bg-primary,
619    .theme-10 .agendaeventMonth .bg-primary,
620    .theme-11 .agendaeventMonth .bg-primary,
621    .theme-13 .agendaeventMonth .bg-primary,
622    .theme-17 .agendaeventMonth .bg-primary,
623    .postOverviewheader.bg-primary.mb-3,
624    .date-container,
625    .card.postOverviewheader {
626      background-color: #6D4387 !important;
627    }
628
629    .theme-2 .agendaeventMonth .bg-primary,
630    .theme-3 .agendaeventMonth .bg-primary,
631    .theme-5 .agendaeventMonth .bg-primary,
632    .theme-6 .agendaeventMonth .bg-primary,
633    .theme-8 .agendaeventMonth .bg-primary,
634    .theme-19 .agendaeventMonth .bg-primary {
635      background-color: #A2C80B !important;
636    }
637    .theme-1 .agendaeventMonth .bg-primary,
638    .theme-4 .agendaeventMonth .bg-primary,
639    .theme-14 .agendaeventMonth .bg-primary,
640    .theme-15 .agendaeventMonth .bg-primary,
641    .theme-20 .agendaeventMonth .bg-primary {
642      background-color: #B24F88 !important;
643    }
644
645    .theme-5 h4.card-title.float-left,
646    .theme-6 h4.card-title.float-left,
647    .theme-8 h4.card-title.float-left,
648    a.btn.btn-default.documentBtn.verticalBtn {
649      color: #A2C80B !important;
650    }
651
652    .theme-4 a.eventPostTitle,
653    .theme-14 h4.card-title.float-left {
654      color: #B24F88 !important;
655    }
656
657    .theme-1 a.eventPostTitle:hover,
658    .theme-2 a.eventPostTitle:hover,
659    .theme-4 a.eventPostTitle:hover,
660    .theme-7 a.eventPostTitle:hover,
661    .theme-11 a.eventPostTitle:hover,
662    .theme-13 a.eventPostTitle:hover,
663    .theme-14 a.eventPostTitle:hover,
664    .theme-15 a.eventPostTitle:hover,
665    .theme-17 a.eventPostTitle:hover,
666    .theme-18 a.eventPostTitle:hover,
667    .theme-19 a.eventPostTitle:hover {
668      color: #6D4387;
669    }
670
671    .theme-3 a.eventPostTitle:hover,
672    .theme-5 a.eventPostTitle:hover,
673    .theme-6 a.eventPostTitle:hover,
674    .theme-8 a.eventPostTitle:hover,
675    .theme-9 a.eventPostTitle:hover,
676    .theme-10 a.eventPostTitle:hover,
677    .theme-16 a.eventPostTitle:hover,
678    .theme-20 a.eventPostTitle:hover,
679    .theme-20 a.listPostTitle:hover {
680      color: #A2C80B;
681    }
682
683    .eventStartDate .eventMonth,
684    .theme-7 .modal-body .eventStartDate .eventMonth,
685    .theme-9 .modal-body .eventStartDate .eventMonth,
686    .theme-10 .modal-body .eventStartDate .eventMonth,
687    .theme-11 .modal-body .eventStartDate .eventMonth,
688    .theme-13 .modal-body .eventStartDate .eventMonth,
689    .theme-16 .modal-body .eventStartDate .eventMonth,
690    .theme-17 .modal-body .eventStartDate .eventMonth,
691    .theme-18 .modal-body .eventStartDate .eventMonth,
692    .theme-20 .modal-body .eventStartDate .eventMonth {
693      background-color: #6D4387 !important;
694    }
695
696    .theme-1 .modal-body .eventStartDate .eventMonth,
697    .theme-3 .modal-body .eventStartDate .eventMonth,
698    .theme-4 .modal-body .eventStartDate .eventMonth,
699    .theme-5 .modal-body .eventStartDate .eventMonth,
700    .theme-6 .modal-body .eventStartDate .eventMonth,
701    .theme-8 .modal-body .eventStartDate .eventMonth {
702      background-color: #A2C80B !important;
703    }
704    .theme-14 .modal-body .eventStartDate .eventMonth,
705    .theme-15 .modal-body .eventStartDate .eventMonth {
706      background-color: #B24F88 !important;
707    }
708
709    .modal-body h4.postTitle {
710      color: #6D4387 !important;
711    }
712
713    .modal-header,
714    .documentListContainer .btn {
715      background-color: #6D4387;
716      color: #ffffff;
717    }
718
719    .modal-header > .modal-title{
720      color: #ffffff;
721    }
722
723    .rbc-btn-group button,
724    .rbc-event,
725    .rbc-header,
726    .rbc-month-header .rbc-header,
727    .rbc-time-header-cell-single-day .rbc-header,
728    .rbc-agenda-view .rbc-agenda-table thead tr {
729      background-color: #6D4387;
730    }
731
732    .custom-select {
733      background: #6D4387 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;
734      background-size: 8px 10px;
735    }
736
737    .rbc-toolbar-label {
738      color: #6D4387;
739    }
740  
741
742  /* HEADER, LINK AND ICON COLOR */
743  .nobox.theme_color.colored_text h2,
744  .nobox.theme_color.colored_text h3,
745  .nobox.theme_color.colored_text a,
746  .nobox.theme_color.colored_text .iconplugin-icon,
747  .outline.theme_color.colored_text h2,
748  .outline.theme_color.colored_text h3,
749  .outline.theme_color.colored_text a,
750  .coloredbox.theme_color.colored_text h2,
751  .coloredbox.theme_color.colored_text h3,
752  .coloredbox.theme_color.colored_text a,
753  .greyoutline.theme_color.colored_text h2,
754  .greyoutline.theme_color.colored_text h3,
755  .greyoutline.theme_color.colored_text a,
756  .greybox.theme_color.colored_text h2,
757  .greybox.theme_color.colored_text h3,
758  .greybox.theme_color.colored_text a,
759  .vacancy-container.theme_color h2,
760  .vacancy-list-container.theme_color h3,
761  .contact-banner .nobox.theme_color.colored_text a[href^=tel],
762  .contact-banner .outline.theme_color.colored_text a[href^=tel],
763  .contact-banner .coloredbox.theme_color.colored_text a[href^=tel],
764  .contact-banner .greyoutline.theme_color.colored_text a[href^=tel],
765  .contact-banner .greybox.theme_color.colored_text a[href^=tel] {
766    color: #6D4387;
767  }
768
769  .nobox.primary_color.colored_text h2,
770  .nobox.primary_color.colored_text h3,
771  .nobox.primary_color.colored_text a,
772  .nobox.primary_color.colored_text .iconplugin-icon,
773  .outline.primary_color.colored_text h2,
774  .outline.primary_color.colored_text h3,
775  .outline.primary_color.colored_text a,
776  .coloredbox.primary_color.colored_text h2,
777  .coloredbox.primary_color.colored_text h3,
778  .coloredbox.primary_color.colored_text a,
779  .greyoutline.primary_color.colored_text h2,
780  .greyoutline.primary_color.colored_text h3,
781  .greyoutline.primary_color.colored_text a,
782  .greybox.primary_color.colored_text h2,
783  .greybox.primary_color.colored_text h3,
784  .greybox.primary_color.colored_text a,
785  .vacancy-container.primary_color h2,
786  .vacancy-list-container.primary_color h3,
787  .contact-banner .nobox.primary_color.colored_text a[href^=tel],
788  .contact-banner .outline.primary_color.colored_text a[href^=tel],
789  .contact-banner .coloredbox.primary_color.colored_text a[href^=tel],
790  .contact-banner .greyoutline.primary_color.colored_text a[href^=tel],
791  .contact-banner .greybox.primary_color.colored_text a[href^=tel] {
792    color: #A2C80B;;
793  }
794
795  .nobox.secondary_color.colored_text h2,
796  .nobox.secondary_color.colored_text h3,
797  .nobox.secondary_color.colored_text a,
798  .nobox.secondary_color.colored_text .iconplugin-icon,
799  .outline.secondary_color.colored_text h2,
800  .outline.secondary_color.colored_text h3,
801  .outline.secondary_color.colored_text a,
802  .coloredbox.secondary_color.colored_text h2,
803  .coloredbox.secondary_color.colored_text h3,
804  .coloredbox.secondary_color.colored_text a,
805  .greyoutline.secondary_color.colored_text h2,
806  .greyoutline.secondary_color.colored_text h3,
807  .greyoutline.secondary_color.colored_text a,
808  .greybox.secondary_color.colored_text h2,
809  .greybox.secondary_color.colored_text h3,
810  .greybox.secondary_color.colored_text a,
811  .vacancy-container.secondary_color h2,
812  .vacancy-list-container.secondary_color h3,
813  .contact-banner .nobox.secondary_color.colored_text a[href^=tel],
814  .contact-banner .outline.secondary_color.colored_text a[href^=tel],
815  .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel],
816  .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel],
817  .contact-banner .greybox.secondary_color.colored_text a[href^=tel] {
818    color: #B24F88 ;
819  }
820
821  .nobox.tertiary_color.colored_text h2,
822  .nobox.tertiary_color.colored_text h3,
823  .nobox.tertiary_color.colored_text a,
824  .nobox.tertiary_color.colored_text .iconplugin-icon,
825  .outline.tertiary_color.colored_text h2,
826  .outline.tertiary_color.colored_text h3,
827  .outline.tertiary_color.colored_text a,
828  .coloredbox.tertiary_color.colored_text h2,
829  .coloredbox.tertiary_color.colored_text h3,
830  .coloredbox.tertiary_color.colored_text a,
831  .greyoutline.tertiary_color.colored_text h2,
832  .greyoutline.tertiary_color.colored_text h3,
833  .greyoutline.tertiary_color.colored_text a,
834  .greybox.tertiary_color.colored_text h2,
835  .greybox.tertiary_color.colored_text h3,
836  .greybox.tertiary_color.colored_text a,
837  .vacancy-container.tertiary_color h2,
838  .vacancy-list-container.tertiary_color h3,
839  .contact-banner .nobox.tertiary_color.colored_text a[href^=tel],
840  .contact-banner .outline.tertiary_color.colored_text a[href^=tel],
841  .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel],
842  .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel],
843  .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] {
844    color: #FF7144 ;
845  }
846
847  
848
849  /* GENERIC BANNER & SCHOOL STATISTICS COLORS */
850  .st-10 .icons-wrapper .icon-container .iconplugin-icon,
851  .flex-t10 .icon-container .iconplugin-icon{
852    background-color: #ffffff !important;
853    border: none !important;
854    color: #6D4387 !important;
855  }
856
857  .theme-10 .navbar .open-menu,
858  .theme-20 .navbar .open-menu,
859  .theme-21 .navbar .open-menu,
860  .theme-24 .navbar .open-menu,
861  .theme-25 .navbar .open-menu,
862  .st-9 .navbar .open-menu,
863  .st-6 .navbar .open-menu,
864  .st-7 .navbar .open-menu {
865    color: #FFFFFF;
866  }
867
868  
869    .st-2 .fourpillar-item,
870    .st-5 .fourpillar-item,
871    .st-6 .fourpillar-item,
872    .contact-banner,
873    .job_card,
874    .search-card,
875    .blog-card,
876    .carousel-tagline .schoolname,
877    .carousel-tagline .school-tagline,
878    #searchModal .search-modal.modal-content,
879    .navbar-theme-16 .nav > li.active > a{
880      border-radius: 8px;
881    }
882
883    .st-2 .fourpillar-item .pillar-icon-top{
884      border-radius: 8px
885    }
886
887    .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{
888      background-color: #6D4387;
889    }
890    .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{
891      background-color: #FF7144;
892    }
893    .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{
894      background-color: #A2C80B;
895    }
896    .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{
897      background-color: #B24F88;
898    }
899
900    .gets-rounded,
901    .st-9 .main-content.first-row .column,
902    .st-1 .generic-banners,
903    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
904    .slick-arrow{
905      border-radius: 8px !important;
906    }
907
908    .news__items-horizontal .news__container .news__header {
909      border-top-left-radius: 8px;
910      border-top-right-radius: 8px;
911      overflow: hidden;
912    }
913
914    .st-4 .nav-stacked.gets-rounded{
915      overflow-y: hidden;
916      border-bottom: none;
917    }
918  
919
920  
921    .st-4 .carousel-tagline .schoolname,
922    .st-4 .carousel-tagline .school-tagline{
923      padding: 8px;
924    }
925  
926
927  [class*="mt-btn"],
928  .file-plugin,
929  .btn-share,
930  .btn-search, .btn-outline {
931    
932      border-radius: 99999999px !important;
933    
934    
935    
936  }
937
938  
939    .file-plugin{
940      padding-left:20px;
941    }
942    .file-plugin--icon{
943      overflow: hidden;
944    }
945  
946
947  
948    .gets-shadow,
949    .gets-shadow--hover,
950    .st-1 .generic-banners,
951    .st-4 .carousel-tagline .schoolname,
952    .st-4 .carousel-tagline .school-tagline,
953    .st-9 .main-content.first-row .column,
954    .st-10 .icons-wrapper .icon-container .iconplugin-icon,
955    .base-template .icon-container.icon__background.gets-shadow .icon-choice{
956      
957        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.02) !important;
958      
959    }
960
961    .base-template .icon-container.icon__background.gets-shadow,
962    .base-template .icon-container.nobox.gets-shadow {
963      box-shadow: none !important;
964    }
965
966    .gets-shadow--hover{
967      transition: all .15s cubic-bezier(0.25, 0.8, 0.25, 1);
968    }
969
970    .verticalPostRow.gets-rounded,
971    .news__items-horizontal .news {
972      overflow: hidden;
973    }
974
975    .news__items-horizontal .news .news__body{
976      padding: 10px;
977    }
978
979    .news__items-horizontal .news .news__footer{
980      padding-left: 15px;
981    }
982
983    .gets-shadow--hover:hover,
984    .st-10 .icons-wrapper .icon-container .iconplugin-icon{
985      
986        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
987      
988    }
989  
990
991  
992
993  h1,
994  h2,
995  h3,
996  h4,
997  h5,
998  h6{
999    color: var(--theme-heading-color);
1000    
1001      font-family: var(--heading-ff);
1002    
1003  }
1004
1005  
1006    [class*="mt-btn"],
1007    .file-plugin__button,
1008    .btn-share,
1009    .btn{
1010      font-weight:bold;
1011      
1012    }
1013  
1014</style>
1015
1016
1017<script>
1018  (function() {
1019    var w = 1400;
1020    if (window.innerWidth >= w) {
1021      document.documentElement.classList.add('desktop-nav');
1022    }
1023  })();
1024</script>
1024
1025
1026
1027  <link rel="preconnect" href="https://fonts.googleapis.com">
1028  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1029  
1030    <link href='https://fonts.googleapis.com/css2?family=:wght@400;500;700&display=swap' rel='stylesheet' type='text/css'>
1031  
1032
1033
1034
1035
1036    
1037
1038
1039<style type="text/css">
1040    @import url(&#x27;https://fonts.googleapis.com/css2?family=Catamaran:wght@900&amp;display=swap&#x27;);
1041
1042h1, h2, h3, h4, h5 {
1043    font-family: &#x27;Catamaran&#x27;, sans-serif !important;
1044}
1045
1046.logo__md {
1047    width: auto;
1048    height: 80px;
1049}
1050
1051.school-logo-wrapper {
1052  display: inline-block;
1053  margin-top: 0;
1054  margin-bottom: 0;
1055  background-color: #ffffff;
1056  padding: 10px;
1057  position: relative;
1058  z-index: 9;
1059  transform: scale(1.5);
1060  transform-origin: top left;
1061  box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
1062  border-radius: 0px 0px 8px 8px;
1063}
1064
1065.school-logo-wrapper .school-logo {
1066    height: 100%;
1067    width: 150px;
1068    object-fit: contain;
1069    object-position: center;
1070}
1071
1072.contact-banner.banner--inline .fa-map-pin{
1073  top: 0;
1074}
1075
1076.icon__background .icon-choice:after {
1077  border-radius: 58% 42% 49% 51% / 60% 46% 54% 40%;
1078  width: 120%;
1079  height: 120%;
1080  left: -10%;
1081  top: -10%;
1082}
1083
1084.top-info .container {
1085  display: flex;
1086}
1087
1088.top-info .contact-banner.banner--inline {
1089  margin-left: auto;
1090}
1091
1092.footer h3,
1093.socs--back-to-top {
1094  color: #ffe9ff;
1095}
1096
1097.privacy_footer--wrapper {
1098  border-top: 1px solid #7b5592;
1099  margin-top: 50px;
1100}
1101
1102.featured-row {
1103  position: relative;
1104  background-color: #fff6ff;
1105  padding: 60px 40px 42px;
1106  border-radius: 15px;
1107}
1108
1109.iconplugin-container.iconplugin-container__row {
1110    margin-top: -124px;
1111}
1112
1113.icon__background .icon-choice:after {
1114  z-index: 0;
1115}
1116
1117.icon-container.gets-rounded.gets-shadow.icon-container__md.icon--top.icon__background.bg-transparent {
1118    background: white !important;
1119}
1120
1121/* CONTACT PAGE */
1122.page-contact .main-content {
1123    margin-top: -140px;
1124    margin-bottom: 80px;
1125    background: white;
1126    padding: 32px;
1127    border-radius: 8px;
1128}
1129
1130.gmnoprint {
1131    display: none;
1132}
1133
1134.page-contact .djangocms-googlemap .cookie_notice {
1135  z-index: 0 !important;
1136}
1137</style>
1138
1139
1140
1141    
1142
1143<!-- Modal -->
1144<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true">
1145  <div class="modal-dialog">
1146    <div class="modal-content">
1147      <div class="modal-header py-2 bg-light">
1148        <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5>
1149        <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close">
1150          <span aria-hidden="true">&times;</span>
1151        </button>
1152      </div>
1153      <div class="modal-body">
1154        <p class="user-settings-title">
1155          Tekstgrootte
1156        </p>
1157        <div class="btn-group btn-group-toggle" data-toggle="buttons">
1158          <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false">
1159            <i class="fas fa-font t-1"></i>
1160          </button>
1161          <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false">
1162            <i class="fas fa-font t-1-25"></i>
1163          </button>
1164          <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false">
1165            <i class="fas fa-font t-2"></i>
1166          </button>
1167        </div>
1168      </div>
1169    </div>
1170  </div>
1171</div>
1172
1173    
1174
1175
1176
1177    <div class="top-info top-bg">
1178      <div class="container"></div>
1179    </div>
1180
1181    
1182
1183
1184<nav class="navbar navbar-expand-xl nav-bg responsive_menu nav-default nav-flexible"
1185  data-toggle="affix" >
1186  <div class="container placeholder--logo">
1187    
1188    
1189    <a class="school-logo-wrapper logo__lg" href="/">
1190  <img class="school-logo" src="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public/cb/ef/cbef0094-5824-4b2f-bf8c-935c432b82be/logo_franciscus_2012.jpg" />
1191</a>
1192    
1193    
1194    <button class="navbar-toggler b-theme ml-auto" type="button" data-toggle="collapse"
1195      data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
1196      aria-label="Toggle navigation">
1197      <span class="navbar-toggler-icon"></span>
1198    </button>
1199
1200    <div class="collapse navbar-collapse" id="navbarSupportedContent">
1201      <ul class="navbar-nav ml-auto">
1202        
1203          
1204
1205
1206
1207
1208  
1209    <li class="nav-item active">
1210      <a class="nav-link"
1211          href="/"
1212          >
1213          Home
1214      </a>
1215    </li>
1216  
1217
1218
1219
1220  
1221
1222    <li class="dropdown-parent nav-item dropdown ">
1223      <a class="nav-link"
1224          href="/school/"
1225          >
1226        School
1227      </a>
1228      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1229      <ul class="dropdown-menu">
1230        
1231          <li class="dropdown-item">
1232            <a class="dropdown-link"
1233                href="/school/welkom/"
1234                >
1235              Welkom
1236            </a>
1237          </li>
1238        
1239          <li class="dropdown-item">
1240            <a class="dropdown-link"
1241                href="/school/visie/"
1242                >
1243              Visie
1244            </a>
1245          </li>
1246        
1247          <li class="dropdown-item">
1248            <a class="dropdown-link"
1249                href="/school/team/"
1250                >
1251              Team
1252            </a>
1253          </li>
1254        
1255          <li class="dropdown-item">
1256            <a class="dropdown-link"
1257                href="/school/passend-onderwijs/"
1258                >
1259              Passend Onderwijs
1260            </a>
1261          </li>
1262        
1263          <li class="dropdown-item">
1264            <a class="dropdown-link"
1265                href="/school/leerlingenraad/"
1266                >
1267              Leerlingenraad
1268            </a>
1269          </li>
1270        
1271          <li class="dropdown-item">
1272            <a class="dropdown-link"
1273                href="/school/verkeersveilige-school/"
1274                >
1275              Verkeersveilige school
1276            </a>
1277          </li>
1278        
1279          <li class="dropdown-item">
1280            <a class="dropdown-link"
1281                href="/school/kanjertraining/"
1282                >
1283              Kanjertraining
1284            </a>
1285          </li>
1286        
1287      </ul>
1288    </li>
1289
1290  
1291
1292
1293
1294  
1295
1296    <li class="dropdown-parent nav-item dropdown ">
1297      <a class="nav-link"
1298          href="/ouders/"
1299          >
1300        Ouders
1301      </a>
1302      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1303      <ul class="dropdown-menu">
1304        
1305          <li class="dropdown-item">
1306            <a class="dropdown-link"
1307                href="/ouders/communicatie/"
1308                >
1309              Communicatie
1310            </a>
1311          </li>
1312        
1313          <li class="dropdown-item">
1314            <a class="dropdown-link"
1315                href="/ouders/medezeggenschapsraad/"
1316                >
1317              Medezeggenschapsraad
1318            </a>
1319          </li>
1320        
1321          <li class="dropdown-item">
1322            <a class="dropdown-link"
1323                href="/ouders/ouderraad/"
1324                >
1325              Ouderraad
1326            </a>
1327          </li>
1328        
1329      </ul>
1330    </li>
1331
1332  
1333
1334
1335
1336  
1337
1338    <li class="dropdown-parent nav-item dropdown ">
1339      <a class="nav-link"
1340          href="/aanmelden/"
1341          >
1342        Aanmelden
1343      </a>
1344      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1345      <ul class="dropdown-menu">
1346        
1347          <li class="dropdown-item">
1348            <a class="dropdown-link"
1349                href="/aanmelden/rondleiding/"
1350                >
1351              Rondleiding
1352            </a>
1353          </li>
1354        
1355          <li class="dropdown-item">
1356            <a class="dropdown-link"
1357                href="/aanmelden/aanmeldformulier/"
1358                >
1359              Aanmeldformulier
1360            </a>
1361          </li>
1362        
1363      </ul>
1364    </li>
1365
1366  
1367
1368
1369
1370  
1371
1372    <li class="dropdown-parent nav-item dropdown ">
1373      <a class="nav-link"
1374          href="/informatie/"
1375          >
1376        Informatie
1377      </a>
1378      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1379      <ul class="dropdown-menu">
1380        
1381          <li class="dropdown-item">
1382            <a class="dropdown-link"
1383                href="/informatie/verlof-aanvragen/"
1384                >
1385              Verlof aanvragen
1386            </a>
1387          </li>
1388        
1389          <li class="dropdown-item">
1390            <a class="dropdown-link"
1391                href="/informatie/schooltijden/"
1392                >
1393              Schooltijden
1394            </a>
1395          </li>
1396        
1397          <li class="dropdown-item">
1398            <a class="dropdown-link"
1399                href="/informatie/vakantierooster/"
1400                >
1401              Vakantierooster
1402            </a>
1403          </li>
1404        
1405          <li class="dropdown-item">
1406            <a class="dropdown-link"
1407                href="/informatie/informatiepakket/"
1408                >
1409              Informatiepakket
1410            </a>
1411          </li>
1412        
1413          <li class="dropdown-item">
1414            <a class="dropdown-link"
1415                href="/informatie/schoolplan/"
1416                >
1417              Schoolplan
1418            </a>
1419          </li>
1420        
1421          <li class="dropdown-item">
1422            <a class="dropdown-link"
1423                href="/informatie/schoolgids/"
1424                >
1425              Schoolgids
1426            </a>
1427          </li>
1428        
1429          <li class="dropdown-item">
1430            <a class="dropdown-link"
1431                href="/informatie/avg/"
1432                >
1433              AVG
1434            </a>
1435          </li>
1436        
1437          <li class="dropdown-item">
1438            <a class="dropdown-link"
1439                href="/informatie/protocollen/"
1440                >
1441              Protocollen
1442            </a>
1443          </li>
1444        
1445          <li class="dropdown-item">
1446            <a class="dropdown-link"
1447                href="/informatie/klachtenregeling/"
1448                >
1449              Klachtenregeling
1450            </a>
1451          </li>
1452        
1453      </ul>
1454    </li>
1455
1456  
1457
1458
1459
1460  
1461
1462    <li class="dropdown-parent nav-item dropdown ">
1463      <a class="nav-link"
1464          href="/samenwerken/"
1465          >
1466        Samenwerken
1467      </a>
1468      <span class="open-menu fa fa-plus d-flex d-xl-none"></span>
1469      <ul class="dropdown-menu">
1470        
1471          <li class="dropdown-item">
1472            <a class="dropdown-link"
1473                href="/samenwerken/opvang/"
1474                >
1475              Opvang
1476            </a>
1477          </li>
1478        
1479          <li class="dropdown-item">
1480            <a class="dropdown-link"
1481                href="/samenwerken/veilig-thuis/"
1482                >
1483              Veilig Thuis
1484            </a>
1485          </li>
1486        
1487          <li class="dropdown-item">
1488            <a class="dropdown-link"
1489                href="/samenwerken/stichting-leergeld/"
1490                >
1491              Stichting leergeld
1492            </a>
1493          </li>
1494        
1495          <li class="dropdown-item">
1496            <a class="dropdown-link"
1497                href="/samenwerken/opleidingsschool/"
1498                >
1499              Opleidingsschool
1500            </a>
1501          </li>
1502        
1503          <li class="dropdown-item">
1504            <a class="dropdown-link"
1505                href="/samenwerken/cultuur/"
1506                >
1507              Cultuur
1508            </a>
1509          </li>
1510        
1511      </ul>
1512    </li>
1513
1514  
1515
1516
1517
1518  
1519    <li class="nav-item ">
1520      <a class="nav-link"
1521          href="/contact/"
1522          >
1523          Contact
1524      </a>
1525    </li>
1526  
1527
1528
1529        
1530        
1531          
1532        
1533      </ul>
1534      <!-- SEARCH FUNCTION -->
1535
1536<!-- END SEARCH FUNCTION -->
1537    </div>
1538  </div>
1539</nav>
1540
1541
1542    
1543
1544  
1545
1546<div class="container-fluid">
1547  <div class="row">
1548    <div class="slider-wrapper slider-wrapper__medium ">
1549      <div class="home-slider" data-auto="true" data-fade="false">
1550        
1551          <div class="carousel-slide">
1552            
1553
1554
1555
1556
1557
1558
1559
1560<img class="img-fluid picture-plugin plugin-block " src="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public_thumbnails/filer_public/73/54/7354768c-e49e-4489-adc1-4e5257e548f1/20240529_095410-4621x1505.jpg__2560x2560_q100_subsampling-2.jpg"
1561  
1562  
1563  
1564  
1565  style="object-position: 50% 50%"
1566>
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576            
1577          </div>
1578        
1579      </div>
1580
1581      
1582        
1583      
1584
1585      
1586        <div class="school_text-wrapper aligned__center-center">
1587          <div class="container school_text-container">
1588            <div class="school-text">
1589              
1590                <h1 class="school-name">Basisschool Franciscus</h1>
1591              
1592              
1593                <h2 class="school-slogan">Een sprankelend avontuur!</h2>
1594              
1595              
1596              <div class="text-footer">
1597                
1598                
1599                  
1600                    
1601                  
1602                
1603              </div>
1604            </div>
1605          </div>
1606        </div>
1607      
1608    </div>
1609  </div>
1610</div>
1611
1612
1613
1614
1615  <main role="main">
1616    <div class="container">
1617      <div class="row icon-row">
1618        <div class="col-md-12">
1619          
1620
1621<div class="iconplugin-container iconplugin-container__row" data-items="4">
1622  
1623</div>
1624
1625        </div>
1626      </div>
1627
1628
1629      <div class="row main-content">
1630        <div class="col-md-12 placeholder--main">
1631          
1632<div class="multicolumn2 clearfix">
1633  
1634    
1635<div class="column" style="width: 66.66%; float: left;">
1636  
1637    <h1>Basisschool Franciscus</h1>
1638
1639<p>Van harte welkom op de website van basisschool Franciscus!</p>
1640
1641<p>Wij willen u op deze site zoveel mogelijk informatie geven over onze school en de wijze waarop wij ons onderwijs vormgeven.</p>
1642
1643<p>Heeft u nog ideeën, suggesties of aandachtspunten, dan horen we dat graag. Neem gerust contact met ons op!</p>
1644  
1645</div>
1646
1647  
1648    
1649<div class="column" style="width: 33.33%; float: left;">
1650  
1651    
1652
1653
1654
1655  
1656    <div
1657      class="box box-picture focus-1 gets-rounded gets-shadow "
1658      
1659      style="background-image: linear-gradient(rgba(162, 200, 11, 1.0), rgba(162, 200, 11, 1.0)), url(https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public/28/4e/284e29c5-ceb4-4a6f-af7d-04768cb2bcc2/communicatie-langwerpig-1024x384.jpg);
1660      border-radius: 5px;">
1661  
1662
1663
1664
1665
1666<div class="box-content c-white">
1667  
1668    <h3>Basisschool Franciscus</h3>
1669
1670<ul>
1671	<li>
1672	Kleinschalig
1673	</li>
1674	<li>
1675	Goede sfeer
1676	</li>
1677	<li>
1678	Veilig
1679	</li>
1680	<li>
1681	Vernieuwend
1682	</li>
1683	<li>
1684	Rust &amp; structuur
1685	</li>
1686</ul>
1687  
1688</div>
1689</div>
1690
1691  
1692</div>
1693
1694  
1695</div>
1696
1697        </div>
1698      </div>
1699    </div>
1700  </main>
1701
1702
1703    <div class="container">
1704      <div class="row featured-row">
1705        <div class="col-md-12 placeholder--featured">
1706          
1707<div class="multicolumn3 clearfix">
1708  
1709    
1710<div class="column" style="width: 33.33%; float: left;">
1711  
1712    
1713
1714
1715  <a
1716    href="/aanmelden/rondleiding/"
1717    
1718    class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text tertiary_color  plugin-block"
1719  >
1720
1721
1722<div class="generic-banner-mask-theme-5"></div>
1723
1724<div class="generic-banner-image" style="background-image: url(https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public_thumbnails/filer_public/0d/a0/0da08e9f-090b-44b9-a2e4-45d525cf75b5/rondleiding.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%">
1725  <div class="generic-banner-overlay" style="background-color: rgba(162, 200, 11, 0.0); width:100%; height: 100%;">
1726  </div>
1727</div>
1728<div class="generic-banner-mask-theme-3"></div>
1729
1730<div class="generic-banner-content text-center justify-content-center">
1731  <div class="generic-banner-title">
1732    <h3 class="generic-banner-title__text">Rondleiding</h3>
1733  </div>
1734  
1735</div>
1736
1737
1738  </a>
1739
1740
1741  
1742</div>
1743
1744  
1745    
1746<div class="column" style="width: 33.33%; float: left;">
1747  
1748    
1749
1750
1751  <a
1752    href="/samenwerken/opvang/"
1753    
1754    class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text theme_color  plugin-block"
1755  >
1756
1757
1758<div class="generic-banner-mask-theme-5"></div>
1759
1760<div class="generic-banner-image" style="background-image: url(https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public_thumbnails/filer_public/57/75/57751cc7-6502-44e7-a41d-7bad534a7531/content.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%">
1761  <div class="generic-banner-overlay" style="background-color: rgba(162, 200, 11, 0.0); width:100%; height: 100%;">
1762  </div>
1763</div>
1764<div class="generic-banner-mask-theme-3"></div>
1765
1766<div class="generic-banner-content text-center justify-content-center">
1767  <div class="generic-banner-title">
1768    <h3 class="generic-banner-title__text">Opvang</h3>
1769  </div>
1770  
1771</div>
1772
1773
1774  </a>
1775
1776
1777  
1778</div>
1779
1780  
1781    
1782<div class="column" style="width: 33.33%; float: left;">
1783  
1784    
1785
1786
1787  <div class="generic-banner generic-banner__default gets-rounded gets-shadow primary_color white_text  plugin-block">
1788
1789
1790<div class="generic-banner-mask-theme-5"></div>
1791
1792<div class="generic-banner-image" style="background-image: url(https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public_thumbnails/filer_public/c1/fa/c1fa6cb9-0fba-4cdd-9e8d-6541f9106418/img_6846.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%">
1793  <div class="generic-banner-overlay" style="background-color: rgba(162, 200, 11, 0.0); width:100%; height: 100%;">
1794  </div>
1795</div>
1796<div class="generic-banner-mask-theme-3"></div>
1797
1798<div class="generic-banner-content text-center justify-content-center">
1799  <div class="generic-banner-title">
1800    <h3 class="generic-banner-title__text">Nieuwsbrief</h3>
1801  </div>
1802  
1803</div>
1804
1805
1806  </div>
1807
1808
1809  
1810</div>
1811
1812  
1813</div>
1814
1815        </div>
1816      </div>
1817    </div>
1818
1819    
1820
1821<div class="footer footer-bg c-footer">
1822  <div class="container">
1823    <div class="row">
1824      
1825        
1826
1827
1828<div class="col-lg-6 col-12">
1829  <h3>Bezoekadres</h3>
1830
1831<p>Capucijnenstraat 19<br>
18325074 PE Biezenmortel<br>
1833Tel 013-5111673<br>
1834Directeur<br>
1835Leona van den Houdt</p>
1836
1837<h3> </h3>
1838
1839<p>
1839 </p>
1840
1841<p> </p>
1842
1843<p> </p>
1844
1845<p> </p>
1846</div>
1847
1848<div class="col-lg-6 col-12">
1849  <h3>Bestuur</h3>
1850
1851<p>Deze school is onderdeel van stichting<br>
1852<a href="https://www.cadansprimair.nl/" target="_blank">Cadans Primair</a>te Sint Michielsgestel.</p>
1853
1854<p> </p>
1855
1856<h3>Social media </h3>
1857
1858<p>Instagram (@basisschoolfranciscus)<br>
1859Facebook (Basisschool Franciscus Biezenmortel)</p>
1860
1861<p> </p>
1862
1863<h3>E-mailadres</h3>
1864
1865<p>[email protected] </p>
1866</div>
1867
1868
1869      
1870
1871      
1872
1873      
1874
1875      
1876
1877      
1878    </div>
1879  </div>
1880
1881
1882  <div class="privacy_footer--wrapper">
1883    <div class="container">
1884      <div class="row">
1885        <div class="col-12">
1886          
1887
1888<div id="privacy_footer">
1889  <div class="privacy_menu">
1890    <ul class="privacy_menu-nav">
1891      
1892      
1893        <li class="privacy_menu-item">
1894          <a href="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/filer_public/c4/b2/c4b2f73a-9da8-4b34-ab8c-da93adc73757/61_b_privacyverklaring_ouders_en_of_verzorgers_versie_april_2023.pdf" class="privacy_menu-link main-item" target="_blank" id="privacy-url">Privacy statement</a>
1895        </li>
1896      
1897      
1898      
1899      
1900      
1901        <li class="privacy_menu-item">
1902          <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a>
1903        </li>
1904      
1905    </ul>
1906    
1907    
1908    
1909      <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p>
1910    
1911  </div>
1912  
1913  
1914    
1915  
1916</div>
1917
1918        </div>
1919      </div>
1920    </div>
1921  </div>
1922</div>
1923    
1924
1925
1926  <button class="socs--back-to-top" id="js-top" style="opacity: 0;"></button>
1927
1928  
1929
1930
1931    
1931<script>
1932      function loadUserlaneAttributes() {
1933        Userlane('identify', 'AnonymousUser', {
1934          vier_pilaren: false,
1935          header_img: true,
1936          header_text: false,
1937          waardes: true,
1938          featured: true
1939        });
1940      }
1941    </script>
1941
1942    
1943
1944
1945
1946  
1946<script defer type="text/javascript" src="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
1946
1947  
1947<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
1947
1948  
1948<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
1948
1949
1950
1951  
1951<script type="text/javascript" src="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
1951
1952  
1952<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 1952
1952
1953<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
1953
1954
1955<style>
1956  
1957  .cms-toolbar-expanded .klaro .cookie-notice{top: 66px; right: 20px; bottom: auto; left: auto;} .cookie-notice {top: 20px; right: 20px; bottom: auto; left: auto;};
1958</style>
1959
1960
1961
1962
1963<script>
1964  /**
1965   * Add translations to the CKEditor syles dropdown
1966   */
1967   window.addEventListener("DOMContentLoaded", (event) => {
1968
1969    // Add consent events to the dataLayer
1970    window.dataLayer = window.dataLayer || [];
1971    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500)
1972    window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500)
1973
1974    if (window.CKEDITOR) {
1975      // add translations for each CKEditor on load
1976      CKEDITOR.on('instanceReady', function(){
1977        window.CKEDITOR.stylesSet.registered.default.find((styleSet) => {
1978          if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) {
1979            if (styleSet.attributes.class == "c-theme") {
1980              styleSet.name = 'Thema kleur';
1981            }
1982            if (styleSet.attributes.class == "c-primary") {
1983              styleSet.name = 'Primaire kleur';
1984            }
1985            if (styleSet.attributes.class == "c-secondary") {
1986              styleSet.name = 'Secondaire kleur';
1987            }
1988            if (styleSet.attributes.class == "c-tertiary") {
1989              styleSet.name = 'Tertiaire kleur';
1990            }
1991          }
1992        })
1993      });
1994    }
1995  });
1996</script>
1996
1997
1998    
1999  
1999<script>
2000    $('.cms-alert').each(function(){
2001      $(this).on('closed.bs.alert', function (e) {
2002        const { id } = e.currentTarget.dataset;
2003        const cookieName = `socs-announcements-${id}`;
2004        setCookie(cookieName, 'closed', 1);
2005      });
2006    });
2007  </script>
2007
2008
2009
2010  
2010<script type="text/javascript" src="https://cadansprimair-live-3f72ff0246a9483fbd40-f8dc248.divio-media.org/static/js/slick.min.22f754161489.js"></script>
2010
2011  
2011<script>
2012    function initFlexCarousel() {
2013      $homeSlider = $('.home-slider');
2014      const {auto, fade} = $homeSlider.get(0).dataset;
2015
2016      const slickProps = {
2017        slidesToScroll: 1,
2018        slidesToShow: 1,
2019        arrows: true,
2020        infinite: true,
2021        fade: fade === 'true',
2022        dots: true,
2023        centerMode: false,
2024        variableWidth: false,
2025        focusOnSelect: false,
2026        autoplay: auto === 'true',
2027        autoplaySpeed: 3000,
2028        rows: 0,
2029        accessibility: true,
2030      };
2031
2032      if($homeSlider.hasClass('unslick')) {
2033        $homeSlider.slick('unslick');
2034        $homeSlider.removeClass('unslick');
2035      }
2036
2037      $homeSlider.slick(slickProps)
2038    }
2039    if (window.CMS !== undefined) {
2040      window.CMS.$(window).on('cms-content-refresh', function () {
2041        initFlexCarousel();
2042      });
2043    }
2044
2045    (function () {
2046      initFlexCarousel();
2047    })();
2048
2049  </script>
2049
2050
2051
2052  
2052<script>
2053    const $backToTop = document.querySelector("#js-top");
2054
2055    window.addEventListener('scroll', function(e) {
2056      if(window.scrollY > 150) {
2057        $backToTop.style.opacity = 1;
2058      } else {
2059        $backToTop.style.opacity = 0;
2060      }
2061    });
2062
2063    $backToTop.addEventListener('click', function(e){
2064      e.preventDefault();
2065
2066      window.scrollTo({
2067        left: 0,
2068        top: 0,
2069        behavior: 'smooth'
2070      });
2071    });
2072  </script>
2072
2073  
2074
2075    
2076    
2077
2078
2079
2080    
2081<!-- Modal -->
2082<div
2083  class="modal fade"
2084  id="searchModal"
2085  tabindex="-1"
2086  role="dialog"
2087  aria-hidden="true"
2088>
2089  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
2090    <span aria-hidden="true">&times;</span>
2091  </button>
2092  <div class="modal-dialog" role="document">
2093    <div class="modal-content search-modal gets-rounded gets-shadow--hover">
2094      <div class="modal-body">
2095        <div class="search-input">
2096          <form action="/zoek-resultaten" method="GET" id="search-form">
2097            <i class="fa fa-search"></i>
2098            <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' />
2099            <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button>
2100          </form>
2101        </div>
2102      </div>
2103    </div>
2104  </div>
2105</div>
2106
2107    
2108
2109
2110
2111  </body>
2112
2113</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.