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('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900&display=swap'); 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">×</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 "Tweetalig onderwijs" 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 & 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 & 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 & 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 "Tweetalig onderwijs"</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 "Tweetalig onderwijs"</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 & 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 & Burgerschap</a> 1758 1759 <a href="/ons-onderwijs/executieve-functies/" class="sub-item">Executieve functies & 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">×</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.