1 2 3 4 5<!DOCTYPE html> 6<html> 7 8 <head > 9 10 11 12 13 14 15 16 17 18 19 <!-- Google Tag Manager --> 20
20<script data-type="application/javascript" type="text/plain" data-name="googletagmanager"> 21 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 22 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 23 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 24 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 25 })(window,document,'script','dataLayer', 'G-K9REBWJMCQ' );</script>
25 26 <!-- End Google Tag Manager --> 27 28 29 30 31 32 33 34 <meta charset="utf-8"> 35 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 36 <meta name="csrf-token" content="thxOeRq22HAuhrkY0ojvXzvoxMviNppmn9lP8JG3O7orurAbVulTeTRx3kEZzYss"> 37 <meta name="description" content=""> 38 <meta name="keywords" content=""> 39 <meta name="author" content="Changer"> 40 <meta name="viewport" content="width=device-width, initial-scale=1"> 41 42 43 <title>Contact</title> 44 45 46 47 48 <link rel="stylesheet" type="text/css" href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/css/styles-st10.68d7c24fc6bb.css"> 49 <link rel="stylesheet" href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/css/plugins/carousel/slick.c7d2dc6abf78.css" /> 50 <link rel="stylesheet" href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/css/plugins/carousel/slick-theme.f35543846d59.css" />
vendor: 76 bytes, lines 50-53
50 51 52 53 <script src="https://www.google.com/recaptcha/enterprise.js?render=
536LdxOPUsAAAAAHsTmZEEZzf8_5BpKxAl6k3apGv9
vendor: 38 bytes, lines 53-55
53" type="text/javascript"></script> 54 55
55<script> 56 grecaptcha.enterprise.ready(function() { 57 grecaptcha.enterprise.execute('6LdxOPUsAAAAAHsTmZEEZzf8_5BpKxAl6k3apGv9', {action: 'homepage'}).then(function(token) { 58 document.querySelectorAll('input.django-recaptcha-hidden-field').forEach(function (value) { 59 value.value = token; 60 }); 61 return token; 62}) 63 64 }); 65</script>
65 66 67 68 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 69 70 71 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> 72<style> 73/*HIDE TOP ICONS #508576*/ 74.icon-container.icon--top .icon-choice { 75 display: none; 76} 77 78@media (min-width: 992px) { 79 .icon-container.icon--top { 80 padding: 40px 15px 40px; 81} 82.img-thumbnail { 83 background-color: #fff; 84 border: 0; 85 border-radius: 30px; 86 padding: 0; 87} 88/*END #508576*/ 89.st-10 .top-info { 90 display: none; 91} 92 93.home-main .intro-content { 94 padding-bottom: 0px; 95} 96 97@media (max-width: 992px) { 98.placeholder--sidebar { 99 margin-top: 0px; 100} 101} 102 103 104.sociallinks { 105 justify-content: flex-end; 106 align-items: center; 107 height: 100%; 108margin-left: auto; 109} 110 111.sociallinks .sociallink { 112 margin-top: 0; 113 border-radius: 50%; 114 box-shadow: none; 115 height: 32px; 116 width: 32px; 117} 118.sociallinks .sociallink i { 119 font-size: 1em; 120} 121.sociallinks .sociallink i:before { 122 top: -1px; 123 position: relative; 124} 125 126.sociallinks { 127 justify-content: unset; 128 align-items: unset; 129 height: auto; 130 margin-left: auto; 131} 132 133.sociallinks .sociallink i { 134 font-size: 1em; 135 color: white !important; 136} 137 138/* BLOG */ 139.h3, .newsblog-search-label, h3 { 140 font-size: 1.5rem; 141 font-family: 'Nunito'; 142} 143 144.blog-card h4.card-title { 145 color: #125F95; 146} 147 148a.nav-link.newsblog-nav-link, a.nav-link.faq-nav-link { 149 background: #fff !important; 150} 151 152h1.newsblog-article-title.card-title, h3.newsblog-article-title.card-title a { 153 color: #105C93; 154} 155 156@media (max-width: 760px) { 157main.content-main.sidebar-left .row { 158 flex-direction: column-reverse; 159} 160} 161 162.blog_feed { 163 margin-bottom: 2em; 164} 165 166a.dropdown-link { 167 width: 100%; 168 display: inline-block; 169} 170</style> 171 172 173 174 </head> 175 176 <body class="st-10 page-contact"> 177 178 179 180 181 182 183 184 185 186 187 188 <noscript><iframe data-name="googletagmanager" data-src="https://www.googletagmanager.com/ns.html?id=G-K9REBWJMCQ" 189 height="0" width="0" style="display: none; visibility: hidden;"></iframe></noscript> 190 191 192 193 194 195 196 197<style type="text/css"> 198 .generic-banner-title { 199 opacity: 1 !important; 200 transform: translateY(0) !important; 201} 202 203.generic-banner::before { 204 opacity: .6 !important; 205} 206.top-info a{ 207color: white; 208} 209.contact-banner.banner--inline .contact-item__address .fa { 210 background-color: #F08E00; 211border: 1px solid rgba(0,0,0,0.05); 212} 213 214.box-titel-zwart h3 { 215color: black!important; 216} 217.box-titel-zwart { 218 min-height: 100px; 219} 220</style> 221 222 223 224 225 226 227 228<style type="text/css"> 229 :root{ 230 --theme-color: #F08E00; 231 --primary-color: #F7B801; 232 --secondary-color: #036FBC; 233 --tertiary-color: #009543; 234 --footer-color: #FFFFFF; 235 --footer-link-color: #444444; 236 --nav-link-color: #F08E00; 237 --nav-bg-color: #FFFFFF; 238 --topbar-bg-color: #FFFFFF; 239 --background-color: #FFFFFF; 240 --theme-heading-color: var(--theme-color); 241 --theme-hero-bg: #ffffff; 242 --theme-hero-color: #ffffff; 243 --font-base-size: 16px; 244 --file-background-color: #F7B801; 245 --file-text-color: #ffffff; 246 --link-text-color: #F08E00; 247 --quote-ff: Open Sans; 248 249 --heading-ff: "Nunito", system-ui, sans-serif; 250 251 --mobile-mode-width: 1400; 252 253 254 } 255 256 /* 257 Navbar inline css to fix issue related to "more" navbar after plugin add 258 PORTAL-434 & PORTAL-892 259 */ 260 /* Navbar MORE menu fix begins here */ 261 div.cms .cms-toolbar-item-navigation li { 262 position: relative; 263 float: left; 264 } 265 div.cms .cms-toolbar-item-navigation li ul { 266 display: none; 267 } 268 .cms-toolbar-item.cms-toolbar-item-buttons { 269 display: inline-block; 270 } 271 /* Navbar MORE menu fix ends here */ 272 273 .navbar-nav .nav-link{ 274 color: #F08E00; 275 } 276 277 a, a:hover { 278 color: #F08E00; 279 } 280 281 a.maps-web-btn { 282 background-color: #F08E00; 283 } 284 285 button[type=submit], 286 .btn-jobs-modal { 287 background-color: #F08E00; 288 } 289 290 .quote-text { 291 font-family: var(--quote-ff); 292 } 293 294 .theme-13 h2, 295 .theme-14 h2 { 296 color: #F7B801; 297 } 298 299 .caret { 300 color: #F08E00; 301 } 302 303 /* BLOG / JOBS / FAQ / SEARCH */ 304 305 306 307 .page-link:hover, 308 .list-group-item:hover, 309 .list-group-item:focus { 310 color: #F08E00; 311 background-color: #f7f7f7; 312 } 313 314 a.nav-link.newsblog-nav-link,
315 a.nav-link.faq-nav-link { 316 background: #F7B801; 317 } 318 319 .faq-overview-list h3:hover { 320 color: #F08E00; 321 text-decoration: none; 322 } 323 324 .search-pagination .page-item.active .page-link { 325 background-color: #F08E00; 326 border-color: #F08E00; 327 } 328 329 /* TABBABLE */ 330 331 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 332 background-color: #FFFFFF; 333 border-color: #dee2e6 #FFFFFF; 334 } 335 336 337 338 /* LOGIN */ 339 .btn-tooltip-login, 340 .btn-tooltip-register { 341 background-color: #F08E00; 342 border-color: #F08E00; 343 } 344 345 .carousel-theme-6, 346 .carousel-theme-4 .carousel-tagline-wrapper { 347 background-color: #F7B801; 348 } 349 350 .carousel-theme-8 .schoolname, 351 .carousel-theme-9 .schoolname, 352 .theme-8 .introduction-left { 353 background-color: #F08E00 354 } 355 356 .theme-8 .introduction-right, 357 .theme-8 .school-tagline, 358 .theme-9 .school-tagline { 359 background-color: #F7B801; 360 } 361 362 .agenda-plugin .event-icon { 363 background-color: #F08E00; 364 } 365 366 .agendaeventMonth .bg-primary { 367 background-color: #F7B801 !important; 368 } 369 370 371 /** Override nav links */ 372 .theme-1 .navbar-light .nav li a, 373 .navbar-light .nav li a, 374 .navbar .nav > li > a, 375 .navbar-light .navbar-nav .nav-link, 376 .navbar-light .navbar-nav .show > .nav-link, 377 .navbar-light .navbar-nav .active > .nav-link, 378 .navbar-light .navbar-nav .nav-link.show, 379 .navbar .nav li.dropdown.active > .dropdown-toggle, 380 .navbar-light .navbar-nav .nav-link.active, 381 .navbar .nav li.dropdown.active > .dropdown-toggle, 382 .navbar .nav li.dropdown.open > .dropdown-toggle, 383 .dropdown-menu a, 384 .theme-10 .navbar .nav > li > a, 385 .theme-10 .navbar-light .navbar-nav .nav-link { 386 color: #F08E00; 387 } 388 389
390 .navbar .nav .dropdown.active > .dropdown-toggle, 391 .navbar .nav .nav-item.active > .nav-link, 392 .navbar-theme-4.navbar .nav .nav-item.active, 393 .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{ 394 color: #F08E00; 395 } 396 397 .content-theme-5 .nav, 398 .content-theme-5 .nav-stacked > li > a, 399 .content-theme-5 .nav-stacked > li > a:hover, 400 .content-theme-5 .nav-stacked > li > a:focus, 401 .content-theme-5 .nav-stacked > .active a, 402 .theme-7 .nav-stacked li a:hover, 403 .content-theme-8 .nav, 404 .content-theme-8 .nav-stacked > li > a, 405 .content-theme-8 .nav-stacked > li > a:hover, 406 .content-theme-8 .nav-stacked > li > a:focus, 407 .content-theme-8 .nav-stacked > .active a { 408 background-color: #F08E00; 409 } 410 411 .theme-10 .content-theme-10 .nav-stacked > li > a:hover, 412 .theme-10 .content-theme-10 .nav-stacked > li > a:focus, 413 .theme-20 .content-theme-20 .nav-stacked > li > a:hover, 414 .theme-20 .content-theme-20 .nav-stacked > li > a:focus, 415 .theme-25 .content-theme-20 .nav-stacked > li > a:hover, 416 .theme-25 .content-theme-20 .nav-stacked > li > a:focus { 417 border-bottom: 1px solid #F08E00; 418 color: #F08E00; 419 } 420 421 .theme-10 .content-theme-10 .nav-stacked > .active a, 422 .theme-20 .content-theme-20 .nav-stacked > .active a, 423 .theme-25 .content-theme-25 .nav-stacked > .active a { 424 color: #F08E00; 425 } 426 427 .theme-10 .content-theme-10 .nav-stacked > .active a:hover, 428 .theme-20 .content-theme-20 .nav-stacked > .active a:hover, 429 .theme-25 .content-theme-25 .nav-stacked > .active a:hover { 430 border-bottom: 1px solid #F08E00; 431 color: #F08E00; 432 } 433 434 .theme-10 .pull-right.css-login .btn, 435 .theme-20 .pull-right.css-login .btn, 436 .theme-25 .pull-right.css-login .btn { 437 background-color: #F7B801; 438 border-color: #F7B801; 439 } 440 441 .theme-10 .pull-right.css-login .btn:hover, 442 .theme-20 .pull-right.css-login .btn:hover, 443 .theme-25 .pull-right.css-login .btn:hover { 444 background-color: #036FBC; 445 border-color: #036FBC; 446 } 447 448 .theme-6 .navbar .nav > li.active > a, 449 .navbar-theme-14 .nav .nav-item.active{ 450 color: #F08E00; 451 border-bottom: 3px solid #F08E00; 452 } 453 454 .navbar-default .nav .active a:hover { 455 color: #F08E00; 456 background-color: #FFFFFF; 457 text-shadow: none; 458 } 459 460 .navbar .nav .nav-item .nav-link:hover, 461 .navbar .nav .nav-item .nav-link:focus{ 462 background-color: #F08E00; 463 } 464 465 @media (min-width: 1200px) { 466 .theme-8 .responsive_menu .nav .nav-item:hover, 467 .theme-4 .responsive_menu .nav .nav-item:hover { 468 background-color: #F08E00; 469 } 470 } 471 472 .theme-12 .css-carousel-description > .css-carousel-description-background, 473 .theme-5 .css-carousel-description > .css-carousel-description-background { 474 background-color: #F08E00; 475 } 476 .nav-stacked .active > a { 477 border-left: 4px solid #F08E00 !important; 478 } 479 .nav-stacked .active a, .nav-stacked a:hover { 480 background-color: #fafafa; 481 color: #555555; 482 } 483 .circle { 484 -webkit-box-shadow: 0 0 10px #F08E00; 485 -moz-box-shadow: 0 0 10px #F08E00; 486 box-shadow: 0 0 10px #F08E00; 487 } 488 489 .navbar-theme-3 .nav > .nav-item.active > .nav-link, 490 .navbar-theme-4 .nav > .nav-item.active, 491 .navbar-theme-7 .nav > .nav-item.active > .nav-link, 492 .navbar-theme-8 .nav > .nav-item.active > .nav-link, 493 .navbar-theme-10 .nav > .nav-item.active > .nav-link { 494 border-color: #F08E00; 495 } 496 497 .theme-10-login-bar a:hover, 498 .theme-13-login-bar a:hover { 499 color: #F08E00; 500 } 501 502 .btn-navbar i { 503 color: #F08E00; 504 } 505 506 .navbar-theme-3 .dropdown-menu > li > a, 507 .navbar-theme-4 .dropdown-menu > li > a, 508 .navbar-theme-5 .dropdown-menu > li > a, 509 .navbar-theme-6 .dropdown-menu > li > a, 510 .navbar-theme-7 .dropdown .dropdown-item, 511 .navbar-theme-8 .dropdown-menu > li > a, 512 .navbar-theme-9 .dropdown-menu > li > a, 513 .navbar-theme-10 .dropdown-menu > li > a, 514 .navbar-theme-11 .dropdown-menu > li > a, 515 .navbar-theme-13 .dropdown-menu > li > a, 516 .navbar-theme-20 .dropdown-menu > li > a, 517 .navbar-theme-25 .dropdown-menu > li > a, 518 .navbar-st-7 .dropdown-menu > li > a, 519 .navbar-theme-22 .dropdown-menu > li > a { 520 color: #F08E00; 521 } 522 523 .navbar-theme-12 .navbar-toggle span.icon-bar { 524 background-color: #F08E00; 525 } 526 527 .navbar-theme-3 .navbar-toggle span.icon-bar, 528 .navbar-theme-4 .navbar-toggle span.icon-bar, 529 .navbar-theme-5 .navbar-toggle span.icon-bar, 530 .navbar-theme-6 .navbar-toggle span.icon-bar, 531 .navbar-theme-7 .navbar-toggle span.icon-bar, 532 .navbar-theme-8 .navbar-toggle span.icon-bar, 533 .navbar-theme-10 .navbar-toggle span.icon-bar, 534 .navbar-theme-11 .navbar-toggle span.icon-bar, 535 .navbar-theme-13 .navbar-toggle span.icon-bar, 536 .navbar-theme-20 .navbar-toggle span.icon-bar, 537 .navbar-theme-25 .navbar-toggle span.icon-bar, 538 .navbar-st-7 .navbar-toggle span.icon-bar, 539 .navbar-theme-22 .navbar-toggle span.icon-bar { 540 background-color: #F08E00; 541 } 542 543 .css-cmsplugin_gallery .carousel-indicators .active { 544 background-color: #F08E00; 545 } 546 547 .item-primarycolor a, 548 .item-primarycolor a:hover { 549 color: #F08E00; 550 } 551 .item-themecolor a, 552 .item-themecolor a:hover { 553 color: #F08E00; 554 } 555 556 .theme-11 .widgets-theme-11 h2, 557 .theme-13 .widgets-theme-13 h2, 558 .theme-14 .widgets-theme-13 h2 { 559 color: #F7B801; 560 } 561 562 .theme-13 .bottom-1 .generic-banner, 563 .theme-14 .bottom-1 .generic-banner, 564 .theme-15 .bottom-1 .generic-banner { 565 background-color: #009543; 566 } 567 .theme-13 .bottom-2 .generic-banner, 568 .theme-14 .bottom-2 .generic-banner, 569 .theme-15 .bottom-2 .generic-banner { 570 background-color: #F08E00; 571 } 572 .theme-13 .bottom-3 .generic-banner, 573 .theme-14 .bottom-3 .generic-banner, 574 .theme-15 .bottom-3 .generic-banner { 575 background-color: #F7B801; 576 } 577 .theme-13 .bottom-4 .generic-banner, 578 .theme-14 .bottom-4 .generic-banner , 579 .theme-15 .bottom-4 .generic-banner{ 580 background-color: #036FBC; 581 } 582 583 .banners-theme4 h2 { 584 color: #036FBC; 585 } 586 587 .carousel-theme-10 h1:before, 588 .carousel-theme-10 h2:before, 589 .carousel-theme-13 h1:before, 590 .carousel-theme-13 h2:before { 591 background-color: #F7B801; 592 } 593
594 .theme-10 .news-plugin h3, 595 .theme-10 .news-plugin a, 596 .theme-10 .agenda-plugin h3, 597 .theme-10 .agenda-plugin a, 598 .theme-13 .news-plugin h3, 599 .theme-13 .news-plugin a, 600 .theme-13 .agenda-plugin h3, 601 .theme-13 .agenda-plugin a, 602 .theme-20 .news-plugin h3, 603 .theme-20 .news-plugin a, 604 .theme-20 .agenda-plugin h3, 605 .theme-20 .agenda-plugin a, 606 .theme-25 .news-plugin h3, 607 .theme-25 .news-plugin a, 608 .theme-25 .agenda-plugin h3, 609 .theme-25 .agenda-plugin a { 610 color: #F08E00; 611 } 612 613 .theme-11-news-agenda h2, 614 .theme-13-news-agenda h2 { 615 color: #F08E00; 616 } 617 618 .theme-11 .pager li > a, .pager li > span, 619 .theme-13 .pager li > a, .pager li > span { 620 background-color: #F08E00; 621 } 622 .theme-11 .pager li > a:hover, 623 .theme-13 .pager li > a:hover { 624 background-color: #036FBC; 625 } 626 627 /* ADD BACKGROUND IMAGE TO THEME */ 628 body{ 629 630 background: #FFFFFF; 631 632 } 633 634 body, 635 html { 636 637 font-family: "Open Sans", system-ui, sans-serif; 638 639 -webkit-font-smoothing: antialiased; 640 font-size: var(--font-base-size); 641 } 642 643 .mt-icon-primary { 644 color: #F7B801; 645 } 646 .mt-icon-secondary { 647 color: #036FBC; 648 } 649 .mt-icon-themecolor { 650 color: #F08E00; 651 } 652 /* 653 .box.primary, .section.primary { 654 background-color: #F7B801; 655 } 656 .box.secondary, .section.secondary { 657 background-color: #036FBC; 658 } 659 .box.theme, .section.theme { 660 background-color: #F08E00; 661 } 662 .box.tertiary, .section.tertiary { 663 background-color: #009543; 664 } 665 */ 666 667 668 .mt-icon-tertiary { 669 color: #009543; 670 } 671 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"], 672 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"], 673 .st-7 form.djangocms-googlemap-route-planner input[type="submit"], 674 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] { 675 background-color: #F7B801; 676 } 677 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 678 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 679 .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 680 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover { 681 background-color: #036FBC; 682 } 683 684 .theme-11 .fa-play, 685 .theme-14 .fa-play { 686 background-color: #F7B801; 687 } 688 .theme-11 .fa-play:hover, 689 .theme-14 .fa-play:hover { 690 background-color: #F08E00; 691 text-decoration: none; 692 } 693 694 .theme-24 .content-page .youvideo-thumbnail::after { 695 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='%23F08E00' 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"); 696 } 697 698 /* APP STYLES */ 699 /* Messages */ 700 .OverViewContainer .postTitle, 701 .modal-body .postTitle { 702 color: #F08E00; 703 } 704 705 /* Event */ 706 a.listPostTitle { 707 color: #F7B801; 708 } 709 .agendaeventTitleContainer h4 { 710 color: #036FBC; 711 } 712 713 .rbc-header, 714 .rbc-toolbar button { 715 background-color: #F08E00 !important; 716 } 717 .rbc-toolbar button:active { 718 background-color: #F7B801 !important; 719 } 720 .rbc-toolbar button.rbc-active, 721 .rbc-toolbar button:hover { 722 background-color: #F7B801 !important; 723 } 724 .rbc-event {
725 background-color: #F7B801 !important; 726 } 727 728 /*Photos*/ 729 .AlbumOverViewContainer .postTitle { 730 color: #F08E00; 731 } 732 733 /* Theme adjustments */ 734 .theme-14 .agendaeventTitleContainer h4, 735 .theme-15 .agendaeventTitleContainer h4 { 736 color: #036FBC; 737 } 738 739 /* EVENT COLORS & MODAL */ 740 .post-modal-header { 741 background-color: #F08E00; 742 } 743 744 .modal-body .eventMonth { 745 background: #036FBC; 746 } 747 748 .theme-7 .agendaeventMonth, 749 .theme-9 .agendaeventMonth .bg-primary, 750 .theme-10 .agendaeventMonth .bg-primary, 751 .theme-11 .agendaeventMonth .bg-primary, 752 .theme-13 .agendaeventMonth .bg-primary, 753 .theme-17 .agendaeventMonth .bg-primary, 754 .postOverviewheader.bg-primary.mb-3, 755 .date-container, 756 .card.postOverviewheader { 757 background-color: #F08E00 !important; 758 } 759 760 .theme-2 .agendaeventMonth .bg-primary, 761 .theme-3 .agendaeventMonth .bg-primary, 762 .theme-5 .agendaeventMonth .bg-primary, 763 .theme-6 .agendaeventMonth .bg-primary, 764 .theme-8 .agendaeventMonth .bg-primary, 765 .theme-19 .agendaeventMonth .bg-primary { 766 background-color: #F7B801 !important; 767 } 768 .theme-1 .agendaeventMonth .bg-primary, 769 .theme-4 .agendaeventMonth .bg-primary, 770 .theme-14 .agendaeventMonth .bg-primary, 771 .theme-15 .agendaeventMonth .bg-primary, 772 .theme-20 .agendaeventMonth .bg-primary { 773 background-color: #036FBC !important; 774 } 775 776 .theme-5 h4.card-title.float-left, 777 .theme-6 h4.card-title.float-left, 778 .theme-8 h4.card-title.float-left, 779 a.btn.btn-default.documentBtn.verticalBtn { 780 color: #F7B801 !important; 781 } 782 783 .theme-4 a.eventPostTitle, 784 .theme-14 h4.card-title.float-left { 785 color: #036FBC !important; 786 } 787 788 .theme-1 a.eventPostTitle:hover, 789 .theme-2 a.eventPostTitle:hover, 790 .theme-4 a.eventPostTitle:hover, 791 .theme-7 a.eventPostTitle:hover, 792 .theme-11 a.eventPostTitle:hover, 793 .theme-13 a.eventPostTitle:hover, 794 .theme-14 a.eventPostTitle:hover, 795 .theme-15 a.eventPostTitle:hover, 796 .theme-17 a.eventPostTitle:hover, 797 .theme-18 a.eventPostTitle:hover, 798 .theme-19 a.eventPostTitle:hover { 799 color: #F08E00; 800 } 801 802 .theme-3 a.eventPostTitle:hover, 803 .theme-5 a.eventPostTitle:hover, 804 .theme-6 a.eventPostTitle:hover, 805 .theme-8 a.eventPostTitle:hover, 806 .theme-9 a.eventPostTitle:hover, 807 .theme-10 a.eventPostTitle:hover, 808 .theme-16 a.eventPostTitle:hover, 809 .theme-20 a.eventPostTitle:hover, 810 .theme-20 a.listPostTitle:hover { 811 color: #F7B801; 812 } 813 814 .eventStartDate .eventMonth, 815 .theme-7 .modal-body .eventStartDate .eventMonth, 816 .theme-9 .modal-body .eventStartDate .eventMonth, 817 .theme-10 .modal-body .eventStartDate .eventMonth, 818 .theme-11 .modal-body .eventStartDate .eventMonth, 819 .theme-13 .modal-body .eventStartDate .eventMonth, 820 .theme-16 .modal-body .eventStartDate .eventMonth, 821 .theme-17 .modal-body .eventStartDate .eventMonth, 822 .theme-18 .modal-body .eventStartDate .eventMonth, 823 .theme-20 .modal-body .eventStartDate .eventMonth { 824 background-color: #F08E00 !important; 825 } 826 827 .theme-1 .modal-body .eventStartDate .eventMonth, 828 .theme-3 .modal-body .eventStartDate .eventMonth, 829 .theme-4 .modal-body .eventStartDate .eventMonth, 830 .theme-5 .modal-body .eventStartDate .eventMonth, 831 .theme-6 .modal-body .eventStartDate .eventMonth, 832 .theme-8 .modal-body .eventStartDate .eventMonth { 833 background-color: #F7B801 !important; 834 } 835 .theme-14 .modal-body .eventStartDate .eventMonth, 836 .theme-15 .modal-body .eventStartDate .eventMonth { 837 background-color: #036FBC !important; 838 } 839 840 .modal-body h4.postTitle { 841 color: #F08E00 !important; 842 } 843 844 .modal-header, 845 .documentListContainer .btn { 846 background-color: #F08E00; 847 color: #ffffff; 848 } 849 850 .modal-header > .modal-title{ 851 color: #ffffff; 852 } 853 854 .rbc-btn-group button, 855 .rbc-event, 856 .rbc-header, 857 .rbc-month-header .rbc-header, 858 .rbc-time-header-cell-single-day .rbc-header, 859 .rbc-agenda-view .rbc-agenda-table thead tr { 860 background-color: #F08E00; 861 } 862 863 .custom-select { 864 background: #F08E00 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; 865 background-size: 8px 10px; 866 } 867 868 .rbc-toolbar-label { 869 color: #F08E00; 870 } 871 872 873 /* HEADER, LINK AND ICON COLOR */ 874 .nobox.theme_color.colored_text h2, 875 .nobox.theme_color.colored_text h3, 876 .nobox.theme_color.colored_text a, 877 .nobox.theme_color.colored_text .iconplugin-icon, 878 .outline.theme_color.colored_text h2, 879 .outline.theme_color.colored_text h3, 880 .outline.theme_color.colored_text a, 881 .coloredbox.theme_color.colored_text h2, 882 .coloredbox.theme_color.colored_text h3, 883 .coloredbox.theme_color.colored_text a, 884 .greyoutline.theme_color.colored_text h2, 885 .greyoutline.theme_color.colored_text h3, 886 .greyoutline.theme_color.colored_text a, 887 .greybox.theme_color.colored_text h2, 888 .greybox.theme_color.colored_text h3, 889 .greybox.theme_color.colored_text a, 890 .vacancy-container.theme_color h2, 891 .vacancy-list-container.theme_color h3, 892 .contact-banner .nobox.theme_color.colored_text a[href^=tel], 893 .contact-banner .outline.theme_color.colored_text a[href^=tel], 894 .contact-banner .coloredbox.theme_color.colored_text a[href^=tel], 895 .contact-banner .greyoutline.theme_color.colored_text a[href^=tel], 896 .contact-banner .greybox.theme_color.colored_text a[href^=tel] { 897 color: #F08E00; 898 } 899 900 .nobox.primary_color.colored_text h2, 901 .nobox.primary_color.colored_text h3, 902 .nobox.primary_color.colored_text a, 903 .nobox.primary_color.colored_text .iconplugin-icon, 904 .outline.primary_color.colored_text h2, 905 .outline.primary_color.colored_text h3, 906 .outline.primary_color.colored_text a, 907 .coloredbox.primary_color.colored_text h2, 908 .coloredbox.primary_color.colored_text h3, 909 .coloredbox.primary_color.colored_text a, 910 .greyoutline.primary_color.colored_text h2, 911 .greyoutline.primary_color.colored_text h3, 912 .greyoutline.primary_color.colored_text a, 913 .greybox.primary_color.colored_text h2, 914 .greybox.primary_color.colored_text h3, 915 .greybox.primary_color.colored_text a, 916 .vacancy-container.primary_color h2, 917 .vacancy-list-container.primary_color h3, 918 .contact-banner .nobox.primary_color.colored_text a[href^=tel], 919 .contact-banner .outline.primary_color.colored_text a[href^=tel], 920 .contact-banner .coloredbox.primary_color.colored_text a[href^=tel], 921 .contact-banner .greyoutline.primary_color.colored_text a[href^=tel], 922 .contact-banner .greybox.primary_color.colored_text a[href^=tel] { 923 color: #F7B801;; 924 } 925 926 .nobox.secondary_color.colored_text h2, 927 .nobox.secondary_color.colored_text h3, 928 .nobox.secondary_color.colored_text a, 929 .nobox.secondary_color.colored_text .iconplugin-icon, 930 .outline.secondary_color.colored_text h2, 931 .outline.secondary_color.colored_text h3, 932 .outline.secondary_color.colored_text a, 933 .coloredbox.secondary_color.colored_text h2, 934 .coloredbox.secondary_color.colored_text h3, 935 .coloredbox.secondary_color.colored_text a, 936 .greyoutline.secondary_color.colored_text h2, 937 .greyoutline.secondary_color.colored_text h3, 938 .greyoutline.secondary_color.colored_text a, 939 .greybox.secondary_color.colored_text h2, 940 .greybox.secondary_color.colored_text h3, 941 .greybox.secondary_color.colored_text a, 942 .vacancy-container.secondary_color h2, 943 .vacancy-list-container.secondary_color h3, 944 .contact-banner .nobox.secondary_color.colored_text a[href^=tel], 945 .contact-banner .outline.secondary_color.colored_text a[href^=tel], 946 .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel], 947 .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel], 948 .contact-banner .greybox.secondary_color.colored_text a[href^=tel] { 949 color: #036FBC ; 950 } 951 952 .nobox.tertiary_color.colored_text h2, 953 .nobox.tertiary_color.colored_text h3, 954 .nobox.tertiary_color.colored_text a, 955 .nobox.tertiary_color.colored_text .iconplugin-icon, 956 .outline.tertiary_color.colored_text h2, 957 .outline.tertiary_color.colored_text h3, 958 .outline.tertiary_color.colored_text a, 959 .coloredbox.tertiary_color.colored_text h2, 960 .coloredbox.tertiary_color.colored_text h3, 961 .coloredbox.tertiary_color.colored_text a, 962 .greyoutline.tertiary_color.colored_text h2, 963 .greyoutline.tertiary_color.colored_text h3, 964 .greyoutline.tertiary_color.colored_text a, 965 .greybox.tertiary_color.colored_text h2, 966 .greybox.tertiary_color.colored_text h3, 967 .greybox.tertiary_color.colored_text a, 968 .vacancy-container.tertiary_color h2, 969 .vacancy-list-container.tertiary_color h3, 970 .contact-banner .nobox.tertiary_color.colored_text a[href^=tel], 971 .contact-banner .outline.tertiary_color.colored_text a[href^=tel], 972 .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel], 973 .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel], 974 .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] { 975 color: #009543 ; 976 } 977 978 979 /* VACANCY COLORS */ 980 .vacancy-container.nobox.theme_color .btn-group .btn-read, 981 .vacancy-container.outline.theme_color .btn-group .btn-read, 982 .vacancy-container.greyoutline.theme_color .btn-group .btn-read, 983 .vacancy-container.greybox.theme_color .btn-group .btn-read,
984 .vacancy-container.theme_color .modal-header, 985 .vacancy-container.theme_color .btn-close, 986 .vacancy-list-container.theme_color .btn-group .btn-read, 987 .vacancy-list-container.theme_color .modal-header, 988 .vacancy-list-container.theme_color .btn-close { 989 background-color: #F08E00; 990 border-color: #F08E00; 991 } 992 993 .vacancy-container.primary_color .btn-group .btn-read, 994 .vacancy-container.primary_color .modal-header, 995 .vacancy-container.primary_color .btn-close, 996 .vacancy-list-container.primary_color .btn-group .btn-read, 997 .vacancy-list-container.primary_color .modal-header, 998 .vacancy-list-container.primary_color .btn-close { 999 background-color: #F7B801; 1000 border-color: #F7B801; 1001 } 1002 1003 .vacancy-container.secondary_color .btn-group .btn-read, 1004 .vacancy-container.secondary_color .modal-header, 1005 .vacancy-container.secondary_color .btn-close, 1006 .vacancy-list-container.secondary_color .btn-group .btn-read, 1007 .vacancy-list-container.secondary_color .modal-header, 1008 .vacancy-list-container.secondary_color .btn-close { 1009 background-color: #036FBC; 1010 border-color: #036FBC; 1011 } 1012 1013 .vacancy-container.tertiary_color .btn-group .btn-read, 1014 .vacancy-container.tertiary_color .modal-header, 1015 .vacancy-container.tertiary_color .btn-close, 1016 .vacancy-list-container.tertiary_color .btn-group .btn-read, 1017 .vacancy-list-container.tertiary_color .modal-header, 1018 .vacancy-list-container.tertiary_color .btn-close { 1019 background-color: #009543; 1020 border-color: #009543; 1021 } 1022 1023 .vacancy-container.coloredbox.theme_color .btn-group .btn-read, 1024 .list-vacancy-container a.btn-vacancy.theme_color { 1025 color: #F08E00; 1026 } 1027 1028 .vacancy-container.coloredbox.primary_color .btn-group .btn-read, 1029 .list-vacancy-container a.btn-vacancy.primary_color { 1030 color: #F7B801; 1031 } 1032 1033 .vacancy-container.coloredbox.secondary_color .btn-group .btn-read, 1034 .list-vacancy-container a.btn-vacancy.secondary_color { 1035 color: #036FBC; 1036 } 1037 1038 .vacancy-container.coloredbox.tertiary_color .btn-group .btn-read, 1039 .list-vacancy-container a.btn-vacancy.tertiary_color { 1040 color: #009543; 1041 } 1042 1043 .vacancy-list-container.theme_color .fa-bullhorn { 1044 border: 1px solid #F08E00; 1045 } 1046 1047 .vacancy-list-container.primary_color .fa-bullhorn { 1048 border: 1px solid #F7B801; 1049 } 1050 1051 .vacancy-list-container.secondary_color .fa-bullhorn { 1052 border: 1px solid #036FBC; 1053 } 1054 1055 .vacancy-list-container.tertiary_color .fa-bullhorn { 1056 border: 1px solid #009543; 1057 } 1058 1059 1060 /* GENERIC BANNER & SCHOOL STATISTICS COLORS */ 1061 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 1062 .flex-t10 .icon-container .iconplugin-icon{ 1063 background-color: #ffffff !important; 1064 border: none !important; 1065 color: #F08E00 !important; 1066 } 1067 1068 .theme-10 .navbar .open-menu, 1069 .theme-20 .navbar .open-menu, 1070 .theme-21 .navbar .open-menu, 1071 .theme-24 .navbar .open-menu, 1072 .theme-25 .navbar .open-menu, 1073 .st-9 .navbar .open-menu, 1074 .st-6 .navbar .open-menu, 1075 .st-7 .navbar .open-menu { 1076 color: #F08E00; 1077 } 1078 1079 1080 1081 1082 1083 [class*="mt-btn"], 1084 .file-plugin, 1085 .btn-share, 1086 .btn-search, .btn-outline { 1087 1088 1089 1090 } 1091 1092 1093 1094 1095 1096 1097 1098 h1, 1099 h2, 1100 h3, 1101 h4, 1102 h5, 1103 h6{ 1104 color: var(--theme-heading-color); 1105 1106 font-family: var(--heading-ff); 1107 1108 } 1109 1110 1111</style> 1112 1113
1114<script> 1115 (function() { 1116 var w = 1400; 1117 if (window.innerWidth >= w) { 1118 document.documentElement.classList.add('desktop-nav'); 1119 } 1120 })(); 1121</script>
1121 1122 1123 1124 <link rel="preconnect" href="https://fonts.googleapis.com"> 1125 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1126 1127 <link href='https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1128 <link href='https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1129 <link href='https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 1130 1131 1132 1133 1134 1135 1136 1137<!-- Modal --> 1138<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true"> 1139 <div class="modal-dialog"> 1140 <div class="modal-content"> 1141 <div class="modal-header py-2 bg-light"> 1142 <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5> 1143 <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close"> 1144 <span aria-hidden="true">×</span> 1145 </button> 1146 </div> 1147 <div class="modal-body"> 1148 <p class="user-settings-title"> 1149 Tekstgrootte 1150 </p> 1151 <div class="btn-group btn-group-toggle" data-toggle="buttons"> 1152 <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false"> 1153 <i class="fas fa-font t-1"></i> 1154 </button> 1155 <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false"> 1156 <i class="fas fa-font t-1-25"></i> 1157 </button> 1158 <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false"> 1159 <i class="fas fa-font t-2"></i> 1160 </button> 1161 </div> 1162 </div> 1163 </div> 1164 </div> 1165</div> 1166 1167 1168 <div class="top-info b-white"> 1169 <div class="container"> 1170 1171 </div> 1172 </div> 1173 <nav class="navbar navbar-expand-xl nav-bg responsive_menu"> 1174 <div class="container"> 1175 <a class="school-logo-wrapper logo__sm" href="/"> 1176 <img class="school-logo" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public/af/31/af31ac74-1453-41e0-a4ce-8447172c0f5c/orionocdrost.jpg" /> 1177</a> 1178 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" 1179 aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation"> 1180 <span class="navbar-toggler-icon"> 1181 <i class="fa fa-bars" aria-hidden="true"></i> 1182 </span> 1183 </button> 1184 <div class="collapse navbar-collapse" id="navbarsExample07"> 1185 <ul class="navbar-nav ml-auto"> 1186 1187 1188 1189 1190 1191 1192 1193 <li class="nav-item "> 1194 <a class="nav-link" 1195 href="/" 1196 > 1197 Home 1198 </a> 1199 </li> 1200 1201 1202 1203 1204 1205 <li class="nav-item "> 1206 <a class="nav-link" 1207 href="/open-dag/" 1208 > 1209 Open Dag 1210 </a> 1211 </li> 1212 1213 1214 1215 1216 1217 1218 <li class="dropdown-parent nav-item dropdown "> 1219 <a class="nav-link" 1220 href="/onze-school/" 1221 > 1222 Onze school 1223 </a> 1224 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1225 <ul class="dropdown-menu"> 1226 1227 <li class="dropdown-item"> 1228 <a class="dropdown-link" 1229 href="/onze-school/doelgroep/" 1230 > 1231 Doelgroep 1232 </a> 1233 </li> 1234 1235 <li class="dropdown-item"> 1236 <a class="dropdown-link" 1237 href="/onze-school/leerroutes/" 1238 > 1239 Leerroutes 1240 </a> 1241 </li> 1242 1243 <li class="dropdown-item"> 1244 <a class="dropdown-link" 1245 href="/onze-school/wie-is-wie/" 1246 > 1247 Wie is wie 1248 </a> 1249 </li> 1250 1251 <li class="dropdown-item"> 1252 <a class="dropdown-link" 1253 href="/onze-school/partners/" 1254 > 1255 Partners 1256 </a> 1257 </li> 1258 1259 <li class="dropdown-item"> 1260 <a class="dropdown-link" 1261 href="/onze-school/stichting-orion/" 1262 > 1263 Stichting Orion 1264 </a> 1265 </li> 1266 1267 </ul> 1268 </li> 1269 1270 1271 1272 1273 1274 1275 1276 <li class="dropdown-parent nav-item dropdown "> 1277 <a class="nav-link"
1278 href="/praktische-info/" 1279 > 1280 Praktische info 1281 </a> 1282 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1283 <ul class="dropdown-menu"> 1284 1285 <li class="dropdown-item"> 1286 <a class="dropdown-link" 1287 href="/praktische-info/jaarrooster/" 1288 > 1289 Jaarrooster 1290 </a> 1291 </li> 1292 1293 <li class="dropdown-item"> 1294 <a class="dropdown-link" 1295 href="/praktische-info/aanmelden/" 1296 > 1297 Oriëntatie 1298 </a> 1299 </li> 1300 1301 <li class="dropdown-item"> 1302 <a class="dropdown-link" 1303 href="/praktische-info/vervoer/" 1304 > 1305 Vervoer 1306 </a> 1307 </li> 1308 1309 <li class="dropdown-item"> 1310 <a class="dropdown-link" 1311 href="/praktische-info/schooldocumenten/" 1312 > 1313 Schooldocumenten 1314 </a> 1315 </li> 1316 1317 </ul> 1318 </li> 1319 1320 1321 1322 1323 1324 1325 1326 <li class="dropdown-parent nav-item dropdown "> 1327 <a class="nav-link" 1328 href="/actueel/" 1329 > 1330 Actueel 1331 </a> 1332 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1333 <ul class="dropdown-menu"> 1334 1335 <li class="dropdown-item"> 1336 <a class="dropdown-link" 1337 href="/actueel/vacatures/" 1338 > 1339 Vacatures 1340 </a> 1341 </li> 1342 1343 </ul> 1344 </li> 1345 1346 1347 1348 1349 1350 1351 <li class="nav-item active"> 1352 <a class="nav-link" 1353 href="/contact/" 1354 > 1355 Contact 1356 </a> 1357 </li> 1358 1359 1360 1361 1362 </ul> 1363 <!-- SEARCH FUNCTION --> 1364 1365 <div class="search-function d-inline-flex"> 1366 <div class="form-check search-button"> 1367 <button class="search-toggle" data-toggle="modal" data-target="#searchModal"><i class="fa fa-search"></i></button> 1368 </div> 1369 </div> 1370 1371<!-- END SEARCH FUNCTION --> 1372 </div> 1373 </div> 1374 </nav> 1375 1376 1377 1378 1379 1380<div class="page_header"> 1381 1382 1383<div id="myCarousel" class="carousel slide css-cmsplugin_gallery" data-ride="carousel"> 1384 <ol class="carousel-indicators"> 1385 1386 <li data-target="#myCarousel" data-slide-to="0" class=" active "></li> 1387 1388 </ol> 1389 1390 1391 <div class="carousel-inner" role="listbox"> 1392 1393 1394 1395 <div class="carousel-item item active" style="background-image:url('https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/9b/2e/9b2eaa42-3128-4e5a-8382-7578b2f2020b/20180625-020-drostenburg.jpg__1920x1000_q100_subsampling-2.jpg'); background-position-y: 50%;"> 1396 <div class="image-gallery-overlay" style="background-color: rgba(0, 0, 0, 0.4); width:100%; height: 100%;"></div> 1397 </div> 1398 1399 1400 1401 </div> 1402</div> 1403 1404 <div class="page_meta"> 1405 <h1 class="page_title">Contact</h1> 1406 1407 1408<ol class="breadcrumb gets-rounded"> 1409 1410 <li class="breadcrumb-item active"><a href="/">Home</a> » </li> 1411 1412 <li class="breadcrumb-item active">Contact</li> 1413 1414</ol> 1415 1416 </div> 1417</div> 1418 1419 <main class="content-main sidebar-right"> 1420 <div class="container"> 1421 <div class="row"> 1422 <div class="col-md-6"> 1423 1424 1425 1426 1427 1428 <div class="contact-banner d-flex flex-md-row flex-column flex-sm-column gets-shadow gets-rounded coloredbox 1429 theme_color white_text show_icon plugin-block"> 1430 <div class="my-auto"> 1431 <h2 class="white_text contact-title">Contact</h2> 1432 <p> 1433 1434 <p> 1435 <i class="fa fa-map-pin"></i> 1436 <span>Drostenburg 5B<br>1102 AM Amsterdam</span> 1437 </p> 1438 1439 1440 1441 <p> 1442 <span class="post_adress"> 1443 <span>==<br>âVoor het aanvragen van een vrijblijvend adviesgesprek vragen wij u om het contactformulier in te vullen op de orientatie pagina, onder praktische info.<br>==<br><br>â</span> 1444 </span> 1445 </p> 1446 1447 1448 1449 1450 <p><i class="fa fa-phone-alt"></i> 1451 <span><a href="tel:020 - 611 12 13" class="white_text">020 - 611 12 13</a></span></p> 1452 1453 1454 1455 1456 <p><i class="fa fa-envelope-o"></i>
1457 <span><a href="mailto:[email protected]" target="_blank" 1458 class="white_text">[email protected]</a></span></p> 1459 1460 1461 1462 1463 </p> 1464 1465 </div> 1466 1467 </div> 1468 1469 1470 1471 <div id="space-plugin-51240" class="whitespace" style="clear: both; height: 30px;"></div> 1472 1473 1474 1475<div class="djangocms-googlemap js-djangocms-googlemap" 1476 data-zoom="13" 1477 data-style="" 1478 data-lat="" 1479 data-lng="" 1480 data-zoom-control="true" 1481 data-street-view-control="true" 1482 data-rotate-control="true" 1483 data-scale-control="true" 1484 data-fullscreen-control="true" 1485 data-pan-control="true" 1486 data-double-click-zoom="true" 1487 data-draggable="true" 1488 data-keyboard-shortcuts="true" 1489 data-scrollwheel="true" 1490 data-map-type-control="ROADMAP" 1491 1492 1493> 1494 <div class="djangocms-googlemap-container js-djangocms-googlemap-container" 1495 style="width: 100%; height: 400px;" data-name="googlemaps" 1496 data-purpose="Google kaart"></div> 1497 1498 1499 1500<div class="djangocms-googlemap-marker js-djangocms-googlemap-marker" 1501 data-title="OC Dorstenburg" 1502 data-address="Drostenburg 5B 1102 AM Amsterdam" 1503 data-lat="" 1504 data-lng="" 1505 data-icon="" 1506 data-show-content="true" 1507 1508 hidden 1509> 1510 1511</div> 1512 1513 1514 1515 1516</div> 1517 1518 1519 1520 1521 1522 </div> 1523 <div class="col-md-6"> 1524 <div class="sidebar gets-rounded gets-shadow"> 1525 1526 1527<div class="forms mt-dynamic-form" id=""> 1528 1529 <h3 class="title">Contact opnemen</h3> 1530 1531 1532 1533 <div class="form-wrapper"> 1534 <form action="/forms/submit/" method="POST" > 1535 <div class="form-errors" style="display: none;"></div> 1536 1537 <div class="field-wrapper form-group textinput required"> 1538 <div class="field-errors" style="display: none;"></div> 1539 1540 1541 1542 1543 <label for="naam"> 1544 Naam <span class="asterisk">*</span> 1545 </label> 1546 <input type="text" name="naam" class="textinput form-control" required id="naam"> 1547 1548 1549 </div> 1550 1551 <div class="field-wrapper form-group telephoneinput required"> 1552 <div class="field-errors" style="display: none;"></div> 1553 1554 1555 1556 1557 <label for="telefoonnummer"> 1558 Telefoonnummer <span class="asterisk">*</span> 1559 </label> 1560 <input type="tel" name="telefoonnummer" class="telephoneinput form-control" required id="telefoonnummer"> 1561 1562 1563 </div> 1564 1565 <div class="field-wrapper form-group emailinput required"> 1566 <div class="field-errors" style="display: none;"></div> 1567 1568 1569 1570 1571 <label for="e_mail"> 1572 E-mail <span class="asterisk">*</span> 1573 </label> 1574 <input type="email" name="e_mail" autocomplete="email" class="emailinput form-control" maxlength="320" required id="e_mail"> 1575 1576 1577 </div> 1578 1579 <div class="field-wrapper form-group textarea required"> 1580 <div class="field-errors" style="display: none;"></div> 1581 1582 1583 1584 1585 <label for="opmerking-vraag"> 1586 Opmerking / vraag <span class="asterisk">*</span> 1587 </label> 1588 <textarea name="opmerking-vraag" cols="40" rows="10" class="textarea form-control" required id="opmerking-vraag"> 1589</textarea> 1590 1591 1592 </div> 1593 1594 <input type="hidden" name="csrfmiddlewaretoken" value="thxOeRq22HAuhrkY0ojvXzvoxMviNppmn9lP8JG3O7orurAbVulTeTRx3kEZzYss"> 1595 1596 <input type="hidden" name="form_id" value="j9VRnr41xABGl9n1V3Y08wXPNLpZao" id="form_id"> 1597 1598 <input type="hidden" name="referrer" value="/contact/" id="referrer"> 1599 1600 <input type="hidden" class="django-recaptcha-hidden-field" name="g-recaptcha-response"> 1601 1602 <div class="invisible"> 1603 <input type="text" name="field-check" id="field-check"> 1604 </div> 1605 <div class="button-wrapper submit"> 1606 <button class="form-button btn mt-btn-default mt-btn-primary gets-shadow--hover" type="submit" value="Verzenden"> 1607 Verzenden 1608 </button> 1609 </div> 1610 </form> 1611 </div> 1612 <div class="form-success alert alert-success" style="display: none;"> 1613 1614 <i class="fa fa-check" aria-hidden="true"></i> Bedankt voor uw bericht we nemen zo snel mogelijk contact met je op 1615 1616 </div> 1617</div> 1618 1619 1620 1621 1622 1623 </div> 1624 </div> 1625 </div> 1626 </div> 1627 </main> 1628 1629 1630 <div class="placeholder--featured banners-wrapper"> 1631 1632 1633 1634 <a
1635 href="/praktische-info/aanmelden/" 1636 1637 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text theme_color has-desc plugin-block" 1638 > 1639 1640 1641<div class="generic-banner-mask-theme-5"></div> 1642 1643<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/3f/11/3f11ae68-c0f7-4624-890b-615e9d6359e7/ocdrostenburgcover.jpg__800x800_q100_subject_location-2205%2C1481_subsampling-2.jpg);background-position: 49.78550462858433% 50.15238740264138%"> 1644 <div class="generic-banner-overlay" style="background-color: rgba(247, 184, 1, 0.0); width:100%; height: 100%;"> 1645 </div> 1646</div> 1647<div class="generic-banner-mask-theme-3"></div> 1648 1649<div class="generic-banner-content text-None justify-content-start"> 1650 <div class="generic-banner-title"> 1651 <h3 class="generic-banner-title__text">Aanmelden</h3> 1652 </div> 1653 1654 <div class="generic-banner-description"> 1655 <p>Wilt u uw kind aanmelden op Orion College Drostenburg?</p> 1656 </div> 1657 1658</div> 1659 1660 1661 </a> 1662 1663 1664 1665 1666 <a 1667 href="/onze-school/leerroutes/" 1668 1669 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text primary_color has-desc plugin-block" 1670 > 1671 1672 1673<div class="generic-banner-mask-theme-5"></div> 1674 1675<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/f9/c2/f9c2e370-ce35-4546-8a2f-6257c36bd838/20180625-011-drostenburg.jpg__800x800_q100_subject_location-1995%2C1340_subsampling-2.jpg);background-position: 48.95705521472393% 49.319101950680896%"> 1676 <div class="generic-banner-overlay" style="background-color: rgba(247, 184, 1, 0.0); width:100%; height: 100%;"> 1677 </div> 1678</div> 1679<div class="generic-banner-mask-theme-3"></div> 1680 1681<div class="generic-banner-content text-None justify-content-start"> 1682 <div class="generic-banner-title"> 1683 <h3 class="generic-banner-title__text">Zorg op maat</h3> 1684 </div> 1685 1686 <div class="generic-banner-description"> 1687 <p>De leerling staat centraal binnen een veilig pedagogisch klimaat.</p> 1688 </div> 1689 1690</div> 1691 1692 1693 </a> 1694 1695 1696 1697 1698 <a 1699 href="/praktische-info/vervoer/" 1700 1701 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text secondary_color has-desc plugin-block" 1702 > 1703 1704 1705<div class="generic-banner-mask-theme-5"></div> 1706 1707<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/c6/bd/c6bd660c-0825-47be-b9b4-e0489d7f65ae/20180625-023-drostenburg.jpg__800x800_q100_subject_location-1995%2C1340_subsampling-2.jpg);background-position: 48.96907216494845% 49.319101950680896%"> 1708 <div class="generic-banner-overlay" style="background-color: rgba(3, 111, 188, 0.0); width:100%; height: 100%;"> 1709 </div> 1710</div> 1711<div class="generic-banner-mask-theme-3"></div> 1712 1713<div class="generic-banner-content text-None justify-content-start"> 1714 <div class="generic-banner-title"> 1715 <h3 class="generic-banner-title__text">Vervoer</h3> 1716 </div> 1717 1718 <div class="generic-banner-description"> 1719 <p>Veel leerlingen maken gebruik van leerlingenvervoer vanuit de woonplaats.</p> 1720 </div> 1721 1722</div> 1723 1724 1725 </a> 1726 1727 1728 1729 1730 <a 1731 href="/contact/" 1732 1733 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text tertiary_color has-desc plugin-block" 1734 > 1735 1736 1737<div class="generic-banner-mask-theme-5"></div> 1738 1739<div class="generic-banner-image" style="background-image: url(https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/80/f7/80f7bd22-bc89-47ae-bf9e-bb4bd1b09f1a/20180625-020-drostenburg.jpg__800x800_q100_subject_location-1995%2C1340_subsampling-2.jpg);background-position: 48.95705521472393% 49.319101950680896%"> 1740 <div class="generic-banner-overlay" style="background-color: rgba(0, 149, 67, 0.0); width:100%; height: 100%;"> 1741 </div> 1742</div> 1743<div class="generic-banner-mask-theme-3"></div> 1744 1745<div class="generic-banner-content text-None justify-content-start"> 1746 <div class="generic-banner-title"> 1747 <h3 class="generic-banner-title__text">Contact</h3> 1748 </div> 1749 1750 <div class="generic-banner-description"> 1751 <p>Heeft u een vraag? Of ontvangt u graag meer informatie?</p> 1752 </div> 1753 1754</div> 1755 1756 1757 </a> 1758 1759 1760 </div> 1761 1762 <footer class="footer-bg"> 1763 <div class="container"> 1764 <div class="row"> 1765 <div class="col-md-12"> 1766 1767<div class="multicolumn3 clearfix"> 1768 1769 1770<div class="column" style="width: 33.33%; float: left;"> 1771 1772 1773 1774 1775 1776 1777 <div class="contact-banner d-flex flex-md-row flex-column flex-sm-column gets-shadow gets-rounded nobox 1778 no_color no_text_color show_icon plugin-block"> 1779 <div class="my-auto"> 1780 <h2 class="no_text_color contact-title">Contact</h2> 1781 <p> 1782 1783 <p> 1784 <i class="fa fa-map-pin"></i>
1785 <span>Drostenburg 5B<br>1102 AM Amsterdam</span> 1786 </p> 1787 1788 1789 1790 1791 1792 <p><i class="fa fa-phone-alt"></i> 1793 <span><a href="tel:020 - 611 12 13" class="no_text_color">020 - 611 12 13</a></span></p> 1794 1795 1796 1797 1798 <p><i class="fa fa-envelope-o"></i> 1799 <span><a href="mailto:[email protected]" target="_blank" 1800 class="no_text_color">[email protected]</a></span></p> 1801 1802 1803 1804 1805 </p> 1806 1807 </div> 1808 1809 </div> 1810 1811 1812 1813 1814</div> 1815 1816 1817 1818<div class="column" style="width: 33.33%; float: left;"> 1819 1820 <h2>Volg ons!</h2> 1821 1822 1823 1824<div class="sociallinks plugin-block"> 1825 1826 1827 <a href="https://twitter.com/DrostenburgC" class="sociallink sociallinks-twitter gets-shadow--hover brand_color" target="blank"> 1828 <i class="fa-brands fa-x-twitter"></i> 1829 </a> 1830 1831 1832 1833 1834 1835</div> 1836 1837 1838 1839 1840 <div id="space-plugin-11338" class="whitespace" style="clear: both; height: 40px;"></div> 1841 1842 1843 1844 1845 1846 1847 <a href="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public/3a/27/3a27ac2f-0fc5-4cc7-9e94-1cfac066f5d5/nieuwsflits_esfstichting-orion-2026.pdf" 1848 target="_blank" 1849 > 1850 1851 1852 1853 1854 <figure> 1855 1856 1857 1858<img class="img-fluid picture-plugin plugin-block " src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/34/ee/34eeac6c-ec19-4830-b751-f0a3258fa02f/europese_vlag.png__1200x1200_q100_subsampling-2.jpg" 1859 1860 width="80" 1861 height="80" 1862
1863 style="object-position: 50% 50%" 1864> 1865 1866 1867 1868 <figcaption>Stichting Orion ontvangt extra ESF-subsidie voor arbeidstoeleiding</figcaption> 1869 </figure> 1870 1871 1872 1873 1874 </a> 1875 1876 1877 1878 1879 1880 1881</div> 1882 1883 1884 1885<div class="column" style="width: 33.33%; float: left;"> 1886 1887 <h2 style="text-align: center;">Onderdeel van</h2> 1888 1889 1890 1891 1892 <a href="http://www.orion.nl" 1893 1894 > 1895 1896 1897 1898 1899 1900 1901<img class="img-fluid picture-plugin plugin-block align-center" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/filer_public_thumbnails/filer_public/e0/38/e0383370-c48d-4050-bba1-2a2cd48a9697/ori_cmyk300dpi-grootjpg__242x150_q85_subsampling-2.jpg__1200x1200_q100_subsampling-2.jpg" 1902 1903 1904 1905 class="align-center " 1906 style="object-position: 50% 50%" 1907> 1908 1909 1910 1911 1912 1913 1914 </a> 1915 1916 1917 1918 1919 1920</div> 1921 1922 1923</div> 1924 1925 </div> 1926 </div> 1927 <div class="row"> 1928 <div class="col-12"> 1929 1930 1931<div id="privacy_footer"> 1932 <div class="privacy_menu"> 1933 <ul class="privacy_menu-nav"> 1934 1935 1936 <li class="privacy_menu-item"> 1937 <a href="#" class="privacy_menu-link main-item" data-toggle="modal" data-modal="privacy" 1938 data-target="#privacyModal">Privacy statement</a> 1939 <div id="privacy" class="cc-hidden"> 1940 <p><strong>Privacyverklaring Stichting Orion d.d. 12-02-2024</strong></p> 1941 1942<p>Ter bescherming van de privacy van leerlingen, hun ouders en medewerkers, betracht Stichting Orion de grootst mogelijke zorgvuldigheid. Hiertoe houdt Stichting Orion zich aan alle relevante wetgeving, waaronder de Algemene Verordening Gegevensbescherming (AVG).</p> 1943 1944<p><strong>Waarom verwerken wij gegevens van en over leerlingen</strong></p> 1945 1946<p>Stichting Orion verwerkt persoonsgegevens van leerlingen voor het uitvoeren van de onderwijsovereenkomst die we met uw kind hebben en/of voor het nakomen van onze wettelijke verplichtingen. Zo hebben wij bijvoorbeeld deze gegevens nodig om uw kind aan te melden als leerling op onze school, om de studievoortgang bij te houden en om uw kind in staat te stellen een diploma te halen. Daarnaast hebben wij de wettelijke verplichting om bepaalde gegevens door te sturen naar andere partijen, zoals DUO (ministerie van Onderwijs) en leerplicht. Gegevens die hier niet aan voldoen zullen wij alleen met uw specifieke toestemming verwerken. </p> 1947 1948<p>Hoe gaan wij om met de informatie van en over leerlingenDe leerlinggegevens worden op school opgeslagen in het leerlingvolgsysteem ParnasSys en/of Somtoday. Deze systemen zijn beveiligd en de toegang tot de persoonsgegevens is beperkt tot medewerkers van de school en medewerkers van samenwerkende partijen welke het belang van de leerling dienen, zoals bijvoorbeeld de schoolarts indien hier toestemming voor is gegeven. Ouders hebben het recht om de gegevens van en over hun kind(eren) in te zien. Als de gegevens niet kloppen, moet de informatie gecorrigeerd worden. Als de gegevens die zijn opgeslagen niet meer relevant zijn voor de school, mag u vragen die specifieke gegevens te laten verwijderen. Voor vragen of voor het uitoefenen van uw rechten, kunt u contact opnemen met de directeur van de school.</p> 1949 1950<p>Tijdens de lessen wordt gebruikgemaakt van een aantal digitale leermaterialen. Hiervoor is een beperkte set met persoonsgegevens nodig om bijvoorbeeld een leerling te identificeren. Daarnaast zijn met de leveranciers van deze leermiddelen schriftelijke verwerkersovereenkomsten afgesloten over het gebruik van de gegevens die ze van de school krijgen. Een leverancier mag de leerlinggegevens alleen gebruiken als de school daar toestemming voor geeft, zodat misbruik van die informatie door de leverancier wordt voorkomen. In een aantal gevallen zijn wij, zoals eerder aangegeven, verplicht om gegevens van uw kind te delen met andere organisaties. Dit zijn onder andere DUO, leerplicht, GGD/schoolarts, stagebedrijven en een samenwerkingsverband. Indien de gegevensuitwisseling geen wettelijke grondslag heeft, wordt u hiervoor altijd toestemming gevraagd.</p> 1951 1952<p>Daarnaast wordt in de school regelmatig over leerlingen gesproken, bijvoorbeeld in de rapportvergadering, de leerlingbespreking en het interne zorgoverleg. Dit overleg is nodig om de vorderingen van de leerlingen te volgen, problemen te signaleren en afspraken te maken over de begeleiding in het belang van de ontwikkeling en begeleiding van een leerling. Voor leerlingen die extra begeleiding of zorg nodig hebben, wordt samengewerkt met externe deskundigen. Dit kunnen de vaste samenwerkingspartners in de school zijn, maar ook van buiten de school. Als we een leerling willen bespreken met externen wordt daarvoor eerst aan ouders toestemming gevraagd. Als de leerling 16 jaar of ouder is, vragen we ook de leerling zelf om toestemming. </p> 1953 1954<p>Er zijn bij onze scholen een groot aantal disciplines nauw betrokken bij de ontwikkeling en zorg van onze leerlingen. Dit betekent echter niet dat onze scholen alle gegevens in hun bezit hebben. Het gaat hierbij om: </p> 1955 1956<ul> 1957 <li>de medische dossiers; deze vallen onder het beheer van de GGD c.q. van de schoolarts;</li> 1958 <li>
1958het medisch verslag t.b.v. de Commissie van Begeleiding; dit maakt onderdeel uit van ons leerlingvolgsysteem ParnasSys of Somtoday;</li> 1959 <li>de overige gegevens, zoals verslagen van onderzoek en besprekingen; deze vallen onder het beheer van de directie. Alle dossiers mogen slechts onder toezicht worden ingezien. Ouders hebben uiteraard het recht deze in te zien;</li> 1960 <li>de fysieke en digitale schooldossiers worden vijf jaar na het schoolverlaten van de leerling vernietigd;</li> 1961 <li>als een leerling onze school verlaat wordt het leerling Google-account op inactief gezet. Na drie jaar wordt het Google-schoolaccount verwijderd. Dit geldt ook voor de Google Workspace; </li> 1962 <li>het beschikbaar stellen van dossiergegevens aan derden kan slechts plaatsvinden na toestemming van ouders;</li> 1963 <li>de school kan slechts na toestemming van ouders overgaan tot het opvragen van dossiergegevens bij derden.</li> 1964</ul> 1965 1966<p>Zie voor verdere informatie over de Algemene Verordening Gegevensbescherming de website <a href="https://autoriteitpersoonsgegevens.nl/">https://autoriteitpersoonsgegevens.nl/</a>.</p> 1967 1968<p><strong>Hoe gaan wij om met informatie van en over ouders</strong></p> 1969 1970<p>Over de ouders van ingeschreven leerlingen verzamelt de school alle informatie die noodzakelijk is om de leerlingen zo goed mogelijk te kunnen begeleiden bij het doorlopen van de school en om zo nodig extra zorg te kunnen bieden. Deze informatie wordt (digitaal) opgeslagen in het leerlingdossier. </p> 1971 1972<p><strong>Hoe gaan wij om met informatie van en over medewerkers</strong></p> 1973 1974<p>Over de medewerkers die bij ons werkzaam zijn en zijn geweest, verzamelt het schoolbestuur alle informatie die noodzakelijk is voor hun aanstelling en bezoldiging. Deze informatie wordt (digitaal) opgeslagen in het personeelsdossier (met het personeelsdossier wordt hier alle geregistreerde informatie over het personeelslid bedoeld).Hoe gaan wij om met overige persoonsgegevens?</p> 1975 1976<p>Het kan voorkomen dat Stichting Orion in het bezit komt van (beperkte) gegevens van overige personen, zoals naam en e-mailadres van iemand die zich heeft aangemeld voor onze nieuwsbrief. In dergelijke gevallen zullen wij deze gegevens altijd uitsluitend gebruiken voor het doeleinde waarvoor deze ons zijn aangeleverd.</p> 1977 1978<p><strong>Gebruik van fotoâs en videoâs</strong></p> 1979 1980<p>Er wordt van elke leerling een pasfoto gemaakt, die wordt gebruikt voor het leerlingadministratiesysteem. </p> 1981 1982<p>In het kader van professionalisering van leraren kunnen in onze scholen tijdens lessen video-opnamen worden gemaakt. Deze opnamen dienen alleen voor intern gebruik om het lesgeven van de groepsleerkracht te verbeteren, en worden nooit zonder uw specifieke toestemming buiten de school gebruikt. Na het doelgebruik worden de beelden vernietigd. Voorts kunnen er fotoâs van leerlingen worden gemaakt die worden gebruikt voor het ouder communicatieplatform Social Schools of Klasbord. Deze fotoâs worden alleen gedeeld met ouders van de leerlingen uit de betreffende klas. </p> 1983 1984<p>Ook maakt de school voor andere doeleinden fotoâs en/of videoâs van leerlingen gedurende de schooldag en tijdens jaarfeesten, schoolevenementen en projecten. Zie voor een compleet overzicht en verdere toelichting over het gebruik van fotoâs en videoâs het âtoelichtings- en akkoordformulier gebruik fotoâs en videoâsâ (bijlage in de schoolgids).</p> 1985 1986<p><strong>Basispoort en COOL </strong></p> 1987 1988<p>Om leerlingen eenvoudig toegang te geven tot digitaal leermateriaal van de school, maakt de school gebruik van Basispoort. Deze software maakt het geven van onderwijs op maat via gedigitaliseerde leermiddelen mogelijk. Het maken van bijvoorbeeld een online toets is alleen mogelijk als de docent weet welke leerling de antwoorden heeft ingevoerd. Hiervoor zijn leerlinggegevens nodig. De school heeft met Basispoort een overeenkomst gesloten waarin afspraken zijn gemaakt over het gebruik van de leerlinggegevens. Basispoort maakt gebruik van de volgende set met gegevens: een identificatienummer van Basispoort, voornaam, achternaam, tussenvoegsel, geboortedatum, leerlingkey, groepskey, groepsnaam, jaargroep, geslacht en het identificatienummer van de school. Via Basispoort worden er dus geen leer- of toetsresultaten opgeslagen en/of uitgewisseld. Voor meer informatie over Basispoort kunt u kijken op <a href="http://info.basispoort.nl/privacy">http://info.basispoort.nl/privacy</a>.</p> 1989 1990<p>Naast Basispoort maakt de school ook gebruik van Cloudwise Online Onderwijs Leerplatform, ook wel COOL genoemd. Dit is een gestructureerde schoolomgeving via welke de leerlingen toegang hebben tot de lesprogrammaâs die specifiek voor hen relevant zijn. COOL maakt hiervoor gebruik van enkele basale persoonsgegevens zoals naam, klas, etc. Als u meer wilt lezen over de privacyvoorwaarden van COOL kunt u dit doen op de website van Cloudwise: <a href="https://www.cloudwise.nl">http://www.cloudwise.nl</a>. </p> 1991 1992<p><strong>
1992Google Workspace</strong></p> 1993 1994<p>Binnen stichting Orion werken wij met Google Workspace. In het voorjaar van 2021 is een landelijke DPIA (data protection impact assessment) uitgevoerd inzake de veiligheid van Google Workspace. De DPIA heeft er onder meer toe geleid dat onderwijsinstellingen die met Google Workspace werken circa 25 technische aanpassingen dienden door te voeren. Voorbeelden van aanpassingen die zijn uitgevoerd sinds september 2021 zijn:</p> 1995 1996<ul> 1997 <li>gebruikers verbieden hun profiel zelf aan te passen; </li> 1998 <li>uitzetten van aanvullende Google-services;</li> 1999 <li>gebruikers niet toestaan apps uit de Google Workspace Marketplace te installeren;</li> 2000 <li>nieuwe producten niet automatisch beschikbaar te stellen voor gebruikers;</li> 2001 <li>nooit een vertaling voorstellen; </li> 2002 <li>geen contentsuggesties weergeven op de pagina Nieuw tabblad;</li> 2003 <li>voor alle leerlingen en medewerkers geldt dat wij gebruik maken van uBlock;</li> 2004 <li>YouTube kan niet worden benaderd vanuit het profiel van een individuele leerling;</li> 2005 <li>Google Maps kan niet worden benaderd vanuit het profiel van een individuele leerling; </li> 2006 <li>pseudonimisering van de mailadressen van al onze Orion-leerlingen. </li> 2007</ul> 2008 2009<p><strong>Meekijkfunctie COOL-omgeving</strong></p> 2010 2011<p>Op onze school maken we gebruik van de meekijkfunctie van COOL, het leerplatform van Cloudwise. Het gebruik van de meekijkfunctie van COOL is onderwijsondersteunend. Hiermee kan een docent van achter zijn/haar computer in één oogopslag zien waar leerlingen mee bezig zijn, welke tabbladen openstaan en eventueel ondersteunen waar nodig. Op deze manier hebben leerlingen de vrijheid om met de chromebooks aan de slag te gaan zonder dat de docent het overzicht verliest. Daarnaast stelt het de docent in staat om leerlingen makkelijker, sneller en beter te helpen.</p> 2012 2013<p><strong>Wat verwachten we van u?</strong></p> 2014 2015<p>Het kan voorkomen dat u het als ouder leuk vindt om fotoâs en/of videoâs te maken van uw kind op school of tijdens schoolevenementen, schoolreisjes of projecten. Hier is in principe niets mis mee. Toch willen we u vragen terughoudend te zijn met het maken en publiceren van beeldmateriaal, en geen fotoâs of videoâs te maken van andere leerlingen. Op deze manier kunnen wij de privacy van alle leerlingen waarborgen, en kan de school een veilige omgeving zijn waar kinderen (en hun ouders) niet bang hoeven te zijn steeds te worden gefotografeerd. Wij vertrouwen op uw begrip en medewerking in deze.</p> 2016 2017<p><strong>Inzage, correctie en overdracht van uw gegevens</strong></p> 2018 2019<p>U heeft het recht om na te vragen welke persoonsgegevens Orion verwerkt. Deze inzage in uw gegevens kan zowel schriftelijk als digitaal plaatsvinden. Een verzoek tot (elektronische) inzage in uw gegevens kunt u richten aan de directeur van de school van uw kind, waarvan de contactgegevens hieronder staan vermeld. Op zoân verzoek reageren wij binnen één maand; dit is de wettelijke reactietermijn. Indien er onjuistheden voorkomen in de bij ons bekende gegevens, kunnen deze op verzoek zonder kosten worden gecorrigeerd of volledig worden verwijderd. Tijdens deze periode is het mogelijk om op uw verzoek de verwerking van uw gegevens tijdelijk te beperken. Zo wordt voorkomen dat we fouten maken, doordat Orion tijdens deze periode blijft doorwerken met onjuiste persoonsgegevens.</p> 2020 2021<p>Verder heeft u het recht om uw gegevens - zoals deze met uw toestemming of conform overeenkomst - in onze administratie zijn opgenomen, op te vragen en over te dragen aan een andere instelling die uw persoonsgegevens gaat verwerken. Hierbij gaat het om uw persoonsgegevens die digitaal door ons zijn verwerkt. Op uw verzoek zenden wij deze gegevens door naar een instelling die uw gegevens nodig heeft voor een (vervolg)behandeling of onderwijs.</p> 2022 2023<p><strong>Bezwaar</strong><br> 2024<br> 2025U heeft altijd het recht om bezwaar te maken tegen de verdere verwerking van uw persoonsgegevens. Indien mogelijk stoppen wij met het verwerken van uw persoonsgegevens.Wilt u een datalek melden? U kunt dit melden door een mail te sturen naar [email protected] Wij nemen zo spoedig mogelijk contact met u op voor de verdere afhandeling.</p> 2026 2027<p>Voor overige vragen met betrekking tot de verwerking van uw persoonsgegevens kunt u contact opnemen met <a href="mailto:[email protected]">[email protected]</a>. </p> 2028 2029<p>Indien dat nog niet tot een oplossing leidt, kunt u dit melden bij de Autoriteit Persoonsgegevens. </p> 2030 2031<p>
2031Â </p> 2032 </div> 2033 </li> 2034 2035 2036 2037 2038 2039 <li class="privacy_menu-item"> 2040 <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a> 2041 </li> 2042 2043 </ul> 2044 2045 2046 2047 <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p> 2048 2049 </div> 2050 2051 2052 2053 2054 2055 2056</div> 2057 2058 </div> 2059 </div> 2060 </div> 2061 </footer> 2062 2063 2064 2065 2066 2067 2068 2069 2070
2070<script defer type="text/javascript" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
2070 2071
2071<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
2071 2072
2072<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
2072 2073 2074 2075
2075<script type="text/javascript" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
2075 2076
2076<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 2076
2076
2077<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
2077 2078 2079<style> 2080 2081 .cms-toolbar-expanded .klaro .cookie-notice{top: 66px; right: 20px; bottom: auto; left: auto;} .cookie-notice {top: 20px; right: 20px; bottom: auto; left: auto;}; 2082</style> 2083 2084 2085 2086
2087<script> 2088 /** 2089 * Add translations to the CKEditor syles dropdown 2090 */ 2091 window.addEventListener("DOMContentLoaded", (event) => { 2092 2093 // Add consent events to the dataLayer 2094 window.dataLayer = window.dataLayer || []; 2095 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500) 2096 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500) 2097 2098 if (window.CKEDITOR) { 2099 // add translations for each CKEditor on load 2100 CKEDITOR.on('instanceReady', function(){ 2101 window.CKEDITOR.stylesSet.registered.default.find((styleSet) => { 2102 if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) { 2103 if (styleSet.attributes.class == "c-theme") { 2104 styleSet.name = 'Thema kleur'; 2105 } 2106 if (styleSet.attributes.class == "c-primary") { 2107 styleSet.name = 'Primaire kleur'; 2108 } 2109 if (styleSet.attributes.class == "c-secondary") { 2110 styleSet.name = 'Secondaire kleur'; 2111 } 2112 if (styleSet.attributes.class == "c-tertiary") { 2113 styleSet.name = 'Tertiaire kleur'; 2114 } 2115 } 2116 }) 2117 }); 2118 } 2119 }); 2120</script>
2120 2121 2122 2123 2124
2124<script> 2125 $('.cms-alert').each(function(){ 2126 $(this).on('closed.bs.alert', function (e) { 2127 const { id } = e.currentTarget.dataset; 2128 const cookieName = `socs-announcements-${id}`; 2129 setCookie(cookieName, 'closed', 1); 2130 }); 2131 }); 2132 </script>
2132 2133 2134 2135
2135<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDyc0IpOGZzlVAoiBpbekMOnaKZPyCOQQQ"></script>
2135 2136 2137
2137<script type="opt-in" id="googlemapkey" data-type="application/javascript" data-src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/djangocms_googlemap/js/djangocms.googlemap.cd81923ab87a.js" data-name="googlemaps" data-key=AIzaSyDyc0IpOGZzlVAoiBpbekMOnaKZPyCOQQQ></script>
2137 2138 2139 2140 2141
2141<script src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/djangocms_forms/libs/jquery.form.min.f448c593c242.js"></script>
2141 2142
2142<script src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/djangocms_forms/jquery.djangocms-forms.fc72df83eeec.js"></script>
2142 2143 2144
2144<script type="application/javascript"> 2145 $(function() { 2146 $('.forms').cmsForms({ 2147 'reCaptchaSiteKey': '6LdxOPUsAAAAAHsTmZEEZzf8_5BpKxAl6k3apGv9', 2148 'redirectDelay': 1000 2149 }); 2150 }); 2151 </script>
2151 2152 2153 2154 <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel" 2155 aria-hidden="true"> 2156 <div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered" role="document"> 2157 <div class="modal-content"> 2158 <div class="modal-header"> 2159 <h2 class="modal-title" id="privacyModalLabel">Modal title</h2> 2160 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2161 <span aria-hidden="true">×</span> 2162 </button> 2163 </div> 2164 <div class="modal-body"> 2165 </div> 2166 <div class="modal-footer"> 2167 <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button> 2168 </div> 2169 </div> 2170 </div> 2171 </div> 2172 2173 2174
2174<script type="text/javascript" src="https://stichtingorion-live-8da22ddc27e544289d3-e7384ba.divio-media.com/static/js/slick.min.22f754161489.js"></script>
2174 2175 2176 2177
2177<script> 2178 function loadUserlaneAttributes() { 2179 Userlane('identify', 'AnonymousUser', { 2180 vier_pilaren: false, 2181 header_img: true, 2182 header_text: true, 2183 waardes: true, 2184 featured: true 2185 }); 2186 } 2187 2188 const $bannersWrapper = document.querySelector('.banners-wrapper'); 2189 const bannerChildren = Array.from($bannersWrapper.childNodes).filter(function(child){ 2190 return child.nodeType == 1 2191 }) 2192 if (bannerChildren[0].classList.contains('generic-banner') && document.documentElement.clientWidth < 992) { 2193 $('.banners-wrapper').slick({ 2194 rows: 0, 2195 dots: true, 2196 }) 2197 } 2198 </script>
2198 2199 2200
2200<script type='text/javascript'>document.addEventListener('DOMContentLoaded', function() { 2201 let date = new Date(); 2202 let year = date.getFullYear(); 2203 document.querySelector('.meta-info').innerText = '© Stichting Orion ' + year; 2204 }); 2205</script>
vendor: 2 bytes, line 2205
2205
2206<script> 2207 document.addEventListener('DOMContentLoaded', function() { 2208 var twitterIcon = document.querySelector('.fa.fa-twitter'); 2209 twitterIcon.className = 'fa-brands fa-x-twitter'; 2210 }); 2211</script>
vendor: 1 bytes, line 2211
2211
2212<script type='text/javascript'>document.addEventListener('DOMContentLoaded', function() { 2213 let date = new Date(); 2214 let year = date.getFullYear(); 2215 document.querySelector('.meta-info').innerText = '© Stichting Orion ' + year; 2216 });</script>
2216 2217 2218<!-- Modal --> 2219<div 2220 class="modal fade" 2221 id="searchModal" 2222 tabindex="-1" 2223 role="dialog" 2224 aria-hidden="true" 2225> 2226 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2227 <span aria-hidden="true">×</span> 2228 </button> 2229 <div class="modal-dialog" role="document"> 2230 <div class="modal-content search-modal gets-rounded gets-shadow--hover"> 2231 <div class="modal-body"> 2232 <div class="search-input"> 2233 <form action="/zoek-resultaten" method="GET" id="search-form"> 2234 <i class="fa fa-search"></i> 2235 <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' /> 2236 <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button> 2237 </form> 2238 </div> 2239 </div> 2240 </div> 2241 </div> 2242</div> 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 </body> 2253 2254</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.