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