1 2 3 4<!DOCTYPE html> 5<html lang="nl"> 6 7 <head> 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <meta property="og:title" content="Home"> 28 <meta property="og:url" content="https://www.destrijene.nl/"> 29 30 31 <meta property="og:type" content="Article"> 32 33 34 35 36 37 38 39 40 41 42 43 44 45 <meta name="twitter:domain" content="www.destrijene.nl"> 46 <meta name="twitter:card" content="summary"> 47 <meta name="twitter:title" content="Home"> 48 <meta name="twitter:url" content="https://www.destrijene.nl/"> 49 50 51 52 53 54 55 56 57 58 59 60 61 <meta charset="utf-8"> 62 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 63 <meta name="csrf-token" content="A28CrjIJF7a3IjVVPjUz5BMT8kc6PeJOYYWfE87dcyDj42aq3Q3jwblDOlaofpVc"> 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 <title>Home</title> 69 70 71 <link rel="stylesheet" href="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/css/templates/flexible/styles-flexible.1b5250a7c627.css"> 72 73 74 <link rel="stylesheet" href="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/css/plugins/carousel/slick.c7d2dc6abf78.css" /> 75 <link rel="stylesheet" href="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/css/plugins/carousel/slick-theme.f35543846d59.css" /> 76 77 78 79 80 <link href="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/js/messages/build/static/css/main.3ac53c81c12f.css" rel="stylesheet"> 81 82 83 84 85 86 87 88 89 90 91 92 </head> 93 94 <body class="flexi page-home home-page "> 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113<style type="text/css"> 114 :root{ 115 --theme-color: #95C11F; 116 --primary-color: #58B51C; 117 --secondary-color: #95C11F; 118 --tertiary-color: #58B51C; 119 --footer-color: #F2F2F2; 120 --footer-link-color: #753288; 121 --nav-link-color: #482F87; 122 --nav-bg-color: #FFFFFF; 123 --topbar-bg-color: #FFFFFF; 124 --background-color: #FFFFFF; 125 --theme-heading-color: var(--theme-color); 126 --theme-hero-bg: #ffffff; 127 --theme-hero-color: #ffffff; 128 --font-base-size: 18px; 129 --file-background-color: #58B51C; 130 --file-text-color: #ffffff; 131 --link-text-color: #482F87; 132 --quote-ff: Ubuntu; 133 134 --heading-ff: "Nunito", system-ui, sans-serif; 135 136 --mobile-mode-width: 1400; 137 138 --theme-border-radius: 8px; 139 140 141 } 142 143 /* 144 Navbar inline css to fix issue related to "more" navbar after plugin add 145 PORTAL-434 & PORTAL-892 146 */ 147 /* Navbar MORE menu fix begins here */ 148 div.cms .cms-toolbar-item-navigation li { 149 position: relative; 150 float: left; 151 } 152 div.cms .cms-toolbar-item-navigation li ul { 153 display: none; 154 } 155 .cms-toolbar-item.cms-toolbar-item-buttons { 156 display: inline-block; 157 } 158 /* Navbar MORE menu fix ends here */ 159 160 .navbar-nav .nav-link{ 161 color: #482F87; 162 } 163 164 a, a:hover { 165 color: #482F87; 166 } 167 168 a.maps-web-btn { 169 background-color: #95C11F; 170 } 171 172 button[type=submit], 173 .btn-jobs-modal { 174 background-color: #95C11F; 175 } 176 177 .quote-text { 178 font-family: var(--quote-ff); 179 } 180 181 .theme-13 h2, 182 .theme-14 h2 { 183 color: #58B51C; 184 } 185 186 .caret { 187 color: #95C11F; 188 } 189 190 /* BLOG / JOBS / FAQ / SEARCH */ 191 192 193 194 .page-link:hover, 195 .list-group-item:hover, 196 .list-group-item:focus { 197 color: #482F87; 198 background-color: #f7f7f7; 199 } 200 201 a.nav-link.newsblog-nav-link, 202 a.nav-link.faq-nav-link { 203 background: #58B51C; 204 } 205 206 .faq-overview-list h3:hover { 207 color: #95C11F; 208 text-decoration: none; 209 } 210 211 .search-pagination .page-item.active .page-link { 212 background-color: #95C11F; 213 border-color: #95C11F; 214 } 215 216 /* TABBABLE */ 217 218 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { 219 background-color: #FFFFFF; 220 border-color: #dee2e6 #FFFFFF; 221 } 222 223 224 225 /* LOGIN */ 226 .btn-tooltip-login, 227 .btn-tooltip-register { 228 background-color: #95C11F; 229 border-color: #95C11F; 230 } 231 232 .carousel-theme-6, 233 .carousel-theme-4 .carousel-tagline-wrapper { 234 background-color: #58B51C; 235 } 236 237 .carousel-theme-8 .schoolname, 238 .carousel-theme-9 .schoolname, 239 .theme-8 .introduction-left { 240 background-color: #95C11F 241 } 242 243 .theme-8 .introduction-right, 244 .theme-8 .school-tagline, 245 .theme-9 .school-tagline { 246 background-color: #58B51C; 247 } 248 249 .agenda-plugin .event-icon { 250 background-color: #95C11F; 251 } 252 253 .agendaeventMonth .bg-primary { 254 background-color: #58B51C !important; 255 } 256 257 258 /** Override nav links */ 259 .theme-1 .navbar-light .nav li a, 260 .navbar-light .nav li a, 261 .navbar .nav > li > a, 262 .navbar-light .navbar-nav .nav-link, 263 .navbar-light .navbar-nav .show > .nav-link, 264 .navbar-light .navbar-nav .active > .nav-link, 265 .navbar-light .navbar-nav .nav-link.show, 266 .navbar .nav li.dropdown.active > .dropdown-toggle, 267 .navbar-light .navbar-nav .nav-link.active, 268 .navbar .nav li.dropdown.active > .dropdown-toggle, 269 .navbar .nav li.dropdown.open > .dropdown-toggle, 270 .dropdown-menu a, 271 .theme-10 .navbar .nav > li > a, 272 .theme-10 .navbar-light .navbar-nav .nav-link { 273 color: #482F87; 274 } 275 276
277 .navbar .nav .dropdown.active > .dropdown-toggle, 278 .navbar .nav .nav-item.active > .nav-link, 279 .navbar-theme-4.navbar .nav .nav-item.active, 280 .navbar-theme-4.responsive_menu .nav-item.active > .dropdown-toggle i{ 281 color: #95C11F; 282 } 283 284 .content-theme-5 .nav, 285 .content-theme-5 .nav-stacked > li > a, 286 .content-theme-5 .nav-stacked > li > a:hover, 287 .content-theme-5 .nav-stacked > li > a:focus, 288 .content-theme-5 .nav-stacked > .active a, 289 .theme-7 .nav-stacked li a:hover, 290 .content-theme-8 .nav, 291 .content-theme-8 .nav-stacked > li > a, 292 .content-theme-8 .nav-stacked > li > a:hover, 293 .content-theme-8 .nav-stacked > li > a:focus, 294 .content-theme-8 .nav-stacked > .active a { 295 background-color: #95C11F; 296 } 297 298 .theme-10 .content-theme-10 .nav-stacked > li > a:hover, 299 .theme-10 .content-theme-10 .nav-stacked > li > a:focus, 300 .theme-20 .content-theme-20 .nav-stacked > li > a:hover, 301 .theme-20 .content-theme-20 .nav-stacked > li > a:focus, 302 .theme-25 .content-theme-20 .nav-stacked > li > a:hover, 303 .theme-25 .content-theme-20 .nav-stacked > li > a:focus { 304 border-bottom: 1px solid #95C11F; 305 color: #95C11F; 306 } 307 308 .theme-10 .content-theme-10 .nav-stacked > .active a, 309 .theme-20 .content-theme-20 .nav-stacked > .active a, 310 .theme-25 .content-theme-25 .nav-stacked > .active a { 311 color: #95C11F; 312 } 313 314 .theme-10 .content-theme-10 .nav-stacked > .active a:hover, 315 .theme-20 .content-theme-20 .nav-stacked > .active a:hover, 316 .theme-25 .content-theme-25 .nav-stacked > .active a:hover { 317 border-bottom: 1px solid #95C11F; 318 color: #95C11F; 319 } 320 321 .theme-10 .pull-right.css-login .btn, 322 .theme-20 .pull-right.css-login .btn, 323 .theme-25 .pull-right.css-login .btn { 324 background-color: #58B51C; 325 border-color: #58B51C; 326 } 327 328 .theme-10 .pull-right.css-login .btn:hover, 329 .theme-20 .pull-right.css-login .btn:hover, 330 .theme-25 .pull-right.css-login .btn:hover { 331 background-color: #95C11F; 332 border-color: #95C11F; 333 } 334 335 .theme-6 .navbar .nav > li.active > a, 336 .navbar-theme-14 .nav .nav-item.active{ 337 color: #95C11F; 338 border-bottom: 3px solid #95C11F; 339 } 340 341 .navbar-default .nav .active a:hover { 342 color: #482F87; 343 background-color: #F2F2F2; 344 text-shadow: none; 345 } 346 347 .navbar .nav .nav-item .nav-link:hover, 348 .navbar .nav .nav-item .nav-link:focus{ 349 background-color: #95C11F; 350 } 351 352 @media (min-width: 1200px) { 353 .theme-8 .responsive_menu .nav .nav-item:hover, 354 .theme-4 .responsive_menu .nav .nav-item:hover { 355 background-color: #95C11F; 356 } 357 } 358 359 .theme-12 .css-carousel-description > .css-carousel-description-background, 360 .theme-5 .css-carousel-description > .css-carousel-description-background { 361 background-color: #95C11F; 362 } 363 .nav-stacked .active > a { 364 border-left: 4px solid #95C11F !important; 365 } 366 .nav-stacked .active a, .nav-stacked a:hover { 367 background-color: #fafafa; 368 color: #555555; 369 } 370 .circle { 371 -webkit-box-shadow: 0 0 10px #95C11F; 372 -moz-box-shadow: 0 0 10px #95C11F; 373 box-shadow: 0 0 10px #95C11F; 374 } 375 376 .navbar-theme-3 .nav > .nav-item.active > .nav-link, 377 .navbar-theme-4 .nav > .nav-item.active, 378 .navbar-theme-7 .nav > .nav-item.active > .nav-link, 379 .navbar-theme-8 .nav > .nav-item.active > .nav-link, 380 .navbar-theme-10 .nav > .nav-item.active > .nav-link { 381 border-color: #95C11F; 382 } 383 384 .theme-10-login-bar a:hover, 385 .theme-13-login-bar a:hover { 386 color: #95C11F; 387 } 388 389 .btn-navbar i { 390 color: #95C11F; 391 } 392 393 .navbar-theme-3 .dropdown-menu > li > a, 394 .navbar-theme-4 .dropdown-menu > li > a, 395 .navbar-theme-5 .dropdown-menu > li > a, 396 .navbar-theme-6 .dropdown-menu > li > a, 397 .navbar-theme-7 .dropdown .dropdown-item, 398 .navbar-theme-8 .dropdown-menu > li > a, 399 .navbar-theme-9 .dropdown-menu > li > a, 400 .navbar-theme-10 .dropdown-menu > li > a, 401 .navbar-theme-11 .dropdown-menu > li > a, 402 .navbar-theme-13 .dropdown-menu > li > a, 403 .navbar-theme-20 .dropdown-menu > li > a, 404 .navbar-theme-25 .dropdown-menu > li > a, 405 .navbar-st-7 .dropdown-menu > li > a, 406 .navbar-theme-22 .dropdown-menu > li > a { 407 color: #95C11F; 408 } 409 410 .navbar-theme-12 .navbar-toggle span.icon-bar { 411 background-color: #482F87; 412 } 413 414 .navbar-theme-3 .navbar-toggle span.icon-bar, 415 .navbar-theme-4 .navbar-toggle span.icon-bar, 416 .navbar-theme-5 .navbar-toggle span.icon-bar, 417 .navbar-theme-6 .navbar-toggle span.icon-bar, 418 .navbar-theme-7 .navbar-toggle span.icon-bar, 419 .navbar-theme-8 .navbar-toggle span.icon-bar, 420 .navbar-theme-10 .navbar-toggle span.icon-bar, 421 .navbar-theme-11 .navbar-toggle span.icon-bar, 422 .navbar-theme-13 .navbar-toggle span.icon-bar, 423 .navbar-theme-20 .navbar-toggle span.icon-bar, 424 .navbar-theme-25 .navbar-toggle span.icon-bar, 425 .navbar-st-7 .navbar-toggle span.icon-bar, 426 .navbar-theme-22 .navbar-toggle span.icon-bar { 427 background-color: #95C11F; 428 } 429 430 .css-cmsplugin_gallery .carousel-indicators .active { 431 background-color: #95C11F; 432 } 433 434 .item-primarycolor a, 435 .item-primarycolor a:hover { 436 color: #95C11F; 437 } 438 .item-themecolor a, 439 .item-themecolor a:hover { 440 color: #95C11F; 441 } 442 443 .theme-11 .widgets-theme-11 h2, 444 .theme-13 .widgets-theme-13 h2, 445 .theme-14 .widgets-theme-13 h2 { 446 color: #58B51C; 447 } 448 449 .theme-13 .bottom-1 .generic-banner, 450 .theme-14 .bottom-1 .generic-banner, 451 .theme-15 .bottom-1 .generic-banner { 452 background-color: #58B51C; 453 } 454 .theme-13 .bottom-2 .generic-banner, 455 .theme-14 .bottom-2 .generic-banner, 456 .theme-15 .bottom-2 .generic-banner { 457 background-color: #95C11F; 458 } 459 .theme-13 .bottom-3 .generic-banner, 460 .theme-14 .bottom-3 .generic-banner, 461 .theme-15 .bottom-3 .generic-banner { 462 background-color: #58B51C; 463 } 464 .theme-13 .bottom-4 .generic-banner, 465 .theme-14 .bottom-4 .generic-banner , 466 .theme-15 .bottom-4 .generic-banner{ 467 background-color: #95C11F; 468 } 469 470 .banners-theme4 h2 { 471 color: #95C11F; 472 } 473 474 .carousel-theme-10 h1:before, 475 .carousel-theme-10 h2:before, 476 .carousel-theme-13 h1:before, 477 .carousel-theme-13 h2:before { 478 background-color: #58B51C; 479 } 480
481 .theme-10 .news-plugin h3, 482 .theme-10 .news-plugin a, 483 .theme-10 .agenda-plugin h3, 484 .theme-10 .agenda-plugin a, 485 .theme-13 .news-plugin h3, 486 .theme-13 .news-plugin a, 487 .theme-13 .agenda-plugin h3, 488 .theme-13 .agenda-plugin a, 489 .theme-20 .news-plugin h3, 490 .theme-20 .news-plugin a, 491 .theme-20 .agenda-plugin h3, 492 .theme-20 .agenda-plugin a, 493 .theme-25 .news-plugin h3, 494 .theme-25 .news-plugin a, 495 .theme-25 .agenda-plugin h3, 496 .theme-25 .agenda-plugin a { 497 color: #95C11F; 498 } 499 500 .theme-11-news-agenda h2, 501 .theme-13-news-agenda h2 { 502 color: #95C11F; 503 } 504 505 .theme-11 .pager li > a, .pager li > span, 506 .theme-13 .pager li > a, .pager li > span { 507 background-color: #95C11F; 508 } 509 .theme-11 .pager li > a:hover, 510 .theme-13 .pager li > a:hover { 511 background-color: #95C11F; 512 } 513 514 /* ADD BACKGROUND IMAGE TO THEME */ 515 body{ 516 517 background: #FFFFFF; 518 519 } 520 521 body, 522 html { 523 524 font-family: "Ubuntu", system-ui, sans-serif; 525 526 -webkit-font-smoothing: antialiased; 527 font-size: var(--font-base-size); 528 } 529 530 .mt-icon-primary { 531 color: #58B51C; 532 } 533 .mt-icon-secondary { 534 color: #95C11F; 535 } 536 .mt-icon-themecolor { 537 color: #95C11F; 538 } 539 /* 540 .box.primary, .section.primary { 541 background-color: #58B51C; 542 } 543 .box.secondary, .section.secondary { 544 background-color: #95C11F; 545 } 546 .box.theme, .section.theme { 547 background-color: #95C11F; 548 } 549 .box.tertiary, .section.tertiary { 550 background-color: #58B51C; 551 } 552 */ 553 554 555 .mt-icon-tertiary { 556 color: #58B51C; 557 } 558 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"], 559 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"], 560 .st-7 form.djangocms-googlemap-route-planner input[type="submit"], 561 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"] { 562 background-color: #58B51C; 563 } 564 .theme-10 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 565 .theme-20 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 566 .st-7 form.djangocms-googlemap-route-planner input[type="submit"]:hover, 567 .theme-22 form.djangocms-googlemap-route-planner input[type="submit"]:hover { 568 background-color: #95C11F; 569 } 570 571 .theme-11 .fa-play, 572 .theme-14 .fa-play { 573 background-color: #58B51C; 574 } 575 .theme-11 .fa-play:hover, 576 .theme-14 .fa-play:hover { 577 background-color: #95C11F; 578 text-decoration: none; 579 } 580 581 .theme-24 .content-page .youvideo-thumbnail::after { 582 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='%2395C11F' 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"); 583 } 584 585 /* APP STYLES */ 586 /* Messages */ 587 .OverViewContainer .postTitle, 588 .modal-body .postTitle { 589 color: #95C11F; 590 } 591 592 /* Event */ 593 a.listPostTitle { 594 color: #58B51C; 595 } 596 .agendaeventTitleContainer h4 { 597 color: #95C11F; 598 } 599 600 .rbc-header, 601 .rbc-toolbar button { 602 background-color: #95C11F !important; 603 } 604 .rbc-toolbar button:active { 605 background-color: #58B51C !important; 606 } 607 .rbc-toolbar button.rbc-active, 608 .rbc-toolbar button:hover { 609 background-color: #58B51C !important; 610 } 611 .rbc-event {
612 background-color: #58B51C !important; 613 } 614 615 /*Photos*/ 616 .AlbumOverViewContainer .postTitle { 617 color: #95C11F; 618 } 619 620 /* Theme adjustments */ 621 .theme-14 .agendaeventTitleContainer h4, 622 .theme-15 .agendaeventTitleContainer h4 { 623 color: #95C11F; 624 } 625 626 /* EVENT COLORS & MODAL */ 627 .post-modal-header { 628 background-color: #95C11F; 629 } 630 631 .modal-body .eventMonth { 632 background: #95C11F; 633 } 634 635 .theme-7 .agendaeventMonth, 636 .theme-9 .agendaeventMonth .bg-primary, 637 .theme-10 .agendaeventMonth .bg-primary, 638 .theme-11 .agendaeventMonth .bg-primary, 639 .theme-13 .agendaeventMonth .bg-primary, 640 .theme-17 .agendaeventMonth .bg-primary, 641 .postOverviewheader.bg-primary.mb-3, 642 .date-container, 643 .card.postOverviewheader { 644 background-color: #95C11F !important; 645 } 646 647 .theme-2 .agendaeventMonth .bg-primary, 648 .theme-3 .agendaeventMonth .bg-primary, 649 .theme-5 .agendaeventMonth .bg-primary, 650 .theme-6 .agendaeventMonth .bg-primary, 651 .theme-8 .agendaeventMonth .bg-primary, 652 .theme-19 .agendaeventMonth .bg-primary { 653 background-color: #58B51C !important; 654 } 655 .theme-1 .agendaeventMonth .bg-primary, 656 .theme-4 .agendaeventMonth .bg-primary, 657 .theme-14 .agendaeventMonth .bg-primary, 658 .theme-15 .agendaeventMonth .bg-primary, 659 .theme-20 .agendaeventMonth .bg-primary { 660 background-color: #95C11F !important; 661 } 662 663 .theme-5 h4.card-title.float-left, 664 .theme-6 h4.card-title.float-left, 665 .theme-8 h4.card-title.float-left, 666 a.btn.btn-default.documentBtn.verticalBtn { 667 color: #58B51C !important; 668 } 669 670 .theme-4 a.eventPostTitle, 671 .theme-14 h4.card-title.float-left { 672 color: #95C11F !important; 673 } 674 675 .theme-1 a.eventPostTitle:hover, 676 .theme-2 a.eventPostTitle:hover, 677 .theme-4 a.eventPostTitle:hover, 678 .theme-7 a.eventPostTitle:hover, 679 .theme-11 a.eventPostTitle:hover, 680 .theme-13 a.eventPostTitle:hover, 681 .theme-14 a.eventPostTitle:hover, 682 .theme-15 a.eventPostTitle:hover, 683 .theme-17 a.eventPostTitle:hover, 684 .theme-18 a.eventPostTitle:hover, 685 .theme-19 a.eventPostTitle:hover { 686 color: #95C11F; 687 } 688 689 .theme-3 a.eventPostTitle:hover, 690 .theme-5 a.eventPostTitle:hover, 691 .theme-6 a.eventPostTitle:hover, 692 .theme-8 a.eventPostTitle:hover, 693 .theme-9 a.eventPostTitle:hover, 694 .theme-10 a.eventPostTitle:hover, 695 .theme-16 a.eventPostTitle:hover, 696 .theme-20 a.eventPostTitle:hover, 697 .theme-20 a.listPostTitle:hover { 698 color: #58B51C; 699 } 700 701 .eventStartDate .eventMonth, 702 .theme-7 .modal-body .eventStartDate .eventMonth, 703 .theme-9 .modal-body .eventStartDate .eventMonth, 704 .theme-10 .modal-body .eventStartDate .eventMonth, 705 .theme-11 .modal-body .eventStartDate .eventMonth, 706 .theme-13 .modal-body .eventStartDate .eventMonth, 707 .theme-16 .modal-body .eventStartDate .eventMonth, 708 .theme-17 .modal-body .eventStartDate .eventMonth, 709 .theme-18 .modal-body .eventStartDate .eventMonth, 710 .theme-20 .modal-body .eventStartDate .eventMonth { 711 background-color: #95C11F !important; 712 } 713 714 .theme-1 .modal-body .eventStartDate .eventMonth, 715 .theme-3 .modal-body .eventStartDate .eventMonth, 716 .theme-4 .modal-body .eventStartDate .eventMonth, 717 .theme-5 .modal-body .eventStartDate .eventMonth, 718 .theme-6 .modal-body .eventStartDate .eventMonth, 719 .theme-8 .modal-body .eventStartDate .eventMonth { 720 background-color: #58B51C !important; 721 } 722 .theme-14 .modal-body .eventStartDate .eventMonth, 723 .theme-15 .modal-body .eventStartDate .eventMonth { 724 background-color: #95C11F !important; 725 } 726 727 .modal-body h4.postTitle { 728 color: #95C11F !important; 729 } 730 731 .modal-header, 732 .documentListContainer .btn { 733 background-color: #95C11F; 734 color: #ffffff; 735 } 736 737 .modal-header > .modal-title{ 738 color: #ffffff; 739 } 740 741 .rbc-btn-group button, 742 .rbc-event, 743 .rbc-header, 744 .rbc-month-header .rbc-header, 745 .rbc-time-header-cell-single-day .rbc-header, 746 .rbc-agenda-view .rbc-agenda-table thead tr { 747 background-color: #95C11F; 748 } 749 750 .custom-select { 751 background: #95C11F 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; 752 background-size: 8px 10px; 753 } 754 755 .rbc-toolbar-label { 756 color: #95C11F; 757 } 758 759 760 /* HEADER, LINK AND ICON COLOR */ 761 .nobox.theme_color.colored_text h2, 762 .nobox.theme_color.colored_text h3, 763 .nobox.theme_color.colored_text a, 764 .nobox.theme_color.colored_text .iconplugin-icon, 765 .outline.theme_color.colored_text h2, 766 .outline.theme_color.colored_text h3, 767 .outline.theme_color.colored_text a, 768 .coloredbox.theme_color.colored_text h2, 769 .coloredbox.theme_color.colored_text h3, 770 .coloredbox.theme_color.colored_text a, 771 .greyoutline.theme_color.colored_text h2, 772 .greyoutline.theme_color.colored_text h3, 773 .greyoutline.theme_color.colored_text a, 774 .greybox.theme_color.colored_text h2, 775 .greybox.theme_color.colored_text h3, 776 .greybox.theme_color.colored_text a, 777 .vacancy-container.theme_color h2, 778 .vacancy-list-container.theme_color h3, 779 .contact-banner .nobox.theme_color.colored_text a[href^=tel], 780 .contact-banner .outline.theme_color.colored_text a[href^=tel], 781 .contact-banner .coloredbox.theme_color.colored_text a[href^=tel], 782 .contact-banner .greyoutline.theme_color.colored_text a[href^=tel], 783 .contact-banner .greybox.theme_color.colored_text a[href^=tel] { 784 color: #95C11F; 785 } 786 787 .nobox.primary_color.colored_text h2, 788 .nobox.primary_color.colored_text h3, 789 .nobox.primary_color.colored_text a, 790 .nobox.primary_color.colored_text .iconplugin-icon, 791 .outline.primary_color.colored_text h2, 792 .outline.primary_color.colored_text h3, 793 .outline.primary_color.colored_text a, 794 .coloredbox.primary_color.colored_text h2, 795 .coloredbox.primary_color.colored_text h3, 796 .coloredbox.primary_color.colored_text a, 797 .greyoutline.primary_color.colored_text h2, 798 .greyoutline.primary_color.colored_text h3, 799 .greyoutline.primary_color.colored_text a, 800 .greybox.primary_color.colored_text h2, 801 .greybox.primary_color.colored_text h3, 802 .greybox.primary_color.colored_text a, 803 .vacancy-container.primary_color h2, 804 .vacancy-list-container.primary_color h3, 805 .contact-banner .nobox.primary_color.colored_text a[href^=tel], 806 .contact-banner .outline.primary_color.colored_text a[href^=tel], 807 .contact-banner .coloredbox.primary_color.colored_text a[href^=tel], 808 .contact-banner .greyoutline.primary_color.colored_text a[href^=tel], 809 .contact-banner .greybox.primary_color.colored_text a[href^=tel] { 810 color: #58B51C;; 811 } 812 813 .nobox.secondary_color.colored_text h2, 814 .nobox.secondary_color.colored_text h3, 815 .nobox.secondary_color.colored_text a, 816 .nobox.secondary_color.colored_text .iconplugin-icon, 817 .outline.secondary_color.colored_text h2, 818 .outline.secondary_color.colored_text h3, 819 .outline.secondary_color.colored_text a, 820 .coloredbox.secondary_color.colored_text h2, 821 .coloredbox.secondary_color.colored_text h3, 822 .coloredbox.secondary_color.colored_text a, 823 .greyoutline.secondary_color.colored_text h2, 824 .greyoutline.secondary_color.colored_text h3, 825 .greyoutline.secondary_color.colored_text a, 826 .greybox.secondary_color.colored_text h2, 827 .greybox.secondary_color.colored_text h3, 828 .greybox.secondary_color.colored_text a, 829 .vacancy-container.secondary_color h2, 830 .vacancy-list-container.secondary_color h3, 831 .contact-banner .nobox.secondary_color.colored_text a[href^=tel], 832 .contact-banner .outline.secondary_color.colored_text a[href^=tel], 833 .contact-banner .coloredbox.secondary_color.colored_text a[href^=tel], 834 .contact-banner .greyoutline.tsecondarycolor.colored_text a[href^=tel], 835 .contact-banner .greybox.secondary_color.colored_text a[href^=tel] { 836 color: #95C11F ; 837 } 838 839 .nobox.tertiary_color.colored_text h2, 840 .nobox.tertiary_color.colored_text h3, 841 .nobox.tertiary_color.colored_text a, 842 .nobox.tertiary_color.colored_text .iconplugin-icon, 843 .outline.tertiary_color.colored_text h2, 844 .outline.tertiary_color.colored_text h3, 845 .outline.tertiary_color.colored_text a, 846 .coloredbox.tertiary_color.colored_text h2, 847 .coloredbox.tertiary_color.colored_text h3, 848 .coloredbox.tertiary_color.colored_text a, 849 .greyoutline.tertiary_color.colored_text h2, 850 .greyoutline.tertiary_color.colored_text h3, 851 .greyoutline.tertiary_color.colored_text a, 852 .greybox.tertiary_color.colored_text h2, 853 .greybox.tertiary_color.colored_text h3, 854 .greybox.tertiary_color.colored_text a, 855 .vacancy-container.tertiary_color h2, 856 .vacancy-list-container.tertiary_color h3, 857 .contact-banner .nobox.tertiary_color.colored_text a[href^=tel], 858 .contact-banner .outline.tertiary_color.colored_text a[href^=tel], 859 .contact-banner .coloredbox.tertiary_color.colored_text a[href^=tel], 860 .contact-banner .greyoutline.tertiary_color.colored_text a[href^=tel], 861 .contact-banner .greybox.tertiary_color.colored_text a[href^=tel] { 862 color: #58B51C ; 863 } 864 865 866 867 /* GENERIC BANNER & SCHOOL STATISTICS COLORS */ 868 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 869 .flex-t10 .icon-container .iconplugin-icon{ 870 background-color: #ffffff !important; 871 border: none !important; 872 color: #95C11F !important; 873 } 874 875 .theme-10 .navbar .open-menu, 876 .theme-20 .navbar .open-menu, 877 .theme-21 .navbar .open-menu, 878 .theme-24 .navbar .open-menu, 879 .theme-25 .navbar .open-menu, 880 .st-9 .navbar .open-menu, 881 .st-6 .navbar .open-menu, 882 .st-7 .navbar .open-menu { 883 color: #482F87; 884 } 885 886 887 .st-2 .fourpillar-item, 888 .st-5 .fourpillar-item, 889 .st-6 .fourpillar-item, 890 .contact-banner, 891 .job_card, 892 .search-card, 893 .blog-card, 894 .carousel-tagline .schoolname, 895 .carousel-tagline .school-tagline, 896 #searchModal .search-modal.modal-content, 897 .navbar-theme-16 .nav > li.active > a{ 898 border-radius: 8px; 899 } 900 901 .st-2 .fourpillar-item .pillar-icon-top{ 902 border-radius: 8px 903 } 904 905 .st-2 .fourpillar-item.mt-item-themecolor .pillar-icon-top{ 906 background-color: #95C11F; 907 } 908 .st-2 .fourpillar-item.mt-item-tertiary .pillar-icon-top{ 909 background-color: #58B51C; 910 } 911 .st-2 .fourpillar-item.mt-item-primary .pillar-icon-top{ 912 background-color: #58B51C; 913 } 914 .st-2 .fourpillar-item.mt-item-secondary .pillar-icon-top{ 915 background-color: #95C11F; 916 } 917 918 .gets-rounded, 919 .st-9 .main-content.first-row .column, 920 .st-1 .generic-banners, 921 .st-10 .icons-wrapper .icon-container .iconplugin-icon, 922 .slick-arrow{ 923 border-radius: 8px !important; 924 } 925 926 .news__items-horizontal .news__container .news__header { 927 border-top-left-radius: 8px; 928 border-top-right-radius: 8px; 929 overflow: hidden; 930 } 931 932 .st-4 .nav-stacked.gets-rounded{ 933 overflow-y: hidden; 934 border-bottom: none; 935 } 936 937 938 939 .st-4 .carousel-tagline .schoolname, 940 .st-4 .carousel-tagline .school-tagline{ 941 padding: 8px; 942 } 943 944 945 [class*="mt-btn"], 946 .file-plugin, 947 .btn-share, 948 .btn-search, .btn-outline { 949 950 951 952 } 953 954 955 956 957 958 959 960 h1, 961 h2, 962 h3, 963 h4, 964 h5, 965 h6{ 966 color: var(--theme-heading-color); 967 968 font-family: var(--heading-ff); 969 970 } 971 972 973</style> 974 975
976<script> 977 (function() { 978 var w = 1400; 979 if (window.innerWidth >= w) { 980 document.documentElement.classList.add('desktop-nav'); 981 } 982 })(); 983</script>
983 984 985 986 <link rel="preconnect" href="https://fonts.googleapis.com"> 987 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 988 989 <link href='https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 990 <link href='https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 991 <link href='https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap&version=2' rel='stylesheet' type='text/css'> 992 993 994 995 996 <link rel="Shortcut Icon" class="favicon" href="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/theming/Thema%20De%20Strijene/De_Strijene_logo_2017_klein.jpg" type="image/x-icon"> 997 998 999 1000 1001 1002 1003 1004<style type="text/css"> 1005 /* GENERAL */ 1006body, 1007h1, 1008h2, 1009h3, 1010h4, 1011h5, 1012h6 { 1013 color: #753288; 1014} 1015 1016.school_text-container .school-text { 1017 align-items: flex-start; 1018} 1019 1020.school_text-container .school-text h1, 1021.school_text-container .school-text h2{ 1022 padding: 10px; 1023 border-radius: 10px; 1024} 1025 1026.school_text-container .school-text h1 { 1027 background-color: #95c11f !important; 1028} 1029 1030.school_text-container .school-text h2 { 1031 background-color: #58b51c !important; 1032} 1033 1034/* SIDE NAV */ 1035 1036.flexi .side-menu .nav-item .nav-link { 1037 text-transform: uppercase !important; 1038} 1039 1040.flexi .side-menu .nav-item.active { 1041 background-color: hsla(0, 0%, 100%, 0.3); 1042 color: hsla(0, 0%, 100%, 1); 1043 font-weight: 700; 1044 border-left: none !important; 1045} 1046 1047.flexi .side-menu { 1048 margin-bottom: 20px; 1049 text-transform: uppercase !important; 1050} 1051 1052/* BUTTONS */ 1053 1054.flexi a.btn-apps-messages { 1055 display: inline-block; 1056 padding: 10px 14px; 1057 background-color: #fff; 1058 border: 1px solid #ddd; 1059 box-shadow: none; 1060 border-radius: 20px !important; 1061 color: #999 !important; 1062} 1063 1064.flexi .news__items-horizontal a.btn.btn-default.documentBtn.verticalBtn { 1065 background-color: transparent !important; 1066 box-shadow: none !important; 1067 color: #e43931 !important; 1068} 1069 1070.flexi .main-item { 1071 font-weight: 700 !important; 1072 display: block; 1073} 1074 1075.flexi .sub-item { 1076 font-size: 12px; 1077 display: block; 1078 opacity: 0.8; 1079 transition: opacity 0.15s ease; 1080} 1081 1082.generic-banner-title { 1083 padding: 0.75rem; 1084 width: 100%; 1085} 1086 1087.generic-banner { 1088 border: none; 1089} 1090 1091.sitemap #privacy_footer { 1092 display: none; 1093} 1094 1095.home-page .placeholder--main [class*="multicolumn"] { 1096 display: flex; 1097} 1098 1099.home-page .placeholder--main [class*="multicolumn"] .column { 1100 padding: 0; 1101 flex-grow: 1; 1102 display: flex; 1103} 1104 1105.home-page .placeholder--main [class*="multicolumn"] .column .box, 1106.home-page .placeholder--main [class*="multicolumn"] .column .contact-banner { 1107 margin: 0; 1108 flex-grow: 1; 1109 box-shadow: none; 1110} 1111 1112.home-page .placeholder--main [class*="multicolumn"] .column .box { 1113 border-bottom-left-radius: 0 !important; 1114 border-bottom-right-radius: 0 !important; 1115} 1116 1117.home-page .placeholder--main [class*="multicolumn"] .column .contact-banner { 1118 border-top-left-radius: 0 !important; 1119 border-top-right-radius: 0 !important; 1120} 1121 1122@media (min-width: 768px) { 1123 .home-page .placeholder--main [class*="multicolumn"] .column .box { 1124 border-bottom-left-radius: 8px !important; 1125 border-bottom-right-radius: 8px !important; 1126 border-top-right-radius: 0 !important; 1127 border-bottom-right-radius: 0 !important; 1128 } 1129 1130 .home-page .placeholder--main [class*="multicolumn"] .column .contact-banner { 1131 border-top-left-radius: 0 !important; 1132 border-bottom-left-radius: 0 !important; 1133 border-top-right-radius: 8px !important; 1134 border-bottom-right-radius: 8px !important; 1135 } 1136} 1137 1138.home-page .placeholder--main [class*="multicolumn"] .column .contact-banner .my-auto { 1139 margin-top: 0 !important; 1140} 1141 1142.footer .main-item { 1143 font-weight: 700; 1144 font-size: 0.8rem; 1145 line-height: 1.6; 1146 margin-bottom: 0; 1147 display: block; 1148} 1149 1150.nav-flexible .nav-item .dropdown-toggle i, 1151.nav-flexible .nav-item .nav-link { 1152 color: #482f87; 1153 opacity: 0.8; 1154} 1155 1156.nav-flexible .nav-item .dropdown-toggle:hover i, 1157.nav-flexible .nav-item .nav-link:hover, 1158.nav-flexible .nav-item.active .nav-link { 1159 opacity: 1;
1160} 1161 1162.newsPlugin .news__items-horizontal .news { 1163 background-color: #58b51c; 1164} 1165 1166.newsPlugin .news__items-horizontal .news, 1167.generic-baner { 1168margin-bottom: 15px; 1169} 1170 1171@media (min-width: 768px) { 1172 .newsPlugin .news__items-horizontal .news, 1173 .generic-baner { 1174 margin-bottom: 0; 1175 } 1176} 1177 1178.newsPlugin .news__items-horizontal .postTitle, 1179.news__body .post-date, 1180.newsPlugin .news__items-horizontal .news__text, 1181.flexi .news__items-horizontal a.btn.btn-default.documentBtn.verticalBtn { 1182 color: #ffffff !important; 1183} 1184 1185.school_text-container .school-text h2{ 1186 font-size: 1.5rem; 1187} 1188 1189@media (min-width: 768px) { 1190 .school_text-container .school-text h2{ 1191 font-size: 2rem; 1192 } 1193} 1194</style> 1195 1196 1197 1198 1199 1200<!-- Modal --> 1201<div class="modal fade user-settings" id="pageSettingsModal" tabindex="-1" aria-labelledby="pageSettingsModalLabel" aria-hidden="true"> 1202 <div class="modal-dialog"> 1203 <div class="modal-content"> 1204 <div class="modal-header py-2 bg-light"> 1205 <h5 class="modal-title text-dark" id="pageSettingsModalLabel">Pagina instellingen</h5> 1206 <button type="button" class="close text-dark" data-dismiss="modal" aria-label="Close"> 1207 <span aria-hidden="true">×</span> 1208 </button> 1209 </div> 1210 <div class="modal-body"> 1211 <p class="user-settings-title"> 1212 Tekstgrootte 1213 </p> 1214 <div class="btn-group btn-group-toggle" data-toggle="buttons"> 1215 <button type="button" class="btn btn-light js-font-size" data-size="1" aria-pressed="false"> 1216 <i class="fas fa-font t-1"></i> 1217 </button> 1218 <button type="button" class="btn btn-light js-font-size" data-size="1.25" aria-pressed="false"> 1219 <i class="fas fa-font t-1-25"></i> 1220 </button> 1221 <button type="button" class="btn btn-light js-font-size" data-size="1.5" aria-pressed="false"> 1222 <i class="fas fa-font t-2"></i> 1223 </button> 1224 </div> 1225 </div> 1226 </div> 1227 </div> 1228</div> 1229 1230 1231 1232 1233 1234 <div class="top-info top-bg"> 1235 <div class="container"></div> 1236 </div> 1237 1238 1239 1240 1241<nav class="navbar navbar-expand-xl nav-bg responsive_menu nav-default nav-flexible" 1242 data-toggle="affix" > 1243 <div class="container placeholder--logo"> 1244 1245 1246 <a class="school-logo-wrapper logo__sm" href="/"> 1247 <img class="school-logo" src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/filer_public/ae/41/ae4135a1-8c82-4971-8cfc-a3c2126b8ca5/de_strijene_logo_2017_klein.jpg" /> 1248</a> 1249 1250 1251 <button class="navbar-toggler b-theme ml-auto" type="button" data-toggle="collapse" 1252 data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" 1253 aria-label="Toggle navigation"> 1254 <span class="navbar-toggler-icon"></span> 1255 </button> 1256 1257 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 1258 <ul class="navbar-nav mr-auto"> 1259 1260 1261 1262 1263 1264 1265 1266 <li class="nav-item active"> 1267 <a class="nav-link" 1268 href="/" 1269 > 1270 Home 1271 </a> 1272 </li> 1273 1274 1275 1276 1277 1278 1279 <li class="dropdown-parent nav-item dropdown "> 1280 <a class="nav-link" 1281 href="/onze-school/" 1282 > 1283 Onze School 1284 </a> 1285 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1286 <ul class="dropdown-menu"> 1287 1288 <li class="dropdown-item"> 1289 <a class="dropdown-link" 1290 href="/onze-school/onderwijs/" 1291 > 1292 Onderwijs 1293 </a> 1294 </li> 1295 1296 <li class="dropdown-item"> 1297 <a class="dropdown-link" 1298 href="/onze-school/periodeonderwijs/" 1299 > 1300 Periodeonderwijs 1301 </a> 1302 </li> 1303 1304 <li class="dropdown-item"> 1305 <a class="dropdown-link" 1306 href="/onze-school/vaklessen/" 1307 > 1308 Vaklessen 1309 </a> 1310 </li> 1311 1312 <li class="dropdown-item"> 1313 <a class="dropdown-link" 1314 href="/onze-school/kinderopvang/" 1315 > 1316 Kinderopvang 1317 </a> 1318 </li> 1319 1320 <li class="dropdown-item"> 1321 <a class="dropdown-link" 1322 href="/onze-school/stichting-pallas/" 1323 > 1324 Stichting Pallas 1325 </a> 1326 </li> 1327 1328 </ul> 1329 </li> 1330 1331 1332 1333 1334 1335 1336 1337 <li class="dropdown-parent nav-item dropdown "> 1338 <a class="nav-link"
1339 href="/praktische-informatie/" 1340 > 1341 Praktische informatie 1342 </a> 1343 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1344 <ul class="dropdown-menu"> 1345 1346 <li class="dropdown-item"> 1347 <a class="dropdown-link" 1348 href="/praktische-informatie/schooltijden/" 1349 > 1350 Schooltijden 1351 </a> 1352 </li> 1353 1354 <li class="dropdown-item"> 1355 <a class="dropdown-link" 1356 href="/praktische-informatie/schoolgids/" 1357 > 1358 Schoolgids 1359 </a> 1360 </li> 1361 1362 <li class="dropdown-item"> 1363 <a class="dropdown-link" 1364 href="/praktische-informatie/schoolkalender/" 1365 > 1366 Schoolkalender 1367 </a> 1368 </li> 1369 1370 <li class="dropdown-item"> 1371 <a class="dropdown-link" 1372 href="/praktische-informatie/formulieren/" 1373 > 1374 Formulieren 1375 </a> 1376 </li> 1377 1378 <li class="dropdown-item"> 1379 <a class="dropdown-link" 1380 href="/praktische-informatie/veiligheid/" 1381 > 1382 Veiligheid 1383 </a> 1384 </li> 1385 1386 <li class="dropdown-item"> 1387 <a class="dropdown-link" 1388 href="/praktische-informatie/passend-onderwijs/" 1389 > 1390 Passend onderwijs 1391 </a> 1392 </li> 1393 1394 <li class="dropdown-item"> 1395 <a class="dropdown-link" 1396 href="/praktische-informatie/documenten/" 1397 > 1398 Documenten 1399 </a> 1400 </li> 1401 1402 </ul> 1403 </li> 1404 1405 1406 1407 1408 1409 1410 1411 <li class="dropdown-parent nav-item dropdown "> 1412 <a class="nav-link" 1413 href="/ouders/" 1414 > 1415 Ouders 1416 </a> 1417 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1418 <ul class="dropdown-menu"> 1419 1420 <li class="dropdown-item"> 1421 <a class="dropdown-link" 1422 href="/ouders/medezeggenschapsraad/" 1423 > 1424 Medezeggenschapsraad 1425 </a> 1426 </li> 1427 1428 <li class="dropdown-item"> 1429 <a class="dropdown-link" 1430 href="/ouders/klassenouders/" 1431 > 1432 Klassenouders 1433 </a> 1434 </li> 1435 1436 <li class="dropdown-item"> 1437 <a class="dropdown-link" 1438 href="/ouders/vrienden-van-pallas/" 1439 > 1440 Vrienden van Pallas 1441 </a> 1442 </li> 1443 1444 <li class="dropdown-item"> 1445 <a class="dropdown-link" 1446 href="/ouders/ouderportaal/" 1447 > 1448 Ouderportaal 1449 </a> 1450 </li> 1451 1452 </ul> 1453 </li> 1454 1455 1456 1457 1458 1459 1460 1461 <li class="dropdown-parent nav-item dropdown "> 1462 <a class="nav-link" 1463 href="/jaarfeesten/" 1464 > 1465 Jaarfeesten 1466 </a> 1467 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1468 <ul class="dropdown-menu"> 1469 1470 <li class="dropdown-item"> 1471 <a class="dropdown-link" 1472 href="/jaarfeesten/michael/" 1473 > 1474 Michael 1475 </a> 1476 </li> 1477 1478 <li class="dropdown-item"> 1479 <a class="dropdown-link" 1480 href="/jaarfeesten/sint-maarten/" 1481 > 1482 Sint Maarten 1483 </a> 1484 </li> 1485 1486 <li class="dropdown-item"> 1487 <a class="dropdown-link" 1488 href="/jaarfeesten/advent/" 1489 > 1490 Advent 1491 </a> 1492 </li> 1493 1494 <li class="dropdown-item"> 1495 <a class="dropdown-link" 1496 href="/jaarfeesten/sint-nicolaas/" 1497 > 1498 Sint-Nicolaas 1499 </a> 1500 </li> 1501 1502 <li class="dropdown-item"> 1503 <a class="dropdown-link" 1504 href="/jaarfeesten/kerstmis/" 1505 > 1506 Kerstmis 1507 </a> 1508 </li> 1509 1510 <li class="dropdown-item"> 1511 <a class="dropdown-link" 1512 href="/jaarfeesten/driekoningen/" 1513 > 1514 Driekoningen 1515 </a> 1516 </li> 1517 1518 <li class="dropdown-item"> 1519 <a class="dropdown-link" 1520 href="/jaarfeesten/maria-lichtmis/" 1521 > 1522 Maria Lichtmis 1523 </a> 1524 </li> 1525 1526 <li class="dropdown-item"> 1527 <a class="dropdown-link" 1528 href="/jaarfeesten/carnaval/" 1529 > 1530 Carnaval 1531 </a> 1532 </li> 1533 1534 <li class="dropdown-item"> 1535 <a class="dropdown-link" 1536 href="/jaarfeesten/palm-pasen/" 1537 > 1538 Palm pasen 1539 </a> 1540 </li> 1541 1542 <li class="dropdown-item"> 1543 <a class="dropdown-link" 1544 href="/jaarfeesten/pasen/" 1545 > 1546 Pasen 1547 </a> 1548 </li> 1549 1550 <li class="dropdown-item"> 1551 <a class="dropdown-link" 1552 href="/jaarfeesten/pinksteren/" 1553 > 1554 Pinksteren 1555 </a> 1556 </li> 1557 1558 <li class="dropdown-item"> 1559 <a class="dropdown-link" 1560 href="/jaarfeesten/sint-jan/" 1561 > 1562 Sint Jan 1563 </a> 1564 </li> 1565 1566 </ul> 1567 </li> 1568 1569 1570 1571 1572 1573 1574 1575 <li class="dropdown-parent nav-item dropdown "> 1576 <a class="nav-link" 1577 href="/contact/" 1578 > 1579 Contact 1580 </a>
1581 <span class="open-menu fa fa-plus d-flex d-xl-none"></span> 1582 <ul class="dropdown-menu"> 1583 1584 <li class="dropdown-item"> 1585 <a class="dropdown-link" 1586 href="/contact/aanmelden/" 1587 > 1588 Kennismaken/aanmelden 1589 </a> 1590 </li> 1591 1592 <li class="dropdown-item"> 1593 <a class="dropdown-link" 1594 href="/contact/contactgegevens-kinderopvang/" 1595 > 1596 Contactgegevens kinderopvang 1597 </a> 1598 </li> 1599 1600 </ul> 1601 </li> 1602 1603 1604 1605 1606 1607 1608 1609 1610 </ul> 1611 <!-- SEARCH FUNCTION --> 1612 1613<!-- END SEARCH FUNCTION --> 1614 </div> 1615 </div> 1616</nav> 1617 1618 1619 1620 1621 1622 1623<div class="container"> 1624 <div class="row"> 1625 <div class="slider-wrapper slider-wrapper__medium "> 1626 <div class="home-slider" data-auto="true" data-fade="false"> 1627 1628 <div class="carousel-slide"> 1629 1630 1631 1632 1633 1634 1635 1636 1637<img class="img-fluid picture-plugin plugin-block " src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/filer_public_thumbnails/filer_public/3d/e0/3de015ee-d0ab-43b1-9be3-8e9a596031f2/voorpagina_website.jpg__2560x2560_q100_subsampling-2.jpg" 1638 1639 1640 1641 1642 style="object-position: 50% 50%" 1643> 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 </div> 1655 1656 </div> 1657 1658 1659 1660 1661 1662 1663 <div class="school_text-wrapper aligned__left"> 1664 <div class="container school_text-container"> 1665 <div class="school-text"> 1666 1667 <h1 class="school-name">
1667de Strijene</h1> 1668 1669 1670 <h2 class="school-slogan">Vrijeschool onderwijs</h2> 1671 1672 1673 <div class="text-footer"> 1674 1675 1676 1677 1678 1679 1680 </div> 1681 </div> 1682 </div> 1683 </div> 1684 1685 </div> 1686 </div> 1687</div> 1688 1689 1690 1691 1692 <main role="main"> 1693 <div class="container"> 1694 <div class="row icon-row"> 1695 <div class="col-md-12"> 1696 1697 </div> 1698 </div> 1699 1700 1701 <div class="row main-content"> 1702 <div class="col-md-12 placeholder--main"> 1703 1704<div class="multicolumn2 clearfix"> 1705 1706 1707<div class="column" style="width: 66.66%; float: left;"> 1708 1709 1710 1711 1712 1713 <div 1714 class="box box-color theme gets-rounded gets-shadow plugin-block" 1715 1716 style="border-radius: 5px; background-color: rgba(149, 193, 31, 1.0);" 1717 > 1718 1719 1720<div class="box-content c-white"> 1721 1722 <h2>Welkom bij de Strijene</h2> 1723 1724<p>De Strijene is een basisschool voor vrijeschoolonderwijs.</p> 1725 1726<p>Je mag hier worden wie je bent!</p> 1727 1728<p>Wij begeleiden kinderen zo, dat wat in aanleg aanwezig is ontwikkeld kan worden. Wij willen kinderen met ons breed aanbod aanspreken op hun denken, hun gevoel en hun wil. Ons onderwijsaanbod is opgesteld uit wetenschap, spiritualiteit, maatschappij en kunst; met cognitieve, emotionele en sociale elementen om de kinderen in de diepte te raken en tot bloei te laten komen. </p> 1729 1730</div> 1731</div> 1732 1733 1734</div> 1735 1736 1737 1738<div class="column" style="width: 33.33%; float: left;"> 1739 1740 1741 1742 1743 1744 1745 <div class="contact-banner d-flex flex-md-row flex-column flex-sm-column gets-shadow gets-rounded coloredbox 1746 primary_color white_text show_icon plugin-block"> 1747 <div class="my-auto"> 1748 <h2 class="white_text contact-title">Contact</h2> 1749 <p> 1750 1751 <p> 1752 <i class="fa fa-map-pin"></i> 1753 <span>de Strijene<br>Ganzendonk 4<br>4907XZ Oosterhout</span> 1754 </p> 1755 1756 1757 1758 1759 1760 <p><i class="fa fa-phone-alt"></i> 1761 <span><a href="tel:0162-456533" class="white_text">0162-456533</a></span></p> 1762 1763 1764 1765 1766 <p><i class="fa fa-envelope-o"></i> 1767 <span><a href="mailto:[email protected]" target="_blank" 1768 class="white_text">[email protected]</a></span></p> 1769 1770 1771 1772 1773 <p> 1774 <i class="fa fa-user"></i> 1775 <span>Directeur: Angelina Broos</span> 1776 </p> 1777 1778 </p> 1779 1780 </div> 1781 1782 </div> 1783 1784 1785 1786 1787</div> 1788 1789 1790</div> 1791 1792 <div id="space-plugin-1741" class="whitespace" style="clear: both; height: 60px;"></div> 1793<h2 style="text-align: center;">Het laatste nieuws</h2> 1794 1795<p style="text-align: center;">Bekijk het laatste nieuws van de Strijene hieronder:</p> 1796 1797 1798 1799 1800 <div class="horizontalroot newsPlugin" data-community-id="890071913" data-show="1" 1801 data-item-count="4" > 1802 </div> 1803 1804 1805 1806 1807 1808 1809 1810 </div> 1811 </div> 1812 </div> 1813 </main> 1814 1815 1816 <div class="container"> 1817 <div class="row featured-row"> 1818 <div class="col-md-12 placeholder--featured"> 1819 1820 <div id="space-plugin-1662" class="whitespace" style="clear: both; height: 30px;"></div> 1821<hr> 1822 1823 <div id="space-plugin-1673" class="whitespace" style="clear: both; height: 10px;"></div> 1824 1825 <div id="space-plugin-1675" class="whitespace" style="clear: both; height: 10px;"></div> 1826 1827<div class="multicolumn4 clearfix"> 1828 1829 1830<div class="column" style="width: 25%; float: left;"> 1831 1832 1833 1834 1835 <a 1836 href="/praktische-informatie/schoolgids/" 1837 1838 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text theme_color plugin-block" 1839 > 1840 1841 1842<div class="generic-banner-mask-theme-5"></div> 1843 1844<div class="generic-banner-image" style="background-image: url(https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/filer_public_thumbnails/filer_public/37/94/37946beb-3282-45c4-84db-b65454a9021a/img_5561.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%"> 1845 <div class="generic-banner-overlay" style="background-color: rgba(88, 181, 28, 0.0); width:100%; height: 100%;"> 1846 </div> 1847</div> 1848<div class="generic-banner-mask-theme-3"></div> 1849 1850<div class="generic-banner-content text-center justify-content-center"> 1851 <div class="generic-banner-title"> 1852 <h3 class="generic-banner-title__text">Schoolgids</h3> 1853 </div> 1854 1855</div> 1856 1857 1858 </a> 1859 1860 1861 1862</div> 1863 1864 1865 1866<div class="column" style="width: 25%; float: left;"> 1867 1868 1869 1870 1871 <a 1872 href="https://app.socialschools.eu" 1873 target="_blank" 1874 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text theme_color plugin-block" 1875 > 1876 1877 1878<div class="generic-banner-mask-theme-5"></div> 1879 1880<div class="generic-banner-image" style="background-image: url(https://04fxdestrijene-live-eb8
1880c6b28c17249e5909-8977eeb.divio-media.org/filer_public_thumbnails/filer_public/be/8d/be8d0246-e02f-4dee-a4d6-5ab4f6819fec/voorpagina_social_schools.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%"> 1881 <div class="generic-banner-overlay" style="background-color: rgba(88, 181, 28, 0.0); width:100%; height: 100%;"> 1882 </div> 1883</div> 1884<div class="generic-banner-mask-theme-3"></div> 1885 1886<div class="generic-banner-content text-center justify-content-center"> 1887 <div class="generic-banner-title"> 1888 <h3 class="generic-banner-title__text">Ouderportaal</h3> 1889 </div> 1890 1891</div> 1892 1893 1894 </a> 1895 1896 1897 1898</div> 1899 1900 1901 1902<div class="column" style="width: 25%; float: left;"> 1903 1904 1905 1906 1907 <a 1908 href="/contact/aanmelden/" 1909 target="_blank" 1910 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text secondary_color plugin-block" 1911 > 1912 1913 1914<div class="generic-banner-mask-theme-5"></div> 1915 1916<div class="generic-banner-image" style="background-image: url(https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/filer_public_thumbnails/filer_public/24/ef/24ef5f1d-cb25-4eb2-a81f-3217cf32623b/img_5546.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%"> 1917 <div class="generic-banner-overlay" style="background-color: rgba(88, 181, 28, 0.0); width:100%; height: 100%;"> 1918 </div> 1919</div> 1920<div class="generic-banner-mask-theme-3"></div> 1921 1922<div class="generic-banner-content text-center justify-content-center"> 1923 <div class="generic-banner-title"> 1924 <h3 class="generic-banner-title__text">Aanmelden</h3> 1925 </div> 1926 1927</div> 1928 1929 1930 </a> 1931 1932 1933 1934</div> 1935 1936 1937 1938<div class="column" style="width: 25%; float: left;"> 1939 1940 1941 1942 1943 <a 1944 href="/praktische-informatie/schooltijden/" 1945 1946 class="generic-banner generic-banner__default generic-banner__link gets-shadow--hover gets-rounded white_text theme_color plugin-block" 1947 > 1948 1949 1950<div class="generic-banner-mask-theme-5"></div> 1951 1952<div class="generic-banner-image" style="background-image: url(https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/filer_public_thumbnails/filer_public/72/f8/72f8687a-738d-478b-938b-b56bf44fe534/img_5566.jpg__800x800_q100_subsampling-2.jpg);background-position: 50% 50%"> 1953 <div class="generic-banner-overlay" style="background-color: rgba(88, 181, 28, 0.0); width:100%; height: 100%;"> 1954 </div> 1955</div> 1956<div class="generic-banner-mask-theme-3"></div> 1957 1958<div class="generic-banner-content text-center justify-content-center"> 1959 <div class="generic-banner-title"> 1960 <h3 class="generic-banner-title__text">Schooltijden</h3> 1961 </div> 1962 1963</div> 1964 1965 1966 </a> 1967 1968 1969 1970</div> 1971 1972 1973</div> 1974 1975 </div> 1976 </div> 1977 </div> 1978 1979 1980 1981<div class="footer footer-bg c-footer"> 1982 <div class="container"> 1983 <div class="row"> 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996<div class="col-lg-12"> 1997 1998 1999 2000 2001 2002 2003 <div class="sitemap"> 2004 <div class="row"> 2005 2006 2007 2008 2009 <div class="col-md-2 item-list"> 2010 <a href="/onze-school/" class="main-item">Onze School</a> 2011 2012 <a href="/onze-school/onderwijs/" class="sub-item">Onderwijs</a> 2013 2014 <a href="/onze-school/periodeonderwijs/" class="sub-item">Periodeonderwijs</a> 2015 2016 <a href="/onze-school/vaklessen/" class="sub-item">Vaklessen</a> 2017 2018 <a href="/onze-school/kinderopvang/" class="sub-item">Kinderopvang</a> 2019 2020 <a href="/onze-school/stichting-pallas/" class="sub-item">Stichting Pallas</a> 2021 2022 </div> 2023 2024 2025 2026 <div class="col-md-2 item-list"> 2027 <a href="/praktische-informatie/" class="main-item">Praktische informatie</a> 2028 2029 <a href="/praktische-informatie/schooltijden/" class="sub-item">Schooltijden</a> 2030 2031 <a href="/praktische-informatie/schoolgids/" class="sub-item">Schoolgids</a> 2032 2033 <a href="/praktische-informatie/schoolkalender/" class="sub-item">Schoolkalender</a> 2034 2035 <a href="/praktische-informatie/formulieren/" class="sub-item">Formulieren</a> 2036
2037 <a href="/praktische-informatie/veiligheid/" class="sub-item">Veiligheid</a> 2038 2039 <a href="/praktische-informatie/passend-onderwijs/" class="sub-item">Passend onderwijs</a> 2040 2041 <a href="/praktische-informatie/documenten/" class="sub-item">Documenten</a> 2042 2043 </div> 2044 2045 2046 2047 <div class="col-md-2 item-list"> 2048 <a href="/ouders/" class="main-item">Ouders</a> 2049 2050 <a href="/ouders/medezeggenschapsraad/" class="sub-item">Medezeggenschapsraad</a> 2051 2052 <a href="/ouders/klassenouders/" class="sub-item">Klassenouders</a> 2053 2054 <a href="/ouders/vrienden-van-pallas/" class="sub-item">Vrienden van Pallas</a> 2055 2056 <a href="/ouders/ouderportaal/" class="sub-item">Ouderportaal</a> 2057 2058 </div> 2059 2060 2061 2062 <div class="col-md-2 item-list"> 2063 <a href="/jaarfeesten/" class="main-item">Jaarfeesten</a> 2064 2065 <a href="/jaarfeesten/michael/" class="sub-item">Michael</a> 2066 2067 <a href="/jaarfeesten/sint-maarten/" class="sub-item">Sint Maarten</a> 2068 2069 <a href="/jaarfeesten/advent/" class="sub-item">Advent</a> 2070 2071 <a href="/jaarfeesten/sint-nicolaas/" class="sub-item">Sint-Nicolaas</a> 2072 2073 <a href="/jaarfeesten/kerstmis/" class="sub-item">Kerstmis</a> 2074 2075 <a href="/jaarfeesten/driekoningen/" class="sub-item">Driekoningen</a> 2076 2077 <a href="/jaarfeesten/maria-lichtmis/" class="sub-item">Maria Lichtmis</a> 2078 2079 <a href="/jaarfeesten/carnaval/" class="sub-item">Carnaval</a> 2080 2081 <a href="/jaarfeesten/palm-pasen/" class="sub-item">Palm pasen</a> 2082 2083 <a href="/jaarfeesten/pasen/" class="sub-item">Pasen</a> 2084 2085 <a href="/jaarfeesten/pinksteren/" class="sub-item">Pinksteren</a> 2086 2087 <a href="/jaarfeesten/sint-jan/" class="sub-item">Sint Jan</a> 2088 2089 </div> 2090 2091 2092 2093 <div class="col-md-2 item-list"> 2094 <a href="/contact/" class="main-item">Contact</a> 2095 2096 <a href="/contact/aanmelden/" class="sub-item">Kennismaken/aanmelden</a> 2097 2098 <a href="/contact/contactgegevens-kinderopvang/" class="sub-item">Contactgegevens kinderopvang</a> 2099 2100 </div> 2101 2102 2103</div> 2104 2105 </div> 2106 2107 2108 2109 2110</div> 2111 2112 2113 2114 </div> 2115 </div> 2116 2117 2118 <div class="privacy_footer--wrapper"> 2119 <div class="container"> 2120 <div class="row"> 2121 <div class="col-12"> 2122 2123 2124<div id="privacy_footer"> 2125 <div class="privacy_menu"> 2126 <ul class="privacy_menu-nav"> 2127 2128 2129 2130 2131 2132 2133 <li class="privacy_menu-item"> 2134 <a href="#" class="privacy_menu-link main-item cc-settings" onclick="return klaro.show(klaroConfig, true)">Cookie instellingen</a> 2135 </li> 2136 2137 </ul> 2138 2139 2140 2141 <p class="meta-info">Powered by <a href="http://www.socialschools.nl" target="_blank">Social Schools</a></p> 2142 2143 </div> 2144 2145 2146 2147 2148</div> 2149 2150 </div> 2151 </div> 2152 </div> 2153 </div> 2154</div> 2155 2156 2157 2158 2159
2159<script> 2160 function loadUserlaneAttributes() { 2161 Userlane('identify', 'AnonymousUser', { 2162 vier_pilaren: false, 2163 header_img: true, 2164 header_text: false, 2165 waardes: true, 2166 featured: true 2167 }); 2168 } 2169 </script>
2169 2170 2171 2172 2173 2174
2174<script defer type="text/javascript" src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/js/klaro/config.v2.7ed61fafafb4.js"></script>
2174 2175
2175<script defer type="text/javascript" src="/klaro_cookies/js/klaro-override.js"></script>
2175 2176
2176<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.18/klaro-no-css.js"></script>
2176 2177 2178 2179
2179<script type="text/javascript" src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/js/multitenant-cms.add.min.cb31e088f8f0.js"></script>
2179 2180
2180<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 2180
2180
2181<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script>
2181 2182 2183<style> 2184 2185 .cms-toolbar-expanded .klaro .cookie-notice{top: 66px; right: 20px; bottom: auto; left: auto;} .cookie-notice {top: 20px; right: 20px; bottom: auto; left: auto;}; 2186</style> 2187 2188 2189 2190
2191<script> 2192 /** 2193 * Add translations to the CKEditor syles dropdown 2194 */ 2195 window.addEventListener("DOMContentLoaded", (event) => { 2196 2197 // Add consent events to the dataLayer 2198 window.dataLayer = window.dataLayer || []; 2199 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentChoice'})},500) 2200 window.setTimeout(function(){window.dataLayer.push({'event' : 'consentUpdate'})},500) 2201 2202 if (window.CKEDITOR) { 2203 // add translations for each CKEditor on load 2204 CKEDITOR.on('instanceReady', function(){ 2205 window.CKEDITOR.stylesSet.registered.default.find((styleSet) => { 2206 if (styleSet.hasOwnProperty("attributes") && styleSet.attributes.hasOwnProperty("class")) { 2207 if (styleSet.attributes.class == "c-theme") { 2208 styleSet.name = 'Thema kleur'; 2209 } 2210 if (styleSet.attributes.class == "c-primary") { 2211 styleSet.name = 'Primaire kleur'; 2212 } 2213 if (styleSet.attributes.class == "c-secondary") { 2214 styleSet.name = 'Secondaire kleur'; 2215 } 2216 if (styleSet.attributes.class == "c-tertiary") { 2217 styleSet.name = 'Tertiaire kleur'; 2218 } 2219 } 2220 }) 2221 }); 2222 } 2223 }); 2224</script>
2224 2225 2226 2227
2227<script> 2228 $('.cms-alert').each(function(){ 2229 $(this).on('closed.bs.alert', function (e) { 2230 const { id } = e.currentTarget.dataset; 2231 const cookieName = `socs-announcements-${id}`; 2232 setCookie(cookieName, 'closed', 1); 2233 }); 2234 }); 2235 </script>
2235 2236 2237 2238
2238<script type="text/javascript" src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/js/slick.min.22f754161489.js"></script>
2238 2239
2239<script> 2240 function initFlexCarousel() { 2241 $homeSlider = $('.home-slider'); 2242 const {auto, fade} = $homeSlider.get(0).dataset; 2243 2244 const slickProps = { 2245 slidesToScroll: 1, 2246 slidesToShow: 1, 2247 arrows: true, 2248 infinite: true, 2249 fade: fade === 'true', 2250 dots: true, 2251 centerMode: false, 2252 variableWidth: false, 2253 focusOnSelect: false, 2254 autoplay: auto === 'true', 2255 autoplaySpeed: 3000, 2256 rows: 0, 2257 accessibility: true, 2258 }; 2259 2260 if($homeSlider.hasClass('unslick')) { 2261 $homeSlider.slick('unslick'); 2262 $homeSlider.removeClass('unslick'); 2263 } 2264 2265 $homeSlider.slick(slickProps) 2266 } 2267 if (window.CMS !== undefined) { 2268 window.CMS.$(window).on('cms-content-refresh', function () { 2269 initFlexCarousel(); 2270 }); 2271 } 2272 2273 (function () { 2274 initFlexCarousel(); 2275 })(); 2276 2277 </script>
2277 2278 2279 2280 2281 2282
2282<script type="text/javascript" src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/js/messages/build/static/js/main.afe4c810.3e533687e0c6.js"></script>
2282 2283 2284 2285 2286 2287 2288
2288<script type="text/javascript" src="https://04fxdestrijene-live-eb8c6b28c17249e5909-8977eeb.divio-media.org/static/js/messages/build/static/js/main.afe4c810.3e533687e0c6.js"></script>
2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299<!-- Modal --> 2300<div 2301 class="modal fade" 2302 id="searchModal" 2303 tabindex="-1" 2304 role="dialog" 2305 aria-hidden="true" 2306> 2307 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 2308 <span aria-hidden="true">×</span> 2309 </button> 2310 <div class="modal-dialog" role="document"> 2311 <div class="modal-content search-modal gets-rounded gets-shadow--hover"> 2312 <div class="modal-body"> 2313 <div class="search-input"> 2314 <form action="/zoek-resultaten" method="GET" id="search-form"> 2315 <i class="fa fa-search"></i> 2316 <input type="text" class="search-text-input form-control" name="q" placeholder='Type je zoekwoord...' /> 2317 <button class="btn btn-search mt-btn gets-shadow--hover">Zoeken</button> 2318 </form> 2319 </div> 2320 </div> 2321 </div> 2322 </div> 2323</div> 2324 2325 2326 2327 2328 2329 </body> 2330 2331</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.