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