1 2 3<!DOCTYPE html> 4<html class="subsite" xmlns:fb="http://ogp.me/ns/fb#"> 5<head> 6 7 <style> 8.menu-logo img { 9max-height: 90px !important; 10padding: 10px; 11} 12@media screen and (max-width: 770px) { 13 .menu-logo { 14 min-height: 40px; 15 } 16 17 .menu-logo img { 18 height: 80px; 19padding: 5px; 20 position: initial; 21 } 22} 23</style> 24
25<script> 26 27document.addEventListener('DOMContentLoaded', () => { setTimeout(function(){ 28 29if(!location.href.includes("viewform") && !location.href.includes("reregister") && $("forms-wrapper").length == 0){ 30 31let elfScript = document.createElement("script"); 32elfScript.setAttribute("src", "https://apps.elfsight.com/p/platform.js"); 33document.body.appendChild(elfScript); 34 35} 36}, 2000); 37}); 38 39</script>
39 40 41<meta charset="utf-8" /> 42<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, interactive-widget=resizes-content"> 43<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /> 44<meta name="title" content="Marian College" /> 45<meta name="description" content="Welcome to the official website for Marian College." /> 46<meta name="google-site-verification" /> 47 48<meta property="og:type" content="website" /> 49<meta property="og:url" content="https://www.mariancollege.school.nz/mariancollege/about/about-us" /> 50<meta property="og:title" content="Marian College" /> 51<meta property="og:description" content="Welcome to the official website for Marian College." /> 52<meta itemprop="image" property="og:image" content="https://prodcdn.sporty.co.nz/cms/14433/logo.png?ts=245811910" /> 53<meta property="fb:app_id" content='849632328416506' /> 54 55 56 57 <link rel="icon" type="image/png" href="https://prodcdn.sporty.co.nz/cms/40923/favicon.png" sizes="192x192"> 58 <link rel="apple-touch-icon" type="image/png" href="https://prodcdn.sporty.co.nz/cms/40923/favicon.png" sizes="180x180"> 59 60<title>Marian College - About Us</title> 61 62 <link href="/Content/google-fonts.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> 63<link href="/Content/custom-fonts.css" rel="stylesheet" /> 64<link rel="stylesheet" type="text/css" href="https://use.typekit.net/xrh0ork.css"> 65<link rel="stylesheet" type="text/css" href="https://use.typekit.net/edw2fiz.css"> 66<link rel="stylesheet" type="text/css" href="https://use.typekit.net/oxd8uxe.css"> 67<link rel="stylesheet" type="text/css" href="https://use.typekit.net/jgz3xdm.css"> 68 69<link rel="preload" crossorigin href="/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" /> 70<link href="/bundles/sporty-styles?v=F71V2NrkFmZ-htucL2-tDbWMi5yIWqXCb32RzOjuoVA1" rel="stylesheet"/> 71 72
vendor: 4,277 bytes, lines 73-185
73<script> 74 /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ 75 /* This file is meant as a standalone workflow for 76 - testing support for link[rel=preload] 77 - enabling async CSS loading in browsers that do not support rel=preload 78 - applying rel preload css once loaded, whether supported or not. 79 */ 80 (function (w) { 81 "use strict"; 82 // rel=preload support test 83 if (!w.loadCSS) { 84 w.loadCSS = function () { }; 85 } 86 // define on the loadCSS obj 87 var rp = loadCSS.relpreload = {}; 88 // rel=preload feature support test 89 // runs once and returns a function for compat purposes 90 rp.support = (function () { 91 var ret; 92 try { 93 ret = w.document.createElement("link").relList.supports("preload"); 94 } catch (e) { 95 ret = false; 96 } 97 return function () { 98 return ret; 99 }; 100 })(); 101 102 // if preload isn't supported, get an asynchronous load by using a non-matching media attribute 103 // then change that media back to its intended value on load 104 rp.bindMediaToggle = function (link) { 105 // remember existing media attr for ultimate state, or default to 'all' 106 var finalMedia = link.media || "all"; 107 108 function enableStylesheet() { 109 // unbind listeners 110 if (link.addEventListener) { 111 link.removeEventListener("load", enableStylesheet); 112 } else if (link.attachEvent) { 113 link.detachEvent("onload", enableStylesheet); 114 } 115 link.setAttribute("onload", null); 116 link.media = finalMedia; 117 } 118 119 // bind load handlers to enable media 120 if (link.addEventListener) { 121 link.addEventListener("load", enableStylesheet); 122 } else if (link.attachEvent) { 123 link.attachEvent("onload", enableStylesheet); 124 } 125 126 // Set rel and non-applicable media type to start an async request 127 // note: timeout allows this to happen async to let rendering continue in IE 128 setTimeout(function () { 129 link.rel = "stylesheet"; 130 link.media = "only x"; 131 }); 132 // also enable media after 3 seconds, 133 // which will catch very old browsers (android 2.x, old firefox) that don't support onload on link 134 setTimeout(enableStylesheet, 3000); 135 }; 136 137 // loop through link elements in DOM 138 rp.poly = function () { 139 // double check this to prevent external calls from running 140 if (rp.support()) { 141 return; 142 } 143 var links = w.document.getElementsByTagName("link"); 144 for (var i = 0; i < links.length; i++) { 145 var link = links[i]; 146 // qualify links to those with rel=preload and as=style attrs 147 if (link.rel === "preload" && link.getAttribute("as") === "style" && !link.getAttribute("data-loadcss")) { 148 // prevent rerunning on link 149 link.setAttribute("data-loadcss", true); 150 // bind listeners to toggle media back 151 rp.bindMediaToggle(link); 152 } 153 } 154 }; 155 156 // if unsupported, run the polyfill 157 if (!rp.support()) { 158 // run once at least 159 rp.poly(); 160 161 // rerun poly on an interval until onload 162 var run = w.setInterval(rp.poly, 500); 163 if (w.addEventListener) { 164 w.addEventListener("load", function () { 165 rp.poly(); 166 w.clearInterval(run); 167 }); 168 } else if (w.attachEvent) { 169 w.attachEvent("onload", function () { 170 rp.poly(); 171 w.clearInterval(run); 172 }); 173 } 174 } 175 176 177 // commonjs 178 if (typeof exports !== "undefined") { 179 exports.loadCSS = loadCSS; 180 } 181 else { 182 w.loadCSS = loadCSS; 183 } 184 }(typeof global !== "undefined" ? global : this)); 185</script>
185 186 187 188 <style type="text/css"> 189 @import url('/Content/mobiscroll/mobiscroll.custom-3.2.4.min.css'); 190 </style> 191 192 193 194 195<style> 196 197 198 .widget, .widget h3, .cmsFooter, .header-image, .document-list-heading, .container:not(.whiteWall) .site-style, .dropdown-widget, .wCompetition select, .wSIFCompetition select, .wCompetition .multiselect, .wSIFCompetition .multiselect, .wCometCompetition select, .wCometCompetition .multiselect, 199 .comp-widget-from, .comp-widget-to, .wCompetition input, .wPlayHQ input, .wPlayHQ select, .wPlayHQ .multiselect { 200 font-family: Montserrat, sans-serif !important; 201 color: #004c97 !important; 202 font-weight: normal; 203 font-style: normal; 204 } 205 206 207 208 209 .navbar-inverse .navbar-toggle .icon-bar { 210 background-color: #cc0033 !important; 211 } 212 213 .navbar-inverse .navbar-toggle:hover .icon-bar { 214 background-color: #004c97 !important; 215 } 216 217 body { 218 background-color:#004c97; 219 } 220 221 222 body:before { 223 background-color:#004c97; 224 } 225 226 227 .cmsContent h1, .cmsContent h2, .cmsContent h3, .cmsContent h4, .cmsContent h5, .cmsContent h6 { 228 font-family: Montserrat, sans-serif !important; 229 } 230 231 .comp-widget-content ul li:not(.standings-phase-tab) { 232 border: 1px solid #dddd; 233 color: #004c97; 234 border: 1px solid #ddd 235 236 } 237 238 .comp-widget-content ul li.active:not(.standings-phase-tab) { 239 background-color: #004c97 !important; 240 color: white; 241 border: none; 242 border-bottom: 1px solid #004c97; 243 } 244 245 .wCompetition .nav-tabs > li:hover:not(.standings-phase-tab){ 246 border: 1px solid #004c97; 247 } 248 249 .KamarNoticeTitle, .kamarAgendaViewDayTitle{ 250 background-color: rgba(0,76,151,0.15); 251 } 252 253 .kamarSelectedDay{ 254 background-color: #004c97 !important; 255 color: white !important; 256 } 257 258 259 260 261 262 263 .supersplitter { 264 padding-bottom: 40px; 265 padding-top: 40px; 266 } 267 268 @media only screen and (max-width: 767px){ 269 270 271 272 } 273 274 275 276 277 278 #cmsContent .supersplitter div[class*="col-sm-"]:not(.form-col) { 279 padding-left: 10px !important; 280 padding-right: 10px !important; 281 } 282 283 #cmsContent .supersplitter:not(.full-screen-width-bg) { 284 padding-left: 10px !important; 285 padding-right: 10px !important; 286 } 287 288 .widget { 289 margin-bottom: 20px; 290 font-size: 14px !important; 291 } 292 293 .widget .sy-controls { 294 font-size: 14px !important; 295 } 296 297 @media only screen and (min-width: 768px){ 298 #cmsContent .supersplitter .splitter-column-sortable-parent > .splitter-column-sortable:last-child > .widget:last-child{ 299 margin-bottom: 0 !important; 300 } 301 302 #section-header .supersplitter .splitter-column-sortable-parent > .splitter-column-sortable:last-child .widget:last-child { 303 margin-bottom: 0 !important; 304 } 305 306 #cmsContent .supersplitter .accordion-splitter .splitter-column-sortable:last-child .widget:last-child { 307 margin-bottom: 0 !important; 308 } 309 310 #section-header .supersplitter .accordion-splitter .splitter-column-sortable:last-child .widget:last-child { 311 margin-bottom: 0 !important; 312 } 313 314 } 315 316 @media only screen and (max-width: 767px){ 317 318 319 #cmsContent .supersplitter .accordion-splitter > div.last .widget { 320 margin-bottom: 0 !important; 321 } 322 323 #section-header .supersplitter .accordion-splitter > div.last .widget { 324 margin-bottom: 0 !important; 325 } 326 327 } 328 329 #cmsContent .supersplitter .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 330 margin-right: -10px !important; 331 margin-left: -10px !important; 332 } 333 334 @media only screen and (max-width: 768px){ 335 336 #cmsContent .supersplitter .childsplitter { 337 margin-right: 0px !important; 338 margin-left: 0px !important; 339 } 340 341 .supersplitter { 342 343 padding-left: 10px !important; 344 padding-right: 10px !important; 345 } 346 347 .full-screen-width { 348 width: 100vw; 349 margin-left: 0; 350 } 351 352 353 .row.do-not-stack [class*="col-"] { 354 padding: 0 !important; 355 } 356 357 358 359 } 360 361 362 body.edit .widget { 363 margin-bottom: 20px !important; 364 } 365 366 .widget .childsplitter .childsplitter .btn-toolbar { 367 right: 10px !important; 368 } 369 370 .widget .childsplitter .last .btn-toolbar { 371 right: 10px !important; 372 } 373 374 .widget .richtext-editor > :last-child { 375 margin-bottom: 0; 376 } 377 378 .widget .richtext-editor > :first-child { 379 margin-top: 0; 380 } 381 382 .edit .full-screen-width-bg.supersplitter > .btn-toolbar { 383 margin-left: -40px; 384 385 } 386 387 .edit .full-screen-width-bg.supersplitter .widget .btn-toolbar { 388 right: 10px !important; 389 } 390 391 .edit .full-screen-width-bg.supersplitter .wSplitter > .btn-toolbar { 392 right: 0px !important; 393 } 394 395 .edit .supersplitter > .btn-toolbar { 396 margin: 0; 397 padding: 0; 398 margin-left: -44px; 399 margin-top: -42px; 400 } 401 402 .edit .full-screen-width .btn-toolbar { 403 404 margin-left: -10px !important; 405 margin-top: -40px !important; 406 } 407 408 .edit .full-screen-width .widget .btn-toolbar { 409 410 right: 10px !important; 411 z-index: 10 !important; 412 margin-top: 0px !important; 413 } 414 415 .supersplitter { 416 417 } 418 419 420 421 422 .site-wide-btn { 423 display: inline-grid !important;align-items: center !important;border: 1px solid rgba(255,255,255,0.00) !important;background: rgba(0,76,151,1.00) !important;border-radius: 0px !important;color: #ffffff !important;min-height: 60px !important;font-family: 'Roboto Slab', Roboto, Arial !important;font-size: 14px !important; 424 } 425 426 .site-wide-btn-font{ 427 font-family: 'Roboto Slab', Roboto, Arial !important; 428 font-size: 14 !important; 429 color: #ffffff !important; 430 } 431 432 forms-wrapper[usesitestyle='true'] button.submit-btn{ 433 align-items: center !important;border: 1px solid rgba(255,255,255,0.00) !important;background: rgba(0,76,151,1.00) !important;border-radius: 0px !important;color: #ffffff !important;font-family: 'Roboto Slab', Roboto, Arial !important; 434 } 435 436 forms-wrapper[usesitestyle='true'] button.submit-btn span{ 437 color: #ffffff !important; 438 } 439 440 forms-wrapper[usesitestyle='true'] button.cancel-btn{ 441 align-items: center !important;border-radius: 0px !important;font-family: 'Roboto Slab', Roboto, Arial !important; 442 } 443 444 445 446 .site-primary-heading { 447 font-family: Roboto Slab;color: rgba(204,0,51,255);font-size: 36px;font-weight: normal;font-style: normal;text-decoration: none; 448 } 449 450 451 452 .site-secondary-heading { 453 font-family: Montserrat, sans-serif;color: rgba(204,0,51,255);font-size: 24px;font-weight: normal;font-style: normal;text-decoration: none; 454 } 455 456 457 458 .widget.wRichText a { 459 font-family: Montserrat, sans-serif;color: rgba(0,76,151,255);font-size: 14px;font-weight: normal;font-style: normal;text-decoration: underline; 460 } 461 462</style> 463 464<style id="mobileWallPaperStyle"> 465 466</style> 467 468 <input id="hidden_country" type="hidden" value="Nz"/>
469<script type="text/javascript"> 470 var sportyApp = { 471 country: 'Nz' 472 }; 473</script>
473 474 475 476
476<script type="text/javascript"> 477 var sportsground = sportsground || {}; 478 </script>
478 479 480
480<script type='text/javascript'> 481 var googletag = googletag || {}; 482 googletag.cmd = googletag.cmd || []; 483 (function () { 484 var gads = document.createElement('script'); 485 gads.async = true; 486 gads.type = 'text/javascript'; 487 var useSSL = 'https:' == document.location.protocol; 488 gads.src = (useSSL ? 'https:' : 'http:') + 489 '//www.googletagservices.com/tag/js/gpt.js'; 490 var node = document.getElementsByTagName('script')[0]; 491 node.parentNode.insertBefore(gads, node); 492 })(); 493</script>
493 494
495<script type='text/javascript'> 496 googletag.cmd.push(function() { 497 var mapping = googletag.sizeMapping(). 498 addSize([0, 0], [300, 250]). 499 addSize([1183, 0], [728, 90]). 500 build(); 501 502 googletag.defineSlot('/44071230/SportyBanner', [[300, 250], [728, 90]], 'div-gpt-ad-1468803611332-0'). 503 defineSizeMapping(mapping) 504 505 506 .setTargeting("Region", ["Canterbury"]) 507 .setTargeting("OrgType", ["Sportsground.Dal.Poco.EducationProviderType"]) 508 .setTargeting("Platform", ["MainSite"]) 509 .setTargeting("Environment", ["Prod"]) 510 .addService(googletag.pubads()); 511 googletag.pubads().enableSingleRequest(); 512 googletag.enableServices(); 513 }); 514</script>
514 515 516
516<script type='text/javascript'> 517 googletag.cmd.push(function() { 518 googletag.defineSlot('/44071230/SportyBanner', [300, 250], 'div-gpt-ad-secondary') 519 520 521 .setTargeting("Region", ["Canterbury"]) 522 .setTargeting("OrgType", ["Sportsground.Dal.Poco.EducationProviderType"]) 523 .setTargeting("Platform", ["MainSite"]) 524 .setTargeting("Environment", ["Prod"]) 525 .addService(googletag.pubads()); 526 googletag.pubads().enableSingleRequest(); 527 googletag.enableServices(); 528 }); 529 googletag.cmd.push(function () { googletag.display('div-gpt-ad-secondary'); }); 530 </script>
530 531 532 533 534</head> 535<body class=""> 536 537 538 539 <input data-val="true" data-val-number="The field OrganisationId must be a number." data-val-required="The OrganisationId field is required." id="OrganisationId" name="OrganisationId" type="hidden" value="14433" /> 540 <input data-val="true" data-val-number="The field SiteId must be a number." data-val-required="The SiteId field is required." id="SiteId" name="SiteId" type="hidden" value="40923" /> 541 <input data-val="true" data-val-number="The field PageId must be a number." data-val-required="The PageId field is required." id="PageId" name="PageId" type="hidden" value="1981660" /> 542 <input data-val="true" data-val-required="The CanAddRemoveWidgets field is required." id="CanAddRemoveWidgets" name="CanAddRemoveWidgets" type="hidden" value="True" /> 543 <input data-val="true" data-val-required="The IsAddingCodeEnabled field is required." id="IsAddingCodeEnabled" name="IsAddingCodeEnabled" type="hidden" value="False" /> 544 <input id="hdnFontFamilyColor" name="FontFamilyColor" type="hidden" value="#004c97" /> 545 <input id="CustomColorsJson" name="CustomColorsJson" type="hidden" value="[{"HexValue":"#cc0033"},{"HexValue":"#004c97"},{"HexValue":"#04264b"},{"HexValue":"#FBFBFB"},{"HexValue":"#EEEEEE"},{"HexValue":"#e4002b"}]" /> 546<input id="hdnSiteButtonColor" name="SiteButtonModel.ButtonTextColor" type="hidden" value="#ffffff" /> <input id="hdnFontFamily" name="FontFamily" type="hidden" value="Montserrat, sans-serif" /> 547 <input data-val="true" data-val-number="The field FontFamilySize must be a number." data-val-required="The FontFamilySize field is required." id="hdnFontFamilySize" name="FontFamilySize" type="hidden" value="14" /> 548 <input data-val="true" data-val-required="The SubscriptionPlan field is required." id="hdnSubscriptionPlan" name="SubscriptionPlan" type="hidden" value="Gold" /> 549 <input data-val="true" data-val-required="The IsSubSite field is required." id="hdnIsSubSite" name="IsSubSite" type="hidden" value="False" /> 550 <input data-val="true" data-val-required="The IsHomePage field is required." id="hdnIsHomePage" name="IsHomePage" type="hidden" value="False" /> 551 <input data-val="true" data-val-required="The HomePageLocked field is required." id="hdnIsHomePageLocked" name="HomePageLocked" type="hidden" value="False" /> 552 <input data-val="true" data-val-required="The HeaderLocked field is required." id="hdnIsHeaderLocked" name="HeaderLocked" type="hidden" value="False" /> 553 <input data-val="true" data-val-required="The FooterLocked field is required." id="hdnIsFooterLocked" name="FooterLocked" type="hidden" value="False" /> 554 <input data-val="true" data-val-number="The field SectionMargin must be a number." id="hdnSiteSectionMargin" name="SectionMargin" type="hidden" value="40" /> 555 <input data-val="true" data-val-number="The field WidgetMargin must be a number." id="hdnSiteWidgetMargin" name="WidgetMargin" type="hidden" value="20" /> 556 <input id="isCustomDomain" name="isCustomDomain" type="hidden" value="True" /> 557 <input data-val="true" data-val-required="The IsWebmaster field is required." id="isWebmaster" name="isWebmaster" type="hidden" value="False" /> 558 <input id="baseUrl" name="baseUrl" type="hidden" value="//www.mariancollege.school.nz" /> 559 <input id="hdnSiteBackgroundColor" name="BackgroundColor" type="hidden" value="#004c97" /> 560 561<input id="FontFamily" name="FontFamily" type="hidden" value="Montserrat, sans-serif" /> 562<input id="SitePrimaryHeading_FontFamily" name="SitePrimaryHeading.FontFamily" type="hidden" value="Roboto Slab" /> 563<input id="SiteSecondaryHeading_FontFamily" name="SiteSecondaryHeading.FontFamily" type="hidden" value="Montserrat, sans-serif" /> 564 <input id="hdnIdMeUrl" name="hdnIdMeUrl" type="hidden" value="https://www.idme.co.nz/" /> 565 566 <input type="hidden" id="hdnAlertNotification" /> 567 568 569 <div id="sticky-wrapper"> 570 571 572 573<input type="hidden" id="hdnEwaOfCurrentSite" value="mariancollege"/> 574 575<style> 576.container.navigation { 577 line-height: 0; 578} 579 580 581#cmsNavigationContainer > .container { 582 padding-top: 10px; 583 padding-bottom: 10px; 584} 585 586 587.megamenu-content { 588 background-color: #FBFBFB; 589 background-color:rgba(251, 251, 251, 1.00); 590} 591.megamenu-content .column a:not(.subnavItemEdit):hover { 592 color: #004c97 !important; 593} 594 595.navbar-inverse { 596 background-color:#FBFBFB; 597 background-color:rgba(251, 251, 251, 0.95); 598} 599 600.megamenu-content { 601 background-color: #FBFBFB; 602 background-color:rgba(251, 251, 251, 1.00); 603} 604 605.megamenu-content .column a:not(.subnavItemEdit):hover { 606 color: #004c97 !important; 607} 608 609.navbar .navbar-nav { 610 display: inline-block; 611 margin-right:30px; 612} 613 614.navbar .navbar-collapse { 615 text-align: right; 616} 617 618.navbar-inverse .navbar-nav > li:not(.en-main) a:not(.navItemEdit):not(#btnEnSave),
619.navbar-inverse .navbar-nav #hamburger-menu-content a:not(.navItemEdit):not(#btnEnSave) { 620 color: #cc0033; 621 font-family: Roboto Slab; 622 font-size: 14px; 623 } 624 625#uxCmsSiteNavigation .dropdown-menu { 626 background-color: rgba(0,0,0,0); 627 color: #cc0033; 628 border: none; 629 box-shadow: none; 630} 631 632#uxCmsSiteNavigation .dropdown-menu a.cms-nav-link { 633 background-color:rgba(251, 251, 251, 0.95); 634 margin: 0; 635} 636 637/* All menu items when open or active */ 638/*#uxCmsSiteNavigation.navbar-nav :not(.en-main) > a.cms-nav-link:not(.nav-hidden),*/ 639#uxCmsSiteNavigation.navbar-nav .open:not(.en-main) > a.cms-nav-link:not(.nav-hidden), 640#uxCmsSiteNavigation.navbar-nav .active:not(.en-main) > a.cms-nav-link:not(.nav-hidden), 641/* Setting the styling of the dropdown menu items, both sub and sub sub pages*/ 642#uxCmsSiteNavigation .dropdown-menu li.active a.cms-nav-link-2:not(.nav-hidden), 643#uxCmsSiteNavigation .dropdown-menu li.cms-nav-link-child-2.active a.cms-nav-link-3:not(.nav-hidden), 644#uxCmsSiteNavigation .dropdown-menu a.cms-nav-link:not(.nav-hidden):hover { 645 background-color:rgba(251, 251, 251, 1.00); 646 color: #004c97 !important; 647} 648 649@media (min-width: 768px) { 650 651 /* All menu items when open */ 652 #uxCmsSiteNavigation.navbar-nav > .open:not(.en-main) > a.cms-nav-link, 653 #uxCmsSiteNavigation.navbar-nav > li > .dropdown-menu .open:not(.en-main) > a.cms-nav-link { 654 655 } 656 657 /* All menu items when active */ 658 #uxCmsSiteNavigation.navbar-nav > .active:not(.en-main) > a.cms-nav-link, 659 #uxCmsSiteNavigation.navbar-nav > li > .dropdown-menu .active:not(.en-main) > a.cms-nav-link { 660 661 } 662 663 /* All menu items that are not selected. This styling prevents 664 the menu jiggling when hovering over menu items and is 665 overridden by the styles above because of the specificity level. */ 666 .navbar-inverse .navbar-nav > li:not(.en-main, .active, .open) > a.cms-nav-link, 667 .navbar-inverse .navbar-nav > li > .dropdown-menu li:not(.en-main, .active, .open) > a.cms-nav-link { 668 669 } 670 671 672} 673 674#enActionList a.dropdown-toggle.cms-nav-link.btn-default { 675 text-decoration: none !important; 676 border: none !important; 677} 678 679a.cms-nav-link.nav-non-members:focus, a.dropdown-toggle.cms-nav-link:focus 680{ 681 background-color:rgba(251, 251, 251, 1.00) !important; 682 color: #004c97 !important; 683} 684 685.navbar-nav > li { 686 border-bottom: 1px solid #FBFBFB; 687} 688 689.dropdown-menu > .active > a.navItemEdit:hover, .dropdown-menu > .active > a.navItemEdit:focus { 690 background-color: #319a31; 691} 692 693.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ 694 background-color:rgba(251, 251, 251, 1.00) !important; 695 color: #004c97 !important; 696} 697 698#subsite-header{ 699 background-color:rgba(251, 251, 251, 0.95); 700 color: #cc0033; 701 font-family: Roboto Slab; 702} 703 704.cms-nav-link-root.open > .cms-nav-link { 705 background-color: rgba(251, 251, 251, 1.00) !important; 706 color: #004c97 !important; 707} 708 709 710</style> 711 712<input type="hidden" id="hdnCurrentPageId" value="1981660"/> 713 714 715<div class="no-stretch-container-parent"> 716 717 718 <div class="no-stretch-header"> 719 <div id="section-header" class="section-header supersplitter-sortable"> 720 721 722 <div id="superSplitter_1819880" class="supersplitter splitter section-background background-image-1819880 full-screen-width " data-id="1819880" 723 data-key="TwoColumnEven" data-fullscreen="True" data-fluidwidgets="True" data-mobilescroll="False" 724 data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#004c97" data-transparency="1.00" 725 data-showbgimage="True" data-bgimage="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/5e624c7a-fd4b-4d23-ab26-1bcf5306e06a_wo.png?t=638230231584330000" data-showbgvideo="False" data-bgvideo="" 726 data-bgvideoimage="" 727 data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="True" 728 data-desktopmargin="0" data-mobilemargin="0" data-widgetsmargin="0"> 729 730 <style> 731 732 .background-image-1819880 { 733 position: relative; 734 } 735 .background-image-1819880:before { 736 content: ' '; 737 position: absolute; 738 opacity: 1; 739 background-color: ; 740 741 background-image: url('//prodcdn.sporty.co.nz/cms/14433/202830/1432518/5e624c7a-fd4b-4d23-ab26-1bcf5306e06a_wo.png'); 742 743 } 744 745 746 747 #superSplitter_1819880 { 748 padding-bottom: 0px !important; 749 padding-top: 0px !important; 750 } 751 752 .edit #superSplitter_1819880 > .btn-toolbar { 753 margin-left: -34px !important; 754 margin-top: -2px !important; 755 } 756 757 758 759 760 761 @media only screen and (max-width: 768px){ 762 #superSplitter_1819880 { 763 padding-bottom: 0px !important; 764 padding-top: 0px !important; 765 } 766 767 .edit #superSplitter_1819880 > .btn-toolbar { 768 margin-left: -34px !important; 769 margin-top: -2px !important; 770 } 771 772 773 } 774 775 776 777 778 #cmsContent #superSplitter_1819880 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_1819880 div[class*="col-sm-"] { 779 padding-left: 0px !important; 780 padding-right: 0px !important; 781 } 782 783 #cmsContent #superSplitter_1819880:not(.full-screen-width-bg), #section-header #superSplitter_1819880:not(.full-screen-width-bg) { 784 padding-left: 0px !important; 785 padding-right: 0px !important; 786 } 787 788 #superSplitter_1819880 .widget { 789 margin-bottom: 0px !important; 790 } 791 792 #cmsContent #superSplitter_1819880 .childsplitter.accordion-splitter{ 793 margin-left: -0px !important; 794 width: calc(100% + 0px) !important; 795 } 796 797 #cmsContent #superSplitter_1819880 .childsplitter:not(.accordion-splitter):not(.wideget-splitter), 798 #section-header #superSplitter_1819880 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 799 margin-right: -0px !important; 800 margin-left: -0px !important; 801 } 802 803 body.edit #superSplitter_1819880 .widget { 804 margin-bottom: 0px !important; 805 } 806 807 #superSplitter_1819880 .widget .childsplitter .childsplitter .btn-toolbar { 808 right: 0px !important; 809 } 810 811 #superSplitter_1819880 .widget .childsplitter .last .btn-toolbar { 812 right: 0px !important; 813 } 814 815 .edit .full-screen-width-bg#superSplitter_1819880 .widget .btn-toolbar { 816 right: 0px !important; 817 } 818 819 .edit #superSplitter_1819880.full-screen-width .btn-toolbar { 820 margin-left: 0px !important; 821 margin-top: -0px !important; 822 } 823 824 .edit #superSplitter_1819880.full-screen-width .widget .btn-toolbar { 825 right: 0px !important; 826 z-index: 10 !important; 827 margin-top: 0px !important; 828 } 829 830 @media only screen and (max-width: 768px){ 831 #superSplitter_1819880 { 832 padding-left: 0px !important; 833 padding-right: 0px !important; 834 835 } 836 837 #superSplitter_1819880 .forms-app{ 838 margin-left: -0px !important; 839 margin-right: -0px !important; 840 } 841 842 #cmsContent #superSplitter_1819880 .forms-app form > .col-12.col-xs-12 { 843 padding-left: 0 !important; 844 padding-right: 0 !important; 845 } 846 847 } 848 849 850 #superSplitter_1819880 .supersplitter-video { 851 margin-top: -0px; 852 } 853 854 .edit .full-screen-width-bg#superSplitter_1819880 > .btn-toolbar { 855 856 857 margin-left: -20px !important; 858 859 860 } 861 862 .edit #superSplitter_1819880 > .btn-toolbar { 863 864 margin-top: -2px !important; 865 866 867 margin-left: -34px !important; 868 869 } 870 871 .edit #superSplitter_1819880 > .footer-indicator, .edit #superSplitter_1819880 > .header-indicator { 872 873 margin-left: 7px !important; 874 border-bottom: 2px dotted #cccccc; 875 876 margin-top: 13px !important; 877 } 878 879 .edit .full-screen-width-bg#superSplitter_1819880 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_1819880 > .header-indicator { 880 881 882 margin-left: -65px !important; 883 884 885 } 886 887 .edit #superSplitter_1819880.full-screen-width .footer-indicator, .edit #superSplitter_1819880.full-screen-width .header-indicator { 888 margin-left: 17px !important; 889 margin-top: 15px !important; 890 border-bottom: 2px dotted #cccccc; 891 } 892 893 #superSplitter_1819880 .news-tiles .news-grid-col { 894 padding-top: 0px; 895 padding-left: 0px; 896 padding-right: 0px; 897 } 898 899 900 </style> 901 902 903 904 <div class="row "> 905 906 <div class="col-sm-6 "> 907 908 <div id="splitter_1819880_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1"> 909 910 <div class="splitter-column-sortable" 911 data-key="splitter_col1" 912 data-preload="true" 913 data-widgetid="1731510" data-id="1731510"> 914 915 916 917<div id='widget_1731510' data-id='1731510' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'> 918 919 920<div style="background-color:transparent">
921 <div style="" class="row splitter wideget-splitter childsplitter do-not-stack" id="childSplitter_1731510" data-id="1731510" data-key="FourColumn" 922 data-stack-content="False" data-bgcolor="" data-transparency="0"> 923 924 <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 first"> 925 926 <div id="splitter_1731510_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col1"> 927 928 929 930 931<div id='widget_1731514' data-id='1731514' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'> 932 <input id="hdnHoverImage-1731514" type="hidden" value=""/> 933 <input id="hdnHoverImageId-1731514" type="hidden" value="" /> 934 <input id="hdnInitialImage-1731514" type="hidden" value="" /> 935 <input id="hdnInitialImageId-1731514" type="hidden" value="" /> 936 937 938 <div class="btn-widget-container "> 939 <a id="btnButtonWidget-1731514" 940 class="btn btn-primary btnWidget " 941 style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: 'Roboto Slab', Roboto, Arial !important;width: 100% !important;" 942 data-height="Custom" 943 data-color="rgba(0,76,151,0.2)" 944 data-text-color="#ffffff" 945 data-hover-color="rgba(0,46,91,0.2)" 946 data-link-type="url" 947 data-link-data="https://mariancollege.school.kiwi/" 948 data-link-target="_blank" 949 target='_blank'> 950 Parent Portal 951 </a> 952 </div> 953 954 955 <div id="dvImageBtnContainer-1731514" class="text-center hidden"> 956 <a data-link-type="url" data-link-data="https://mariancollege.school.kiwi/" data-link-target="_blank" target="_blank"> 957 <img data-id="" class="btnImage img-responsive " 958 src="" 959 /> 960 </a> 961 </div> 962</div> 963 </div> 964 </div> 965 <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 "> 966 967 <div id="splitter_1731510_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col2"> 968 969 970 971 972<div id='widget_1731515' data-id='1731515' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'> 973 <input id="hdnHoverImage-1731515" type="hidden" value=""/> 974 <input id="hdnHoverImageId-1731515" type="hidden" value="" /> 975 <input id="hdnInitialImage-1731515" type="hidden" value="" /> 976 <input id="hdnInitialImageId-1731515" type="hidden" value="" /> 977 978 979 <div class="btn-widget-container "> 980 <a id="btnButtonWidget-1731515" 981 class="btn btn-primary btnWidget " 982 style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: 'Roboto Slab', Roboto, Arial !important;width: 100% !important;" 983 data-height="Custom" 984 data-color="rgba(0,76,151,0.2)" 985 data-text-color="#ffffff" 986 data-hover-color="rgba(0,46,91,0.2)" 987 data-link-type="url" 988 data-link-data="https://mariancollege.school.kiwi/" 989 data-link-target="_blank" 990 target='_blank'> 991 Student Portal 992 </a> 993 </div> 994 995 996 <div id="dvImageBtnContainer-1731515" class="text-center hidden"> 997 <a data-link-type="url" data-link-data="https://mariancollege.school.kiwi/" data-link-target="_blank" target="_blank"> 998 <img data-id="" class="btnImage img-responsive " 999 src="" 1000 /> 1001 </a> 1002 </div> 1003</div> 1004 </div> 1005 </div> 1006 <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 "> 1007 1008 <div id="splitter_1731510_splitter_col3" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col3"> 1009 1010 1011 1012 1013<div id='widget_1731516' data-id='1731516' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'> 1014 <input id="hdnHoverImage-1731516" type="hidden" value=""/> 1015 <input id="hdnHoverImageId-1731516" type="hidden" value="" /> 1016 <input id="hdnInitialImage-1731516" type="hidden" value="" /> 1017 <input id="hdnInitialImageId-1731516" type="hidden" value="" /> 1018 1019 1020 <div class="btn-widget-container "> 1021 <a id="btnButtonWidget-1731516" 1022 class="btn btn-primary btnWidget " 1023 style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: 'Roboto Slab', Roboto, Arial !important;width: 100% !important;" 1024 data-height="Custom" 1025 data-color="rgba(0,76,151,0.2)" 1026 data-text-color="#ffffff" 1027 data-hover-color="rgba(0,46,91,0.2)" 1028 data-link-type="page" 1029 data-link-data="1982030" 1030 data-link-target="" 1031 target='_blank'> 1032 Calendar / Events 1033 </a> 1034 </div> 1035 1036 1037 <div id="dvImageBtnContainer-1731516" class="text-center hidden"> 1038 <a data-link-type="page" data-link-data="1982030" data-link-target="" target="_blank"> 1039 <img data-id="" class="btnImage img-responsive " 1040 src="" 1041 /> 1042 </a> 1043 </div> 1044</div> 1045 </div> 1046 </div> 1047 <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-3 last"> 1048 1049 <div id="splitter_1731510_splitter_col4" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731510" data-key="splitter_col4"> 1050 1051 1052 1053 1054<div id='widget_1731517' data-id='1731517' data-load='True' data-modal='True' data-widgettype='Button' data-widgettitle='Button' class='widget wButton widget-opacive'> 1055 <input id="hdnHoverImage-1731517" type="hidden" value=""/> 1056 <input id="hdnHoverImageId-1731517" type="hidden" value="" /> 1057 <input id="hdnInitialImage-1731517" type="hidden" value="" /> 1058 <input id="hdnInitialImageId-1731517" type="hidden" value="" /> 1059 1060 1061 <div class="btn-widget-container "> 1062 <a id="btnButtonWidget-1731517" 1063 class="btn btn-primary btnWidget " 1064 style="display: inline-grid;align-items: center;color: #ffffff !important;background-color: rgba(0,76,151,0.2) !important;border: 1px solid rgba(255,255,255,0) !important;border-radius: 0px !important;min-height: 50px !important;font-size: 12px !important;font-family: 'Roboto Slab', Roboto, Arial !important;width: 100% !important;" 1065 data-height="Custom" 1066 data-color="rgba(0,76,151,0.2)" 1067 data-text-color="#ffffff" 1068 data-hover-color="rgba(0,46,91,0.2)" 1069 data-link-type="onlineForm" 1070 data-link-data="169514" 1071 data-link-target="_blank" 1072 target='_blank'> 1073 Report Absence 1074 </a> 1075 </div> 1076 1077 1078 <div id="dvImageBtnContainer-1731517" class="text-center hidden"> 1079 <a data-link-type="onlineForm" data-link-data="169514" data-link-target="_blank" target="_blank"> 1080 <img data-id="" class="btnImage img-responsive " 1081 src="" 1082 /> 1083 </a> 1084 </div> 1085</div> 1086 </div> 1087 </div> 1088 </div> 1089</div> 1090</div> 1091 1092 1093 </div> 1094 1095 </div> 1096 1097 1098 </div> 1099 <div class="col-sm-6 "> 1100 1101 <div id="splitter_1819880_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2"> 1102 1103 <div class="splitter-column-sortable" 1104 data-key="splitter_col2" 1105 data-preload="true" 1106 data-widgetid="1731511" data-id="1731511"> 1107 1108 1109 1110<div id='widget_1731511' data-id='1731511' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'> 1111 1112 1113<div style="background-color:transparent"> 1114 <div style="margin: 0px !important;padding: 5px !important;padding-right:0px !important;
1114" class="row splitter wideget-splitter childsplitter " id="childSplitter_1731511" data-id="1731511" data-key="TwoColumnEven" 1115 data-stack-content="True" data-bgcolor="" data-transparency="0"> 1116 1117 <div style="padding:0px !important;padding-right: 5px !important;" class="col-sm-6 first"> 1118 1119 <div id="splitter_1731511_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731511" data-key="splitter_col1"> 1120 1121 1122 </div> 1123 </div> 1124 <div style="padding:0px !important;padding-right: 5px !important;" class="col-sm-6 last"> 1125 1126 <div id="splitter_1731511_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731511" data-key="splitter_col2"> 1127 1128 1129 1130 1131<div id='widget_1731512' data-id='1731512' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'> 1132 1133 1134<div style="background-color:transparent"> 1135 <div style="" class="row splitter wideget-splitter childsplitter do-not-stack" id="childSplitter_1731512" data-id="1731512" data-key="OneThirdTwoThirds" 1136 data-stack-content="False" data-bgcolor="" data-transparency="0"> 1137 1138 <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-4 first"> 1139 1140 <div id="splitter_1731512_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731512" data-key="splitter_col1"> 1141 1142 1143 1144 1145<div id='widget_412932' data-id='412932' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'> 1146 <div id="code-snippet-412932" data-html="<div class="elfsight-app-1115b67f-0061-49ba-a08b-9662c36939c1"></div> 1147 1148<style> 1149.Search__Component-sc-o5iq8-0 1150{text-align: right; 1151} 1152</style>"> 1153 </div> 1154</div> 1155 </div> 1156 </div> 1157 <div style="padding-left: 0px !important;padding-right: 0px !important;" class="col-sm-8 last"> 1158 1159 <div id="splitter_1731512_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1731512" data-key="splitter_col2"> 1160 1161 1162 1163 1164<div id='widget_1731513' data-id='1731513' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'> 1165 <div id="code-snippet-1731513" data-html="<div class="elfsight-app-2bf5eb93-85ee-4dec-9599-b28d802a2848"></div>"> 1166 </div> 1167</div> 1168 </div> 1169 </div> 1170 </div> 1171</div> 1172</div> 1173 </div> 1174 </div> 1175 </div> 1176</div> 1177</div> 1178 1179 1180 </div> 1181 1182 </div> 1183 1184 1185 </div> 1186 </div> 1187 </div> 1188 1189 </div> 1190 1191 </div> 1192 1193</div> 1194 1195 <div class="sticky-header-filler" style="height: 0px"></div> 1196 <nav class="navbar navbar-inverse menu-bg full-width sticky sticky-mobile" role="navigation" data-islocked="True" 1197 data-headerheight="0" data-ismenuaboveheader="False"> 1198 <div class="container navigation full-width"> 1199 <div class='navbar-header mobile-nav-header'> 1200 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#cmsNavigationContainer"> 1201 <span class="sr-only">Toggle navigation</span> 1202 <span class="icon-bar"></span> 1203 <span class="icon-bar"></span> 1204 <span class="icon-bar"></span> 1205 1206 </button> 1207 </div> 1208 1209 <div class="menu-logo"> 1210 <img src="//prodcdn.sporty.co.nz/cms/14433/40923/menulogo_wo.png?v=638508205696300000" data-link-type="page" data-link-data="1141523" data-link-target="_blank"/> 1211 </div> 1212 1213 <div class='collapse navbar-collapse mobile-nav-container' id="cmsNavigationContainer"> 1214 <div class="container"> 1215 1216 <ul class="nav navbar-nav" id="uxCmsSiteNavigation"> 1217 <li id="section216303" data-type="section" data-id="216303" class=" active cms-nav-link cms-nav-link-root "> 1218 <a href="#" class="dropdown-toggle cms-nav-link">
1219 <span>About</span> <b class="fa fa-caret-down"></b> 1220 </a> 1221 <ul class="dropdown-menu mega-menu-enabled"> 1222 1223 <li id="page1981660" data-type="page" data-id="1981660" class="dropdown-submenu cms-nav-link cms-nav-link-child active"> 1224 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/about-us"> 1225 <i class="icon-lock"></i> 1226 <span>About Us</span> 1227 </a> 1228 1229 </li> 1230 <li id="page1981658" data-type="page" data-id="1981658" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1231 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/our-vision-mission-values-1"> 1232 <i class="icon-lock"></i> 1233 <span>Our Vision, Mission & Values</span> 1234 </a> 1235 1236 </li> 1237 <li id="page1981664" data-type="page" data-id="1981664" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1238 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/key-staff-1"> 1239 <i class="icon-lock"></i> 1240 <span>Key Staff</span> 1241 </a> 1242 1243 </li> 1244 <li id="page1981665" data-type="page" data-id="1981665" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1245 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/life-at-marian"> 1246 <i class="icon-lock"></i> 1247 <span>âââââââLife at Marian</span> 1248 </a> 1249 1250 </li> 1251 <li id="page1981661" data-type="page" data-id="1981661" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1252 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/our-history"> 1253 <i class="icon-lock"></i> 1254 <span>Our History</span> 1255 </a> 1256 1257 </li> 1258 <li id="page1981662" data-type="page" data-id="1981662" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1259 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/a-marian-graduate-1"> 1260 <i class="icon-lock"></i> 1261 <span>A Marian Graduate</span> 1262 </a> 1263 1264 </li> 1265 <li id="page1981663" data-type="page" data-id="1981663" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1266 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/meet-the-student-leaders"> 1267 <i class="icon-lock"></i>
1268 <span>Meet the Student Leaders</span> 1269 </a> 1270 1271 </li> 1272 <li id="page1981668" data-type="page" data-id="1981668" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1273 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/christ-the-redeemer-parish"> 1274 <i class="icon-lock"></i> 1275 <span>Christ the Redeemer Parish</span> 1276 </a> 1277 1278 </li> 1279 <li id="page1981669" data-type="page" data-id="1981669" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1280 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/ero-report"> 1281 <i class="icon-lock"></i> 1282 <span>ERO Report</span> 1283 </a> 1284 1285 </li> 1286 <li id="page1981673" data-type="page" data-id="1981673" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1287 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/strategic-planning-1"> 1288 <i class="icon-lock"></i> 1289 <span>Strategic Planning</span> 1290 </a> 1291 1292 </li> 1293 <li id="page2087207" data-type="page" data-id="2087207" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1294 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/fun-facts-about-marian-college"> 1295 <i class="icon-lock"></i> 1296 <span>Fun Facts about Marian College</span> 1297 </a> 1298 1299 </li> 1300 <li id="page1981944" data-type="page" data-id="1981944" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1301 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/workwithus"> 1302 <i class="icon-lock"></i> 1303 <span>Employment</span> 1304 </a> 1305 1306 </li> 1307 </ul> 1308 1309 1310 1311<div class="megamenu-content"> 1312 <div class="row"> 1313 <div class="column "> 1314 1315 1316 <ul> 1317 1318 <li id="page1981660" data-type="page" data-id="1981660" class="dropdown-submenu cms-nav-link cms-nav-link-child active"> 1319 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/about-us"> 1320 <i class="icon-lock"></i> 1321 <span>About Us</span> 1322 </a> 1323 1324 </li> 1325 <li id="page1981661" data-type="page" data-id="1981661" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1326 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/our-history"> 1327 <i class="icon-lock"></i>
1328 <span>Our History</span> 1329 </a> 1330 1331 </li> 1332 <li id="page1981668" data-type="page" data-id="1981668" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1333 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/christ-the-redeemer-parish"> 1334 <i class="icon-lock"></i> 1335 <span>Christ the Redeemer Parish</span> 1336 </a> 1337 1338 </li> 1339 <li id="page1981944" data-type="page" data-id="1981944" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1340 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/workwithus"> 1341 <i class="icon-lock"></i> 1342 <span>Employment</span> 1343 </a> 1344 1345 </li> 1346 1347 </ul> 1348 </div> 1349 <div class="column"> 1350 <ul> 1351 1352 <li id="page1981658" data-type="page" data-id="1981658" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1353 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/our-vision-mission-values-1"> 1354 <i class="icon-lock"></i> 1355 <span>Our Vision, Mission & Values</span> 1356 </a> 1357 1358 </li> 1359 <li id="page1981669" data-type="page" data-id="1981669" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1360 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/ero-report"> 1361 <i class="icon-lock"></i> 1362 <span>ERO Report</span> 1363 </a> 1364 1365 </li> 1366 1367 </ul> 1368 1369 </div> 1370 <div class="column"> 1371 <ul> 1372 1373 <li id="page1981664" data-type="page" data-id="1981664" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1374 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/key-staff-1"> 1375 <i class="icon-lock"></i> 1376 <span>Key Staff</span> 1377 </a> 1378 1379 </li> 1380 <li id="page1981662" data-type="page" data-id="1981662" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1381 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/a-marian-graduate-1"> 1382 <i class="icon-lock"></i> 1383 <span>A Marian Graduate</span> 1384 </a> 1385 1386 </li> 1387 <li id="page1981673" data-type="page" data-id="1981673" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1388 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/strategic-planning-1"> 1389 <i class="icon-lock"></i> 1390 <span>Strategic Planning</span> 1391 </a> 1392 1393 </li> 1394 1395 </ul> 1396 1397 </div> 1398 <div class="column"> 1399 <ul> 1400 1401 <li id="page1981665" data-type="page" data-id="1981665" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1402 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/life-at-marian"> 1403 <i class="icon-lock"></i> 1404 <span>âââââââLife at Marian</span> 1405 </a> 1406 1407 </li> 1408 <li id="page1981663" data-type="page" data-id="1981663" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1409 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/meet-the-student-leaders"> 1410 <i class="icon-lock"></i> 1411 <span>Meet the Student Leaders</span> 1412 </a> 1413 1414 </li> 1415 <li id="page2087207" data-type="page" data-id="2087207" class="dropdown-submenu cms-nav-link cms-nav-link-child "> 1416 <a class="cms-nav-link cms-nav-link-2 nav-non-members" href="/about/fun-facts-about-marian-college"> 1417 <i class="icon-lock"></i>
1418 <span>Fun Facts about Marian College</span> 1419 </a> 1420 1421 </li> 1422 1423 </ul> 1424 1425 </div> 1426 </div> 1427</div> 1428 </li> 1429 <li id="page1981674" data-type="page" data-id="1981674" class=" cms-nav-link cms-nav-link-root "> 1430 <a class="cms-nav-link nav-non-members" href="/special-character"> 1431 <i class="icon-lock"></i><span>Special Character</span> 1432 </a> 1433 </li> 1434 <li id="section226279" data-type="section" data-id="226279" class=" cms-nav-link cms-nav-link-root "> 1435 <a class="cms-nav-link nav-non-members" href="/international"> 1436 <i class="icon-lock"></i><span>International Students</span> 1437 </a> 1438 </li> 1439 <li id="section246979" data-type="section" data-id="246979" class=" cms-nav-link cms-nav-link-root "> 1440 <a class="cms-nav-link nav-non-members" href="/enrolment-2/enrolment"> 1441 <i class="icon-lock"></i><span>Enrolment</span> 1442 </a> 1443 </li> 1444 <li id="section246954" data-type="section" data-id="246954" class=" cms-nav-link cms-nav-link-root "> 1445 <a class="cms-nav-link nav-non-members" href="/parent-whanau-hub/parent-information-1"> 1446 <i class="icon-lock"></i><span>Parent & WhÄnau Hub</span> 1447 </a> 1448 </li> 1449 <li id="section246955" data-type="section" data-id="246955" class=" cms-nav-link cms-nav-link-root "> 1450 <a class="cms-nav-link nav-non-members" href="/student-hub/student-hub-1"> 1451 <i class="icon-lock"></i><span>Student Hub</span> 1452 </a> 1453 </li> 1454 <li id="page2190487" data-type="page" data-id="2190487" class=" cms-nav-link cms-nav-link-root "> 1455 <a class="cms-nav-link nav-non-members" href="https://www.sporty.co.nz/mariancol" target="_self"> 1456 <i class="icon-lock"></i><span>Sport</span> 1457 </a> 1458 </li> 1459 <li id="page2187952" data-type="page" data-id="2187952" class=" cms-nav-link cms-nav-link-root "> 1460 <a class="cms-nav-link nav-non-members" href="https://rauru.mariancollege.school.nz/#themarianfoundation" target="_self"> 1461 <i class="icon-lock"></i><span>The Marian Foundation</span> 1462 </a> 1463 </li> 1464 <li id="page2088693" data-type="page" data-id="2088693" class=" cms-nav-link cms-nav-link-root "> 1465 <a class="cms-nav-link nav-non-members" href="http://rauru.mariancollege.school.nz/" target="_self"> 1466 <i class="icon-lock"></i><span>Marian College Alumnae</span> 1467 </a> 1468 </li> 1469 <li id="section216355" data-type="section" data-id="216355" class=" cms-nav-link cms-nav-link-root "> 1470 <a class="cms-nav-link nav-non-members" href="/news-events/latest-news-and-newsletters"> 1471 <i class="icon-lock"></i><span>News & Events</span> 1472 </a> 1473 </li> 1474 <li id="section246957" data-type="section" data-id="246957" class=" cms-nav-link cms-nav-link-root "> 1475 <a class="cms-nav-link nav-non-members" href="/contact/contact-1"> 1476 <i class="icon-lock"></i><span>Contact</span> 1477 </a> 1478 </li> 1479 <li id="page1870202" data-type="page" data-id="1870202" class=" cms-nav-link cms-nav-link-root "> 1480 <a class="cms-nav-link nav-non-members" href="/welcome-year-9-2027"> 1481 <i class="icon-lock"></i><span>Welcome Year 9, 2027</span> 1482 </a> 1483 </li> 1484 1485 </ul> 1486 </div> 1487 </div> 1488 1489 1490 </div> 1491 </nav> 1492 1493 1494 1495 1496 1497 <div id="cmsContent"> 1498 1499 <div class="container container-full-width-overlay" style="background-color:rgba(255,255,255,1.00);"> 1500 1501 1502 <div id="section-content"> 1503 1504 1505 <div id="superSplitterContainer" class="supersplitter-sortable"> 1506 1507 1508 <div id="superSplitter_2328842" class="supersplitter splitter section-background background-image-2328842 first " data-id="2328842" 1509 data-key="SingleColumn" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False" 1510 data-fullscreenbg="False" data-parallaxeffectbg="False" data-bgcolor="" data-transparency="0.00" 1511 data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo="" 1512 data-bgvideoimage="" 1513 data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False" 1514 data-desktopmargin="40" data-mobilemargin="" data-widgetsmargin="20"> 1515 1516 <style> 1517 1518 .background-image-2328842 { 1519 position: relative; 1520 } 1521 .background-image-2328842:before { 1522 content: ' '; 1523 position: absolute; 1524 opacity: 1.00; 1525 background-color: ; 1526 1527 1528 } 1529 1530 1531 1532 #superSplitter_2328842 { 1533 padding-bottom: 40px !important; 1534 padding-top: 40px !important; 1535 } 1536 1537 .edit #superSplitter_2328842 > .btn-toolbar { 1538 margin-left: -44px !important; 1539 margin-top: -42px !important; 1540 } 1541 1542 1543 1544 1545 1546 1547 1548 #cmsContent #superSplitter_2328842 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2328842 div[class*="col-sm-"] { 1549 padding-left: 10px !important; 1550 padding-right: 10px !important; 1551 } 1552 1553 #cmsContent #superSplitter_2328842:not(.full-screen-width-bg), #section-header #superSplitter_2328842:not(.full-screen-width-bg) { 1554 padding-left: 10px !important; 1555 padding-right: 10px !important; 1556 } 1557 1558 #superSplitter_2328842 .widget { 1559 margin-bottom: 20px !important; 1560 } 1561 1562 #cmsContent #superSplitter_2328842 .childsplitter.accordion-splitter{ 1563 margin-left: -10px !important; 1564 width: calc(100% + 20px) !important; 1565 } 1566 1567 #cmsContent #superSplitter_2328842 .childsplitter:not(.accordion-splitter):not(.wideget-splitter), 1568 #section-header #superSplitter_2328842 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 1569 margin-right: -10px !important; 1570 margin-left: -10px !important; 1571 } 1572 1573 body.edit #superSplitter_2328842 .widget { 1574 margin-bottom: 20px !important; 1575 } 1576 1577 #superSplitter_2328842 .widget .childsplitter .childsplitter .btn-toolbar { 1578 right: 10px !important; 1579 } 1580 1581 #superSplitter_2328842 .widget .childsplitter .last .btn-toolbar { 1582 right: 10px !important; 1583 } 1584 1585 .edit .full-screen-width-bg#superSplitter_2328842 .widget .btn-toolbar { 1586 right: 10px !important; 1587 } 1588 1589 .edit #superSplitter_2328842.full-screen-width .btn-toolbar { 1590 margin-left: -10px !important; 1591 margin-top: -40px !important; 1592 } 1593 1594 .edit #superSplitter_2328842.full-screen-width .widget .btn-toolbar { 1595 right: 10px !important; 1596 z-index: 10 !important; 1597 margin-top: 0px !important; 1598 } 1599 1600 @media only screen and (max-width: 768px){ 1601 #superSplitter_2328842 { 1602 padding-left: 10px !important; 1603 padding-right: 10px !important; 1604 1605 } 1606 1607 #superSplitter_2328842 .forms-app{ 1608 margin-left: -20px !important; 1609 margin-right: -20px !important; 1610 } 1611 1612 #cmsContent #superSplitter_2328842 .forms-app form > .col-12.col-xs-12 { 1613 padding-left: 0 !important; 1614 padding-right: 0 !important; 1615 } 1616 1617 } 1618 1619 1620 #superSplitter_2328842 .supersplitter-video { 1621 margin-top: -40px; 1622 } 1623 1624 .edit .full-screen-width-bg#superSplitter_2328842 > .btn-toolbar { 1625 1626 1627 margin-left: -40px !important; 1628 1629 1630 } 1631 1632 .edit #superSplitter_2328842 > .btn-toolbar { 1633 1634 margin-top: -42px !important; 1635 1636 1637 margin-left: -44px !important; 1638 1639 } 1640 1641 .edit #superSplitter_2328842 > .footer-indicator, .edit #superSplitter_2328842 > .header-indicator { 1642 1643 margin-left: -87px !important; 1644 1645 margin-top: -27px !important; 1646 } 1647 1648 .edit .full-screen-width-bg#superSplitter_2328842 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2328842 > .header-indicator { 1649 1650 1651 margin-left: -85px !important; 1652 1653 1654 } 1655 1656 .edit #superSplitter_2328842.full-screen-width .footer-indicator, .edit #superSplitter_2328842.full-screen-width .header-indicator { 1657 margin-left: 7px !important; 1658 margin-top: -25px !important; 1659 border-bottom: 2px dotted #cccccc; 1660 } 1661 1662 #superSplitter_2328842 .news-tiles .news-grid-col { 1663 padding-top: 20px; 1664 padding-left: 10px; 1665 padding-right: 10px; 1666 } 1667 1668 1669 </style> 1670 1671 1672 1673 <div class="row "> 1674 1675 <div class="col-sm-12 "> 1676 1677 <div id="splitter_2328842_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1"> 1678 1679 <div class="splitter-column-sortable" 1680 data-key="splitter_col1" 1681 data-preload="true" 1682 data-widgetid="2123061" data-id="2123061"> 1683 1684 1685 1686<div id='widget_2123061' data-id='2123061' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'> 1687 1688<input type="hidden" value='{"imageId":"3c947779-7669-4097-8906-43c7a2bbc83e","caption":"","hasCaption":false}' id="hdnImage_2123061" /> 1689<input type="hidden" value='{}' id="hdnMobileImage_2123061" /> 1690<input type="hidden" value='' id="hdnMobileImageSrc_2123061" /> 1691<input type="hidden" value='originalimage' id="hdnMobileLayout_2123061" /> 1692<input type="hidden" value='originalimage' id="hdnLayout_2123061" /> 1693<input type="hidden" value='False' id="hdnCrop_2123061" /> 1694<input type="hidden" value='True' id="hdnScale_2123061" /> 1695 1696 1697<div class="imageWidget-Div img-with-caption text-center"> 1698 1699 <div id="2123061_placeholder" class="sporty-placeholder"></div> 1700 <picture> 1701 <source media="(max-width: 768px)" srcset="" /> 1702 1703 <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1419435/3c947779-7669-4097-8906-43c7a2bbc83e_wo.png?t=638766800979500000" 1704 class="text-center img-responsive " 1705 data-id="3c947779-7669-4097-8906-43c7a2bbc83e" 1706 data-link-type="" 1707 data-link-data="" 1708 data-link-target="" 1709 data-has-caption="False" 1710 data-caption="" 1711 src="//prodcdn.sporty.co.nz/cms/14433/202830/1419435/3c947779-7669-4097-8906-43c7a2bbc83e_wo.png?t=638766800979500000" 1712 id="2123061_3c947779-7669-4097-8906-43c7a2bbc83e" 1713 style="display: none" 1714 onload="document.getElementById('2123061_3c947779-7669-4097-8906-43c7a2bbc83e').style.display = 'block'; document.getElementById('2123061_placeholder').style.display = 'none'" /> 1715 </picture> 1716 <div class="sy-caption-wrap" style="display: none"> 1717 <div class="sy-caption"> 1718 <div class="img-caption"></div> 1719 </div> 1720 </div> 1721</div> 1722
1723<script> 1724 var aspectRatio = 2.925 > 0 ? 2.925 : 1.5; 1725 var placeholderWidth = document.getElementById("2123061_placeholder").clientWidth; 1726 1727 if (placeholderWidth == null){ 1728 placeholderWidth = document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").clientWidth; 1729 } 1730 1731 if ('False' === 'True') { 1732 document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.objectFit = "cover"; 1733 } 1734 else{ 1735 document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.objectFit = "contain"; 1736 } 1737 1738 var windowWidth = window.innerWidth; 1739 var imageLayout; 1740 1741 if (windowWidth < 768) { 1742 imageLayout = 'originalimage'; 1743 } else { 1744 imageLayout = 'originalimage'; 1745 } 1746 1747 var placeholderHeight; 1748 1749 switch (imageLayout) { 1750 case 'panorama': 1751 placeholderHeight = Math.round(0.35 * placeholderWidth); 1752 break; 1753 case 'landscape': 1754 placeholderHeight = Math.round(0.71 * placeholderWidth); 1755 break; 1756 case 'portrait': 1757 placeholderHeight = Math.round(1.4 * placeholderWidth); 1758 break; 1759 case 'square': 1760 placeholderHeight = placeholderWidth; 1761 break; 1762 case 'originalimage': 1763 default: 1764 var naturalHeight = 400; 1765 var aspectRatioHeight = 1 / aspectRatio * placeholderWidth; 1766 placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number)); 1767 break; 1768 } 1769 1770 document.getElementById("2123061_placeholder").style.width = "" + placeholderWidth + "px"; 1771 document.getElementById("2123061_placeholder").style.height = "" + placeholderHeight + "px"; 1772 1773 1774 document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.width = "" + placeholderWidth + "px"; 1775 document.getElementById("2123061_3c947779-7669-4097-8906-43c7a2bbc83e").style.height = "" + placeholderHeight + "px"; 1776 1777 1778</script>
1778 1779</div> 1780 1781 </div> 1782 1783 </div> 1784 1785 1786 </div> 1787 </div> 1788 </div> 1789 1790 1791 <div id="superSplitter_2180988" class="supersplitter splitter section-background background-image-2180988 full-screen-width-bg " data-id="2180988" 1792 data-key="TwoThirdsOneThird" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False" 1793 data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#ffffff" data-transparency="0.00" 1794 data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo="" 1795 data-bgvideoimage="" 1796 data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False" 1797 data-desktopmargin="60" data-mobilemargin="" data-widgetsmargin="20"> 1798 1799 <style> 1800 1801 .background-image-2180988 { 1802 position: relative; 1803 } 1804 .background-image-2180988:before { 1805 content: ' '; 1806 position: absolute; 1807 opacity: 1.00; 1808 background-color: rgb(255, 255, 255); 1809 1810 1811 } 1812 1813 1814 1815 #superSplitter_2180988 { 1816 padding-bottom: 60px !important; 1817 padding-top: 60px !important; 1818 } 1819 1820 .edit #superSplitter_2180988 > .btn-toolbar { 1821 margin-left: -44px !important; 1822 margin-top: -62px !important; 1823 } 1824 1825 1826 1827 1828 1829 1830 1831 #cmsContent #superSplitter_2180988 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2180988 div[class*="col-sm-"] { 1832 padding-left: 10px !important; 1833 padding-right: 10px !important; 1834 } 1835 1836 #cmsContent #superSplitter_2180988:not(.full-screen-width-bg), #section-header #superSplitter_2180988:not(.full-screen-width-bg) { 1837 padding-left: 10px !important; 1838 padding-right: 10px !important; 1839 } 1840 1841 #superSplitter_2180988 .widget { 1842 margin-bottom: 20px !important; 1843 } 1844 1845 #cmsContent #superSplitter_2180988 .childsplitter.accordion-splitter{ 1846 margin-left: -10px !important; 1847 width: calc(100% + 20px) !important; 1848 } 1849 1850 #cmsContent #superSplitter_2180988 .childsplitter:not(.accordion-splitter):not(.wideget-splitter), 1851 #section-header #superSplitter_2180988 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 1852 margin-right: -10px !important; 1853 margin-left: -10px !important; 1854 } 1855 1856 body.edit #superSplitter_2180988 .widget { 1857 margin-bottom: 20px !important; 1858 } 1859 1860 #superSplitter_2180988 .widget .childsplitter .childsplitter .btn-toolbar { 1861 right: 10px !important; 1862 } 1863 1864 #superSplitter_2180988 .widget .childsplitter .last .btn-toolbar { 1865 right: 10px !important; 1866 } 1867 1868 .edit .full-screen-width-bg#superSplitter_2180988 .widget .btn-toolbar { 1869 right: 10px !important; 1870 } 1871 1872 .edit #superSplitter_2180988.full-screen-width .btn-toolbar { 1873 margin-left: -10px !important; 1874 margin-top: -60px !important; 1875 } 1876 1877 .edit #superSplitter_2180988.full-screen-width .widget .btn-toolbar { 1878 right: 10px !important; 1879 z-index: 10 !important; 1880 margin-top: 0px !important; 1881 } 1882 1883 @media only screen and (max-width: 768px){ 1884 #superSplitter_2180988 { 1885 padding-left: 10px !important; 1886 padding-right: 10px !important; 1887 1888 } 1889 1890 #superSplitter_2180988 .forms-app{ 1891 margin-left: -20px !important; 1892 margin-right: -20px !important; 1893 } 1894 1895 #cmsContent #superSplitter_2180988 .forms-app form > .col-12.col-xs-12 { 1896 padding-left: 0 !important; 1897 padding-right: 0 !important; 1898 } 1899 1900 } 1901 1902 1903 #superSplitter_2180988 .supersplitter-video { 1904 margin-top: -60px; 1905 } 1906 1907 .edit .full-screen-width-bg#superSplitter_2180988 > .btn-toolbar { 1908 1909 1910 margin-left: -40px !important; 1911 1912 1913 } 1914 1915 .edit #superSplitter_2180988 > .btn-toolbar { 1916 1917 margin-top: -62px !important; 1918 1919 1920 margin-left: -44px !important; 1921 1922 } 1923 1924 .edit #superSplitter_2180988 > .footer-indicator, .edit #superSplitter_2180988 > .header-indicator { 1925 1926 margin-left: -87px !important; 1927 1928 margin-top: -47px !important; 1929 } 1930 1931 .edit .full-screen-width-bg#superSplitter_2180988 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2180988 > .header-indicator { 1932 1933 1934 margin-left: -85px !important; 1935 1936 1937 } 1938 1939 .edit #superSplitter_2180988.full-screen-width .footer-indicator, .edit #superSplitter_2180988.full-screen-width .header-indicator { 1940 margin-left: 7px !important; 1941 margin-top: -45px !important; 1942 border-bottom: 2px dotted #cccccc; 1943 } 1944 1945 #superSplitter_2180988 .news-tiles .news-grid-col { 1946 padding-top: 20px; 1947 padding-left: 10px; 1948 padding-right: 10px; 1949 } 1950 1951 1952 </style> 1953 1954 1955 1956 <div class="row "> 1957 1958 <div class="col-sm-8 "> 1959 1960 <div id="splitter_2180988_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1"> 1961 1962 <div class="splitter-column-sortable" 1963 data-key="splitter_col1" 1964 data-preload="true" 1965 data-widgetid="1729460" data-id="1729460"> 1966 1967 1968 1969 <div id='widget_1729460' data-id='1729460' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'> 1970
1971 <input id="hdnBgColor-1729460" name="settings.BackgroundColor" type="hidden" value="" /> 1972 <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1729460" name="settings.BackgroundTransparency" type="hidden" value="0" /> 1973 <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1729460" name="settings.Padding" type="hidden" value="5" /> 1974 <input id="hdnApplyShadow-1729460" name="settings.ApplyShadow" type="hidden" value="False" /> 1975 <div id="richtext-prevContent-1729460" style="display: none;"></div> 1976 1977 <div id="richtext-1729460" style="padding: 5px;" class="richtext-editor" placeholder="Type text here..."> 1978 <h1 class="site-primary-heading" style="font-family:Roboto Slab;"><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-size:28px;"><span style="font-family:roboto slab;">About Marian College</span></span></span></h1><p><span style="font-size:18px;"><span style="color:#CC0033;text-decoration-color:#CC0033;text-decoration-line:inherit;"><span style="letter-spacing: 3px;"><span style="font-family:montserrat;">MÅ tÄtou - MÄutonga</span></span></span></span><br><br><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Marian College is a Catholic state integrated school for girls with a maximum roll of 430 students, that combines high academic standards and a progressive approach to modern education. There is a genuine commitment to the values inherent in the traditions of the religious orders of the Sisters of St Joseph of the Sacred Heart and the Sisters of Mercy.</span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Preference for enrolment is given to Catholic girls and some places may be available for non-Catholic students. </span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Marian College is fortunate in being able to remain small with a friendly, family atmosphere which comes from teachers and students knowing each other well. Every student at Marian is nurtured and her skills and talents fostered. Students have every opportunity to contribute through participation, service and leadership. </span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Our school culture is based on traditional values and expectations and Marian is also focused on supporting future-oriented teaching and learning. Marian College is committed to preparing students with the skills they need for the real world environment. Marian uses information technology for blended inquiry based learning and we use google applications extensively. </span></span></span></p><p><span style="color:#004c97;text-decoration-color:#004c97;text-decoration-line:inherit;"><span style="font-family:montserrat;"><span style="font-size:16px;">Marian girls are involved with service to the community. Staff strive to create a positive climate, which is conducive to effective learning with the development of personal responsibility, using collaboration, problem solving and encouraging students to be critical thinkers. </span></span></span></p> 1979 </div> 1980</div> 1981 1982 </div> 1983 1984 </div> 1985 1986 1987 </div> 1988 <div class="col-sm-4 "> 1989 1990 <div id="splitter_2180988_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2"> 1991 1992 <div class="splitter-column-sortable" 1993 data-key="splitter_col2" 1994 data-preload="true" 1995 data-widgetid="1729462" data-id="1729462"> 1996 1997 1998 1999<div id='widget_1729462' data-id='1729462' data-load='True' data-modal='True' data-widgettype='MenuW
1999idget' data-widgettitle='Menu Widget' class='widget wMenuWidget widget-opacive'> 2000<style> 2001 #dvMenuList_1729462 { 2002 text-align: center !important; 2003 } 2004 2005 2006 2007 #dvMenuList_1729462 .menu-widget-dropdown a { 2008 text-align: left; 2009 margin-left: 51%; 2010 max-width: 49%; 2011 } 2012 2013 2014 2015 #dvMenuList_1729462 .list-group-item.root { 2016 font-family: "Roboto Slab", Roboto, Arial !important; 2017 font-size: 18px !important; 2018 color: #004c97 !important; 2019 } 2020 2021 #dvMenuList_1729462 .list-group-item.subpage { 2022 font-family:Montserrat, sans-serif !important; 2023 font-size: 14px !important; 2024 color: #cc0033 !important; 2025 } 2026 2027 #dvMenuList_1729462 .list-group-item { 2028 background-color: rgba(251,251,251,1) !important; 2029 } 2030 2031 #dvMenuList_1729462 .list-group-item:hover { 2032 background-color: rgba(255,255,255,1) !important; 2033 } 2034 2035 #dvMenuList_1729462 .list-group-item.current-page { 2036 background-color: rgba(255,255,255,1) !important; 2037 } 2038 2039 2040 #dvMenuList_1729462 .list-group-item { 2041 border: 0px !important; 2042 } 2043 2044 2045 2046 @media only screen and (max-width: 750px) { 2047 #widget_1729462 { 2048 display: none !important; 2049 } 2050 } 2051 2052 2053</style> 2054 2055<ul id="dvMenuList_1729462" class="menu-widget-ul list-group"> 2056 2057</ul> 2058 2059<div id="1729462_placeholder" class="sporty-placeholder"></div> 2060
2061<script> 2062 var width = document.getElementById("1729462_placeholder").clientWidth; 2063 document.getElementById("1729462_placeholder").style.height = "" + (1 / 1.5) * width + "px"; 2064</script>
2064 2065
2066<script class="hbt-menuWidget" type="text/x-handlebars-template"> 2067 2068 <li data-id="{{Id}}" data-membersonly="{{IsMembersOnly}}" class="list-group-item menu-widget-list-item {{#if IsRoot}}root{{/if}} {{#unless IsRoot}}subpage{{/unless}} {{#if IsCurrentPage}}current-page{{/if}}"> 2069 {{#if IsSubSection}} 2070 <div class="menu-widget-subsection"> 2071 <span class="menu-widget-name">{{Name}}</span> 2072 <span class="menu-widget-accordion" data-target="{{Id}}"></span> 2073 </div> 2074 {{/if}} 2075 2076 {{#unless IsSubSection}} 2077 <a href="{{Url}}" id="ctl00_ContentPlaceHolder1_rptContentPages_ctl01_link">{{Name}}</a> 2078 {{/unless}} 2079 </li> 2080 2081 {{#if IsSubSection}} 2082 <li class="menu-widget-dropdown" data-id="{{Id}}"> 2083 {{#each subPages}} 2084 <div data-id="{{Id}}" 2085 data-membersonly="{{IsMembersOnly}}" 2086 {{#unless ShowDivider}}style="border-bottom: 0px !important;"{{/unless}} 2087 class="list-group-item menu-widget-list-item subpage {{#if IsCurrentPage}}current-page{{/if}}"> 2088 <a href="{{this.Url}}">{{this.Name}}</a> 2089 </div> 2090 {{/each}} 2091 </li> 2092 {{/if}} 2093 2094</script>
2094 2095</div> 2096 2097 2098 2099 </div> 2100 2101 </div> 2102 2103 2104 </div> 2105 </div> 2106 </div> 2107 2108 2109 <div id="superSplitter_2180989" class="supersplitter splitter section-background background-image-2180989 full-screen-width-bg " data-id="2180989" 2110 data-key="TwoThirdsOneThird" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False" 2111 data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#EEEEEE" data-transparency="0.00" 2112 data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo="" 2113 data-bgvideoimage="" 2114 data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False" 2115 data-desktopmargin="60" data-mobilemargin="" data-widgetsmargin="20"> 2116 2117 <style> 2118 2119 .background-image-2180989 { 2120 position: relative; 2121 } 2122 .background-image-2180989:before { 2123 content: ' '; 2124 position: absolute; 2125 opacity: 1.00; 2126 background-color: rgb(238, 238, 238); 2127 2128 2129 } 2130 2131 2132 2133 #superSplitter_2180989 { 2134 padding-bottom: 60px !important; 2135 padding-top: 60px !important; 2136 } 2137 2138 .edit #superSplitter_2180989 > .btn-toolbar { 2139 margin-left: -44px !important; 2140 margin-top: -62px !important; 2141 } 2142 2143 2144 2145 2146 2147 2148 2149 #cmsContent #superSplitter_2180989 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2180989 div[class*="col-sm-"] { 2150 padding-left: 10px !important; 2151 padding-right: 10px !important; 2152 } 2153 2154 #cmsContent #superSplitter_2180989:not(.full-screen-width-bg), #section-header #superSplitter_2180989:not(.full-screen-width-bg) { 2155 padding-left: 10px !important; 2156 padding-right: 10px !important; 2157 } 2158 2159 #superSplitter_2180989 .widget { 2160 margin-bottom: 20px !important; 2161 } 2162 2163 #cmsContent #superSplitter_2180989 .childsplitter.accordion-splitter{ 2164 margin-left: -10px !important; 2165 width: calc(100% + 20px) !important; 2166 } 2167 2168 #cmsContent #superSplitter_2180989 .childsplitter:not(.accordion-splitter):not(.wideget-splitter), 2169 #section-header #superSplitter_2180989 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 2170 margin-right: -10px !important; 2171 margin-left: -10px !important; 2172 } 2173 2174 body.edit #superSplitter_2180989 .widget { 2175 margin-bottom: 20px !important; 2176 } 2177 2178 #superSplitter_2180989 .widget .childsplitter .childsplitter .btn-toolbar { 2179 right: 10px !important; 2180 } 2181 2182 #superSplitter_2180989 .widget .childsplitter .last .btn-toolbar { 2183 right: 10px !important; 2184 } 2185 2186 .edit .full-screen-width-bg#superSplitter_2180989 .widget .btn-toolbar { 2187 right: 10px !important; 2188 } 2189 2190 .edit #superSplitter_2180989.full-screen-width .btn-toolbar { 2191 margin-left: -10px !important; 2192 margin-top: -60px !important; 2193 } 2194 2195 .edit #superSplitter_2180989.full-screen-width .widget .btn-toolbar { 2196 right: 10px !important; 2197 z-index: 10 !important; 2198 margin-top: 0px !important; 2199 } 2200 2201 @media only screen and (max-width: 768px){ 2202 #superSplitter_2180989 { 2203 padding-left: 10px !important; 2204 padding-right: 10px !important; 2205 2206 } 2207 2208 #superSplitter_2180989 .forms-app{ 2209 margin-left: -20px !important; 2210 margin-right: -20px !important; 2211 } 2212 2213 #cmsContent #superSplitter_2180989 .forms-app form > .col-12.col-xs-12 { 2214 padding-left: 0 !important; 2215 padding-right: 0 !important; 2216 } 2217 2218 } 2219 2220 2221 #superSplitter_2180989 .supersplitter-video { 2222 margin-top: -60px; 2223 } 2224 2225 .edit .full-screen-width-bg#superSplitter_2180989 > .btn-toolbar { 2226 2227 2228 margin-left: -40px !important; 2229 2230 2231 } 2232 2233 .edit #superSplitter_2180989 > .btn-toolbar { 2234 2235 margin-top: -62px !important; 2236 2237 2238 margin-left: -44px !important; 2239 2240 } 2241 2242 .edit #superSplitter_2180989 > .footer-indicator, .edit #superSplitter_2180989 > .header-indicator { 2243 2244 margin-left: -87px !important; 2245 2246 margin-top: -47px !important; 2247 } 2248 2249 .edit .full-screen-width-bg#superSplitter_2180989 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2180989 > .header-indicator { 2250 2251 2252 margin-left: -85px !important; 2253 2254 2255 } 2256 2257 .edit #superSplitter_2180989.full-screen-width .footer-indicator, .edit #superSplitter_2180989.full-screen-width .header-indicator { 2258 margin-left: 7px !important; 2259 margin-top: -45px !important; 2260 border-bottom: 2px dotted #cccccc; 2261 } 2262 2263 #superSplitter_2180989 .news-tiles .news-grid-col { 2264 padding-top: 20px; 2265 padding-left: 10px; 2266 padding-right: 10px; 2267 } 2268 2269 2270 </style> 2271 2272 2273 2274 <div class="row "> 2275 2276 <div class="col-sm-8 "> 2277 2278 <div id="splitter_2180989_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1"> 2279 2280 <div class="splitter-column-sortable" 2281 data-key="splitter_col1" 2282 data-preload="true" 2283 data-widgetid="1729464" data-id="1729464"> 2284 2285 2286 2287 <div id='widget_1729464' data-id='1729464' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'> 2288
2289 <input id="hdnBgColor-1729464" name="settings.BackgroundColor" type="hidden" value="" /> 2290 <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1729464" name="settings.BackgroundTransparency" type="hidden" value="0" /> 2291 <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1729464" name="settings.Padding" type="hidden" value="5" /> 2292 <input id="hdnApplyShadow-1729464" name="settings.ApplyShadow" type="hidden" value="False" /> 2293 <div id="richtext-prevContent-1729464" style="display: none;"></div> 2294 2295 <div id="richtext-1729464" style="padding: 5px;" class="richtext-editor" placeholder="Type text here..."> 2296 <h1 class="site-primary-heading" style="font-family:Roboto Slab;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><font face="roboto slab"><span style="font-size: 28px;">College Life</span></font></span></h1><p><span style="color:#CC0033;text-decoration-color:#CC0033;text-decoration-line:inherit;"><span style="font-size:18px;"><span style="letter-spacing: 3px;"><span style="font-family:montserrat;">Offering a rich co-curricular programme</span></span></span></span><br><br><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">The cultural opportunities are especially varied with a wide variety of instrumental music, in addition to choir, debating, public speaking and theatre sports. Our Kapa Haka group is an integral part of the life of the college, as is the Pasifika group.</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Marian has a rich sporting tradition with a wide range of activities being available, including team sports such as netball, football, hockey and basketball.</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Curriculum today carries our girls far and wide into the community and involves groups and speakers visiting the school. All students are expected to do service within their community. </span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">A number of committees exist within the school which reflect student interest and enthusiasms. These include the environment, health, magazine, sports and house committees and the student trustee council. Many student-led activities are planned by these committees. </span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">A number of students participate in the Duke of Edinburgh Hillary Award programme.</span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Outdoor education is a feature of our programmes in the junior school. The aims include acquiring social skills, gaining knowledge, building confidence, increasing understanding and developing basic skills. </span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">It is a challenging programme that adds a dimension to the full educational experiences that cannot be found in a city situation. Marian girls rise to the challenge with enthusiasm and determination, and a strong close spirit is maintained.</span></span></span></p> 2297 </div> 2298</div> 2299 2300 </div> 2301 2302 </div> 2303 2304 2305 </div> 2306 <div class="col-sm-4 "> 2307 2308 <div id="splitter_2180989_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2"> 2309 2310 <div class="splitter-column-sortable" 2311 data-key="splitter_col2" 2312 data-preload="true" 2313 data-widgetid="1729465" data-id="1729465"> 2314 2315 2316 2317<div id='widget_1729465' data-id='1729465' data-load='True' data-modal='True' data-widgettype='Splitter' data-widgettitle='Column Splitter' class='widget wSplitter widget-opacive'> 2318 2319 2320<div style="background-color:transparent">
2321 <div style="" class="row splitter wideget-splitter childsplitter " id="childSplitter_1729465" data-id="1729465" data-key="TwoColumnEven" 2322 data-stack-content="True" data-bgcolor="" data-transparency="0"> 2323 2324 <div style="padding-left: 10px !important;padding-right: 10px !important;" class="col-sm-6 first"> 2325 2326 <div id="splitter_1729465_splitter_col1" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1729465" data-key="splitter_col1"> 2327 2328 2329 </div> 2330 </div> 2331 <div style="padding-left: 10px !important;padding-right: 10px !important;" class="col-sm-6 last"> 2332 2333 <div id="splitter_1729465_splitter_col2" class="splitter-column-sortable splitter-column-sortable-parent" data-id="1729465" data-key="splitter_col2"> 2334 2335 2336 </div> 2337 </div> 2338 </div> 2339</div> 2340</div> 2341 2342 2343 </div> 2344 <div class="splitter-column-sortable" 2345 data-key="splitter_col2" 2346 data-preload="true" 2347 data-widgetid="1729466" data-id="1729466"> 2348 2349 2350 2351<div id='widget_1729466' data-id='1729466' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'> 2352 2353<input type="hidden" value='{"imageId":"57195dfc-20f6-4b45-b956-91f2e33b309d","caption":"","hasCaption":false,"linkNewTab":false,"linkData":null,"linkType":"none"}' id="hdnImage_1729466" /> 2354<input type="hidden" value='{}' id="hdnMobileImage_1729466" /> 2355<input type="hidden" value='' id="hdnMobileImageSrc_1729466" /> 2356<input type="hidden" value='landscape' id="hdnMobileLayout_1729466" /> 2357<input type="hidden" value='landscape' id="hdnLayout_1729466" /> 2358<input type="hidden" value='True' id="hdnCrop_1729466" /> 2359<input type="hidden" value='False' id="hdnScale_1729466" /> 2360 2361 2362<div class="imageWidget-Div img-with-caption text-center"> 2363 2364 <div id="1729466_placeholder" class="sporty-placeholder"></div> 2365 <picture> 2366 <source media="(max-width: 768px)" srcset="" /> 2367 2368 <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/57195dfc-20f6-4b45-b956-91f2e33b309d_wo.jpg?t=638230285383870000" 2369 class="text-center img-responsive " 2370 data-id="57195dfc-20f6-4b45-b956-91f2e33b309d" 2371 data-link-type="none" 2372 data-link-data="" 2373 data-link-target="False" 2374 data-has-caption="False" 2375 data-caption="" 2376 src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/57195dfc-20f6-4b45-b956-91f2e33b309d_wo.jpg?t=638230285383870000" 2377 id="1729466_57195dfc-20f6-4b45-b956-91f2e33b309d" 2378 style="display: none" 2379 onload="document.getElementById('1729466_57195dfc-20f6-4b45-b956-91f2e33b309d').style.display = 'block'; document.getElementById('1729466_placeholder').style.display = 'none'" /> 2380 </picture> 2381 <div class="sy-caption-wrap" style="display: none"> 2382 <div class="sy-caption"> 2383 <div class="img-caption"></div> 2384 </div> 2385 </div> 2386</div> 2387
2388<script> 2389 var aspectRatio = 1.51816160118606 > 0 ? 1.51816160118606 : 1.5; 2390 var placeholderWidth = document.getElementById("1729466_placeholder").clientWidth; 2391 2392 if (placeholderWidth == null){ 2393 placeholderWidth = document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").clientWidth; 2394 } 2395 2396 if ('True' === 'True') { 2397 document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.objectFit = "cover"; 2398 } 2399 else{ 2400 document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.objectFit = "contain"; 2401 } 2402 2403 var windowWidth = window.innerWidth; 2404 var imageLayout; 2405 2406 if (windowWidth < 768) { 2407 imageLayout = 'landscape'; 2408 } else { 2409 imageLayout = 'landscape'; 2410 } 2411 2412 var placeholderHeight; 2413 2414 switch (imageLayout) { 2415 case 'panorama': 2416 placeholderHeight = Math.round(0.35 * placeholderWidth); 2417 break; 2418 case 'landscape': 2419 placeholderHeight = Math.round(0.71 * placeholderWidth); 2420 break; 2421 case 'portrait': 2422 placeholderHeight = Math.round(1.4 * placeholderWidth); 2423 break; 2424 case 'square': 2425 placeholderHeight = placeholderWidth; 2426 break; 2427 case 'originalimage': 2428 default: 2429 var naturalHeight = 1349; 2430 var aspectRatioHeight = 1 / aspectRatio * placeholderWidth; 2431 placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number)); 2432 break; 2433 } 2434 2435 document.getElementById("1729466_placeholder").style.width = "" + placeholderWidth + "px"; 2436 document.getElementById("1729466_placeholder").style.height = "" + placeholderHeight + "px"; 2437 2438 2439 document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.width = "" + placeholderWidth + "px"; 2440 document.getElementById("1729466_57195dfc-20f6-4b45-b956-91f2e33b309d").style.height = "" + placeholderHeight + "px"; 2441 2442 2443</script>
2443 2444</div> 2445 2446 </div> 2447 <div class="splitter-column-sortable" 2448 data-key="splitter_col2" 2449 data-preload="true" 2450 data-widgetid="1729467" data-id="1729467"> 2451 2452 2453 2454<div id='widget_1729467' data-id='1729467' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'> 2455 2456<input type="hidden" value='{"imageId":"742e2a07-f7ff-4ff8-8697-f283d423baa7","caption":"","linkNewTab":false,"linkData":null,"linkType":"none"}' id="hdnImage_1729467" /> 2457<input type="hidden" value='{}' id="hdnMobileImage_1729467" /> 2458<input type="hidden" value='' id="hdnMobileImageSrc_1729467" /> 2459<input type="hidden" value='landscape' id="hdnMobileLayout_1729467" /> 2460<input type="hidden" value='landscape' id="hdnLayout_1729467" /> 2461<input type="hidden" value='True' id="hdnCrop_1729467" /> 2462<input type="hidden" value='False' id="hdnScale_1729467" /> 2463 2464 2465<div class="imageWidget-Div img-with-caption text-center"> 2466 2467 <div id="1729467_placeholder" class="sporty-placeholder"></div> 2468 <picture> 2469 <source media="(max-width: 768px)" srcset="" /> 2470 2471 <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/742e2a07-f7ff-4ff8-8697-f283d423baa7_wo.jpg?t=638242363487800000" 2472 class="text-center img-responsive " 2473 data-id="742e2a07-f7ff-4ff8-8697-f283d423baa7" 2474 data-link-type="none" 2475 data-link-data="" 2476 data-link-target="False" 2477 data-has-caption="False" 2478 data-caption="" 2479 src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/742e2a07-f7ff-4ff8-8697-f283d423baa7_wo.jpg?t=638242363487800000" 2480 id="1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7" 2481 style="display: none" 2482 onload="document.getElementById('1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7').style.display = 'block'; document.getElementById('1729467_placeholder').style.display = 'none'" /> 2483 </picture> 2484 <div class="sy-caption-wrap" style="display: none"> 2485 <div class="sy-caption"> 2486 <div class="img-caption"></div> 2487 </div> 2488 </div> 2489</div> 2490
2491<script> 2492 var aspectRatio = 0.75 > 0 ? 0.75 : 1.5; 2493 var placeholderWidth = document.getElementById("1729467_placeholder").clientWidth; 2494 2495 if (placeholderWidth == null){ 2496 placeholderWidth = document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").clientWidth; 2497 } 2498 2499 if ('True' === 'True') { 2500 document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.objectFit = "cover"; 2501 } 2502 else{ 2503 document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.objectFit = "contain"; 2504 } 2505 2506 var windowWidth = window.innerWidth; 2507 var imageLayout; 2508 2509 if (windowWidth < 768) { 2510 imageLayout = 'landscape'; 2511 } else { 2512 imageLayout = 'landscape'; 2513 } 2514 2515 var placeholderHeight; 2516 2517 switch (imageLayout) { 2518 case 'panorama': 2519 placeholderHeight = Math.round(0.35 * placeholderWidth); 2520 break; 2521 case 'landscape': 2522 placeholderHeight = Math.round(0.71 * placeholderWidth); 2523 break; 2524 case 'portrait': 2525 placeholderHeight = Math.round(1.4 * placeholderWidth); 2526 break; 2527 case 'square': 2528 placeholderHeight = placeholderWidth; 2529 break; 2530 case 'originalimage': 2531 default: 2532 var naturalHeight = 1560; 2533 var aspectRatioHeight = 1 / aspectRatio * placeholderWidth; 2534 placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number)); 2535 break; 2536 } 2537 2538 document.getElementById("1729467_placeholder").style.width = "" + placeholderWidth + "px"; 2539 document.getElementById("1729467_placeholder").style.height = "" + placeholderHeight + "px"; 2540 2541 2542 document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.width = "" + placeholderWidth + "px"; 2543 document.getElementById("1729467_742e2a07-f7ff-4ff8-8697-f283d423baa7").style.height = "" + placeholderHeight + "px"; 2544 2545 2546</script>
2546 2547</div> 2548 2549 </div> 2550 2551 </div> 2552 2553 2554 </div> 2555 </div> 2556 </div> 2557 2558 2559 <div id="superSplitter_2180990" class="supersplitter splitter section-background background-image-2180990 full-screen-width-bg " data-id="2180990" 2560 data-key="TwoColumnEven" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False" 2561 data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#ffffff" data-transparency="0.00" 2562 data-showbgimage="False" data-bgimage="" data-showbgvideo="False" data-bgvideo="" 2563 data-bgvideoimage="" 2564 data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="False" data-isheader="False" 2565 data-desktopmargin="60" data-mobilemargin="" data-widgetsmargin="20"> 2566 2567 <style> 2568 2569 .background-image-2180990 { 2570 position: relative; 2571 } 2572 .background-image-2180990:before { 2573 content: ' '; 2574 position: absolute; 2575 opacity: 1.00; 2576 background-color: rgb(255, 255, 255); 2577 2578 2579 } 2580 2581 2582 2583 #superSplitter_2180990 { 2584 padding-bottom: 60px !important; 2585 padding-top: 60px !important; 2586 } 2587 2588 .edit #superSplitter_2180990 > .btn-toolbar { 2589 margin-left: -44px !important; 2590 margin-top: -62px !important; 2591 } 2592 2593 2594 2595 2596 2597 2598 2599 #cmsContent #superSplitter_2180990 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_2180990 div[class*="col-sm-"] { 2600 padding-left: 10px !important; 2601 padding-right: 10px !important; 2602 } 2603 2604 #cmsContent #superSplitter_2180990:not(.full-screen-width-bg), #section-header #superSplitter_2180990:not(.full-screen-width-bg) { 2605 padding-left: 10px !important; 2606 padding-right: 10px !important; 2607 } 2608 2609 #superSplitter_2180990 .widget { 2610 margin-bottom: 20px !important; 2611 } 2612 2613 #cmsContent #superSplitter_2180990 .childsplitter.accordion-splitter{ 2614 margin-left: -10px !important; 2615 width: calc(100% + 20px) !important; 2616 } 2617 2618 #cmsContent #superSplitter_2180990 .childsplitter:not(.accordion-splitter):not(.wideget-splitter), 2619 #section-header #superSplitter_2180990 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 2620 margin-right: -10px !important; 2621 margin-left: -10px !important; 2622 } 2623 2624 body.edit #superSplitter_2180990 .widget { 2625 margin-bottom: 20px !important; 2626 } 2627 2628 #superSplitter_2180990 .widget .childsplitter .childsplitter .btn-toolbar { 2629 right: 10px !important; 2630 } 2631 2632 #superSplitter_2180990 .widget .childsplitter .last .btn-toolbar { 2633 right: 10px !important; 2634 } 2635 2636 .edit .full-screen-width-bg#superSplitter_2180990 .widget .btn-toolbar { 2637 right: 10px !important; 2638 } 2639 2640 .edit #superSplitter_2180990.full-screen-width .btn-toolbar { 2641 margin-left: -10px !important; 2642 margin-top: -60px !important; 2643 } 2644 2645 .edit #superSplitter_2180990.full-screen-width .widget .btn-toolbar { 2646 right: 10px !important; 2647 z-index: 10 !important; 2648 margin-top: 0px !important; 2649 } 2650 2651 @media only screen and (max-width: 768px){ 2652 #superSplitter_2180990 { 2653 padding-left: 10px !important; 2654 padding-right: 10px !important; 2655 2656 } 2657 2658 #superSplitter_2180990 .forms-app{ 2659 margin-left: -20px !important; 2660 margin-right: -20px !important; 2661 } 2662 2663 #cmsContent #superSplitter_2180990 .forms-app form > .col-12.col-xs-12 { 2664 padding-left: 0 !important; 2665 padding-right: 0 !important; 2666 } 2667 2668 } 2669 2670 2671 #superSplitter_2180990 .supersplitter-video { 2672 margin-top: -60px; 2673 } 2674 2675 .edit .full-screen-width-bg#superSplitter_2180990 > .btn-toolbar { 2676 2677 2678 margin-left: -40px !important; 2679 2680 2681 } 2682 2683 .edit #superSplitter_2180990 > .btn-toolbar { 2684 2685 margin-top: -62px !important; 2686 2687 2688 margin-left: -44px !important; 2689 2690 } 2691 2692 .edit #superSplitter_2180990 > .footer-indicator, .edit #superSplitter_2180990 > .header-indicator { 2693 2694 margin-left: -87px !important; 2695 2696 margin-top: -47px !important; 2697 } 2698 2699 .edit .full-screen-width-bg#superSplitter_2180990 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_2180990 > .header-indicator { 2700 2701 2702 margin-left: -85px !important; 2703 2704 2705 } 2706 2707 .edit #superSplitter_2180990.full-screen-width .footer-indicator, .edit #superSplitter_2180990.full-screen-width .header-indicator { 2708 margin-left: 7px !important; 2709 margin-top: -45px !important; 2710 border-bottom: 2px dotted #cccccc; 2711 } 2712 2713 #superSplitter_2180990 .news-tiles .news-grid-col { 2714 padding-top: 20px; 2715 padding-left: 10px; 2716 padding-right: 10px; 2717 } 2718 2719 2720 </style> 2721 2722 2723 2724 <div class="row "> 2725 2726 <div class="col-sm-6 "> 2727 2728 <div id="splitter_2180990_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1"> 2729 2730 <div class="splitter-column-sortable" 2731 data-key="splitter_col1" 2732 data-preload="true" 2733 data-widgetid="1729475" data-id="1729475"> 2734 2735 2736 2737<div id='widget_1729475' data-id='1729475' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'> 2738 2739<input type="hidden" value='{"imageId":"6521358e-4694-4611-8f39-15f0634a3cc4","caption":"","hasCaption":false,"linkNewTab":false,"linkData":null,"linkType":"none"}' id="hdnImage_1729475" /> 2740<input type="hidden" value='{}' id="hdnMobileImage_1729475" /> 2741<input type="hidden" value='' id="hdnMobileImageSrc_1729475" /> 2742<input type="hidden" value='originalimage' id="hdnMobileLayout_1729475" /> 2743<input type="hidden" value='landscape' id="hdnLayout_1729475" /> 2744<input type="hidden" value='False' id="hdnCrop_1729475" /> 2745<input type="hidden" value='True' id="hdnScale_1729475" /> 2746 2747 2748<div class="imageWidget-Div img-with-caption text-center"> 2749 2750 <div id="1729475_placeholder" class="sporty-placeholder"></div> 2751 <picture> 2752 <source media="(max-width: 768px)" srcset="" /> 2753 2754 <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/6521358e-4694-4611-8f39-15f0634a3cc4_wo.jpg?t=638230312445670000" 2755 class="text-center img-responsive " 2756 data-id="6521358e-4694-4611-8f39-15f0634a3cc4" 2757 data-link-type="none" 2758 data-link-data="" 2759 data-link-target="False" 2760 data-has-caption="False" 2761 data-caption="" 2762 src="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/6521358e-4694-4611-8f39-15f0634a3cc4_wo.jpg?t=638230312445670000" 2763 id="1729475_6521358e-4694-4611-8f39-15f0634a3cc4" 2764 style="display: none" 2765 onload="document.getElementById('1729475_6521358e-4694-4611-8f39-15f0634a3cc4').style.display = 'block'; document.getElementById('1729475_placeholder').style.display = 'none'" /> 2766 </picture> 2767 <div class="sy-caption-wrap" style="display: none"> 2768 <div class="sy-caption"> 2769 <div class="img-caption"></div> 2770 </div> 2771 </div> 2772</div> 2773
2774<script> 2775 var aspectRatio = 1.33333333333333 > 0 ? 1.33333333333333 : 1.5; 2776 var placeholderWidth = document.getElementById("1729475_placeholder").clientWidth; 2777 2778 if (placeholderWidth == null){ 2779 placeholderWidth = document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").clientWidth; 2780 } 2781 2782 if ('False' === 'True') { 2783 document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.objectFit = "cover"; 2784 } 2785 else{ 2786 document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.objectFit = "contain"; 2787 } 2788 2789 var windowWidth = window.innerWidth; 2790 var imageLayout; 2791 2792 if (windowWidth < 768) { 2793 imageLayout = 'originalimage'; 2794 } else { 2795 imageLayout = 'landscape'; 2796 } 2797 2798 var placeholderHeight; 2799 2800 switch (imageLayout) { 2801 case 'panorama': 2802 placeholderHeight = Math.round(0.35 * placeholderWidth); 2803 break; 2804 case 'landscape': 2805 placeholderHeight = Math.round(0.71 * placeholderWidth); 2806 break; 2807 case 'portrait': 2808 placeholderHeight = Math.round(1.4 * placeholderWidth); 2809 break; 2810 case 'square': 2811 placeholderHeight = placeholderWidth; 2812 break; 2813 case 'originalimage': 2814 default: 2815 var naturalHeight = 1536; 2816 var aspectRatioHeight = 1 / aspectRatio * placeholderWidth; 2817 placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number)); 2818 break; 2819 } 2820 2821 document.getElementById("1729475_placeholder").style.width = "" + placeholderWidth + "px"; 2822 document.getElementById("1729475_placeholder").style.height = "" + placeholderHeight + "px"; 2823 2824 2825 document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.width = "" + placeholderWidth + "px"; 2826 document.getElementById("1729475_6521358e-4694-4611-8f39-15f0634a3cc4").style.height = "" + placeholderHeight + "px"; 2827 2828 2829</script>
2829 2830</div> 2831 2832 </div> 2833 2834 </div> 2835 2836 2837 </div> 2838 <div class="col-sm-6 "> 2839 2840 <div id="splitter_2180990_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2"> 2841 2842 <div class="splitter-column-sortable" 2843 data-key="splitter_col2" 2844 data-preload="true" 2845 data-widgetid="1729473" data-id="1729473"> 2846 2847 2848 2849 <div id='widget_1729473' data-id='1729473' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'> 2850 2851 <input id="hdnBgColor-1729473" name="settings.BackgroundColor" type="hidden" value="" /> 2852 <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1729473" name="settings.BackgroundTransparency" type="hidden" value="0" /> 2853 <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1729473" name="settings.Padding" type="hidden" value="5" /> 2854 <input id="hdnApplyShadow-1729473" name="settings.ApplyShadow" type="hidden" value="False" /> 2855 <div id="richtext-prevContent-1729473" style="display: none;"></div> 2856 2857 <div id="richtext-1729473" style="padding: 5px;" class="richtext-editor" placeholder="Type text here..."> 2858 <h1 class="site-primary-heading" style="font-family:Roboto Slab;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><font face="roboto slab"><span style="font-size: 28px;">Community of Learning</span></font></span></h1><p><span style="color:#CC0033;text-decoration-color:#CC0033;text-decoration-line:inherit;"><span style="font-size:18px;"><span style="letter-spacing: 3px;"><span style="font-family:montserrat;">Te Mara Akoranga Katorika KÄhui Ako</span></span></span></span><br><br></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Marian College is one of 15 Catholic schools in Christchurch belonging to </span></span></span><a style="color: rgb(0, 76, 151);" data-cke-saved-href="http://ccka.nz/" href="http://ccka.nz/"><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Christchurch Catholic KÄhui Ako - Te Mara Akoranga Katorika</span></span></span></a><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">. </span></span></span></p><p><span style="font-family:montserrat;"><span style="color:#004C97;text-decoration-color:#004C97;text-decoration-line:inherit;"><span style="font-size:16px;">Our KÄhui Ako (community of learning) focus is student achievement and faith development through a strong educational pathway.</span></span></span></p> 2859 </div> 2860</div> 2861 2862 </div> 2863 2864 </div> 2865 2866 2867 </div> 2868 </div> 2869 </div> 2870 </div> 2871 2872 </div> 2873 <hr class="full-screen-width-bg section-footer-divider" /> 2874 <div id="section-footer" class="section-footer supersplitter-sortable"> 2875 2876 2877 <div id="superSplitter_1626344" class="supersplitter splitter section-background background-image-1626344 full-screen-width-bg " data-id="1626344" 2878 data-key="FourColumn" data-fullscreen="False" data-fluidwidgets="False" data-mobilescroll="False" 2879 data-fullscreenbg="True" data-parallaxeffectbg="False" data-bgcolor="#004c97" data-transparency="0.00" 2880 data-showbgimage="True" data-bgimage="//prodcdn.sporty.co.nz/cms/14433/202830/1432518/9578dd15-1951-4d70-996f-479316272b0e_wo.png?t=638230268708130000" data-showbgvideo="False" data-bgvideo="" 2881 data-bgvideoimage="" 2882 data-ishidden="False" data-ishiddenonmobile="False" data-isfooter="True" data-isheader="False" 2883 data-desktopmargin="40" data-mobilemargin="" data-widgetsmargin="10"> 2884 2885 <style> 2886 2887 .background-image-1626344 { 2888 position: relative; 2889 } 2890 .background-image-1626344:before { 2891 content: ' '; 2892 position: absolute; 2893 opacity: 1; 2894 background-color: ; 2895 2896 background-image: url('//prodcdn.sporty.co.nz/cms/14433/202830/1432518/9578dd15-1951-4d70-996f-479316272b0e_wo.png'); 2897 2898 } 2899 2900 2901 2902 #superSplitter_1626344 { 2903 padding-bottom: 40px !important; 2904 padding-top: 40px !important; 2905 } 2906 2907 .edit #superSplitter_1626344 > .btn-toolbar { 2908 margin-left: -39px !important; 2909 margin-top: -42px !important; 2910 } 2911 2912 2913 2914 2915 2916 2917 2918 #cmsContent #superSplitter_1626344 div[class*="col-sm-"]:not(.form-col), #section-header #superSplitter_1626344 div[class*="col-sm-"] { 2919 padding-left: 5px !important; 2920 padding-right: 5px !important; 2921 } 2922 2923 #cmsContent #superSplitter_1626344:not(.full-screen-width-bg), #section-header #superSplitter_1626344:not(.full-screen-width-bg) { 2924 padding-left: 5px !important; 2925 padding-right: 5px !important; 2926 } 2927 2928 #superSplitter_1626344 .widget { 2929 margin-bottom: 10px !important; 2930 } 2931 2932 #cmsContent #superSplitter_1626344 .childsplitter.accordion-splitter{ 2933 margin-left: -5px !important; 2934 width: calc(100% + 10px) !important; 2935 } 2936 2937 #cmsContent #superSplitter_1626344 .childsplitter:not(.accordion-splitter):not(.wideget-splitter), 2938 #section-header #superSplitter_1626344 .childsplitter:not(.accordion-splitter):not(.wideget-splitter) { 2939 margin-right: -5px !important; 2940 margin-left: -5px !important; 2941 } 2942 2943 body.edit #superSplitter_1626344 .widget { 2944 margin-bottom: 10px !important; 2945 } 2946 2947 #superSplitter_1626344 .widget .childsplitter .childsplitter .btn-toolbar { 2948 right: 5px !important; 2949 } 2950 2951 #superSplitter_1626344 .widget .childsplitter .last .btn-toolbar { 2952 right: 5px !important; 2953 } 2954 2955 .edit .full-screen-width-bg#superSplitter_1626344 .widget .btn-toolbar { 2956 right: 5px !important; 2957 } 2958 2959 .edit #superSplitter_1626344.full-screen-width .btn-toolbar { 2960 margin-left: -5px !important; 2961 margin-top: -40px !important; 2962 } 2963 2964 .edit #superSplitter_1626344.full-screen-width .widget .btn-toolbar { 2965 right: 5px !important; 2966 z-index: 10 !important; 2967 margin-top: 0px !important; 2968 } 2969 2970 @media only screen and (max-width: 768px){ 2971 #superSplitter_1626344 { 2972 padding-left: 5px !important; 2973 padding-right: 5px !important; 2974 2975 } 2976 2977 #superSplitter_1626344 .forms-app{ 2978 margin-left: -10px !important; 2979 margin-right: -10px !important; 2980 } 2981 2982 #cmsContent #superSplitter_1626344 .forms-app form > .col-12.col-xs-12 { 2983 padding-left: 0 !important; 2984 padding-right: 0 !important; 2985 } 2986 2987 } 2988 2989 2990 #superSplitter_1626344 .supersplitter-video { 2991 margin-top: -40px; 2992 } 2993 2994 .edit .full-screen-width-bg#superSplitter_1626344 > .btn-toolbar { 2995 2996 2997 margin-left: -30px !important; 2998 2999 3000 } 3001 3002 .edit #superSplitter_1626344 > .btn-toolbar { 3003 3004 margin-top: -42px !important; 3005 3006 3007 margin-left: -39px !important; 3008 3009 } 3010 3011 .edit #superSplitter_1626344 > .footer-indicator, .edit #superSplitter_1626344 > .header-indicator { 3012 3013 margin-left: -82px !important; 3014 3015 margin-top: -27px !important; 3016 } 3017 3018 .edit .full-screen-width-bg#superSplitter_1626344 > .footer-indicator, .edit .full-screen-width-bg#superSplitter_1626344 > .header-indicator { 3019 3020 3021 margin-left: -75px !important; 3022 3023 3024 } 3025 3026 .edit #superSplitter_1626344.full-screen-width .footer-indicator, .edit #superSplitter_1626344.full-screen-width .header-indicator { 3027 margin-left: 12px !important; 3028 margin-top: -25px !important; 3029 border-bottom: 2px dotted #cccccc; 3030 } 3031 3032 #superSplitter_1626344 .news-tiles .news-grid-col { 3033 padding-top: 10px; 3034 padding-left: 5px; 3035 padding-right: 5px; 3036 } 3037 3038 3039 </style> 3040 3041 3042 3043 <div class="row "> 3044 3045 <div class="col-sm-3 "> 3046 3047 <div id="splitter_1626344_splitter_col1" class="splitter-column-sortable-parent" data-key="splitter_col1"> 3048 3049 <div class="splitter-column-sortable" 3050 data-key="splitter_col1" 3051 data-preload="true" 3052 data-widgetid="1731621" data-id="1731621"> 3053 3054 3055 3056<div id='widget_1731621' data-id='1731621' data-load='True' data-modal='True' data-widgettype='Image' data-widgettitle='Image' class='widget wImage'> 3057 3058<input type="hidden" value='{"imageId":"4083c52f-642e-4b3e-8aec-c970837ce926","caption":"","hasCaption":false}' id="hdnImage_1731621" /> 3059<input type="hidden" value='{}' id="hdnMobileImage_1731621" /> 3060<input type="hidden" value='' id="hdnMobileImageSrc_1731621" /> 3061<input type="hidden" value='landscape' id="hdnMobileLayout_1731621" /> 3062<input type="hidden" value='landscape' id="hdnLayout_1731621" /> 3063<input type="hidden" value='False' id="hdnCrop_1731621" /> 3064<input type="hidden" value='True' id="hdnScale_1731621" /> 3065 3066 3067<div class="imageWidget-Div img-with-caption text-center"> 3068 3069 <div id="1731621_placeholder" class="sporty-placeholder"></div> 3070 <picture> 3071 <source media="(max-width: 768px)" srcset="" /> 3072 3073 <img data-src="//prodcdn.sporty.co.nz/cms/14433/202830/1432428/4083c52f-642e-4b3e-8aec-c970837ce926_wo.png?t=638508637002100000" 3074 class="text-center img-responsive " 3075 data-id="4083c52f-642e-4b3e-8aec-c970837ce926" 3076 data-link-type="" 3077 data-link-data="" 3078 data-link-target="" 3079 data-has-caption="False" 3080 data-caption="" 3081 src="//prodcdn.sporty.co.nz/cms/14433/202830/1432428/4083c52f-642e-4b3e-8aec-c970837ce926_wo.png?t=638508637002100000" 3082 id="1731621_4083c52f-642e-4b3e-8aec-c970837ce926" 3083 style="display: none" 3084 onload="document.getElementById('1731621_4083c52f-642e-4b3e-8aec-c970837ce926').style.display = 'block'; document.getElementById('1731621_placeholder').style.display = 'none'" /> 3085 </picture> 3086 <div class="sy-caption-wrap" style="display: none"> 3087 <div class="sy-caption"> 3088 <div class="img-caption"></div> 3089 </div> 3090 </div> 3091</div> 3092
3093<script> 3094 var aspectRatio = 1.3336 > 0 ? 1.3336 : 1.5; 3095 var placeholderWidth = document.getElementById("1731621_placeholder").clientWidth; 3096 3097 if (placeholderWidth == null){ 3098 placeholderWidth = document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").clientWidth; 3099 } 3100 3101 if ('False' === 'True') { 3102 document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.objectFit = "cover"; 3103 } 3104 else{ 3105 document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.objectFit = "contain"; 3106 } 3107 3108 var windowWidth = window.innerWidth; 3109 var imageLayout; 3110 3111 if (windowWidth < 768) { 3112 imageLayout = 'landscape'; 3113 } else { 3114 imageLayout = 'landscape'; 3115 } 3116 3117 var placeholderHeight; 3118 3119 switch (imageLayout) { 3120 case 'panorama': 3121 placeholderHeight = Math.round(0.35 * placeholderWidth); 3122 break; 3123 case 'landscape': 3124 placeholderHeight = Math.round(0.71 * placeholderWidth); 3125 break; 3126 case 'portrait': 3127 placeholderHeight = Math.round(1.4 * placeholderWidth); 3128 break; 3129 case 'square': 3130 placeholderHeight = placeholderWidth; 3131 break; 3132 case 'originalimage': 3133 default: 3134 var naturalHeight = 2500; 3135 var aspectRatioHeight = 1 / aspectRatio * placeholderWidth; 3136 placeholderHeight = Math.min.apply(null, [naturalHeight, aspectRatioHeight].filter(Number)); 3137 break; 3138 } 3139 3140 document.getElementById("1731621_placeholder").style.width = "" + placeholderWidth + "px"; 3141 document.getElementById("1731621_placeholder").style.height = "" + placeholderHeight + "px"; 3142 3143 3144 document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.width = "" + placeholderWidth + "px"; 3145 document.getElementById("1731621_4083c52f-642e-4b3e-8aec-c970837ce926").style.height = "" + placeholderHeight + "px"; 3146 3147 3148</script>
3148 3149</div> 3150 3151 </div> 3152 3153 </div> 3154 3155 3156 </div> 3157 <div class="col-sm-3 "> 3158 3159 <div id="splitter_1626344_splitter_col2" class="splitter-column-sortable-parent" data-key="splitter_col2"> 3160 3161 <div class="splitter-column-sortable" 3162 data-key="splitter_col2" 3163 data-preload="true" 3164 data-widgetid="1731622" data-id="1731622"> 3165 3166 3167 3168 <div id='widget_1731622' data-id='1731622' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'> 3169 3170 <input id="hdnBgColor-1731622" name="settings.BackgroundColor" type="hidden" value="" /> 3171 <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1731622" name="settings.BackgroundTransparency" type="hidden" value="0" /> 3172 <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1731622" name="settings.Padding" type="hidden" value="5" /> 3173 <input id="hdnApplyShadow-1731622" name="settings.ApplyShadow" type="hidden" value="False" /> 3174 <div id="richtext-prevContent-1731622" style="display: none;"></div> 3175 3176 <div id="richtext-1731622" style="padding: 5px;" class="richtext-editor" placeholder="Type text here..."> 3177 <p style="text-align: center;"><span style="font-size:14px;"><span style="color:#ffffff;text-decoration-color:#ffffff;text-decoration-line:inherit;"><span style="font-family:roboto slab;">Contact Details</span></span></span></p><p style="text-align: center;"><span style="font-size:14px;"><span style="color:#EEEEEE;text-decoration-color:#EEEEEE;text-decoration-line:inherit;">Ph </span></span><a style="color: rgb(238, 238, 238);" data-cke-saved-href="tel: +643385 8449" href="tel: +643385 8449"><span style="font-size:14px;"><span style="color:#EEEEEE;text-decoration-color:#EEEEEE;text-decoration-line:inherit;">+64 3 385 8449</span></span></a></p><p style="text-align: center;"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">General Enquiries:</span></span></p><p style="text-align: center;"><span style="font-size:14px;"> </span><a style="color: rgb(251, 251, 251);" data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">[email protected]</span></span></a></p><p style="text-align: center;"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">Attendance Matters:</span></span></p><p style="text-align: center;"><a data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]" style="color: rgb(251, 251, 251);"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">[email protected]</span></span></a></p><p style="text-align: center;">At<span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">Financial Enquiries:</span></span></p><p style="text-align: center;"><a data-cke-saved-href="mailto:[email protected]" href="mailto:[email protected]" style="color: rgb(251, 251, 251);"><span style="font-size:14px;"><span style="color:#FBFBFB;text-decoration-color:#FBFBFB;text-decoration-line:inherit;">[email protected]</span></span></a><br><span style="font-size:14px;">âââââââ<span style="color:#EEEEEE;text-decoration-color:#EEEEEE;text-decoration-line:inherit;">âââââââ</span></span></p> 3178 </div> 3179</div> 3180 3181 </div> 3182 <div class="splitter-column-sortable" 3183 data-key="splitter_col2" 3184 data-preload="true" 3185 data-widgetid="1731625" data-id="1731625"> 3186 3187 3188 3189<div id='widget_1731625' data-id='1731625' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'> 3190 <div id="code-snippet-1731625" data-html="<div class="elfsight-app-2bf5eb93-85ee-4dec-9599-b28d802a2848"></div>"> 3191 </div> 3192</div> 3193 3194 3195 </div> 3196 3197 </div> 3198 3199 3200 </div> 3201 <div class="col-sm-3 "> 3202 3203 <div id="splitter_1626344_splitter_col3" class="splitter-column-sortable-parent" data-key="splitter_col3"> 3204 3205 <div class="splitter-column-sortable" 3206 data-key="splitter_col3" 3207 data-preload="true" 3208 data-widgetid="1731623" data-id="1731623"> 3209 3210 3211 3212 <div id='widget_1731623' data-id='1731623' data-load='True' data-modal='True' data-widgettype='RichText' data-widgettitle='Text' class='widget wRichText widget-opacive'> 3213
3214 <input id="hdnBgColor-1731623" name="settings.BackgroundColor" type="hidden" value="" /> 3215 <input data-val="true" data-val-number="The field BackgroundTransparency must be a number." id="hdnBgTransparency-1731623" name="settings.BackgroundTransparency" type="hidden" value="0" /> 3216 <input data-val="true" data-val-number="The field Padding must be a number." id="hdnPadding-1731623" name="settings.Padding" type="hidden" value="5" /> 3217 <input id="hdnApplyShadow-1731623" name="settings.ApplyShadow" type="hidden" value="False" /> 3218 <div id="richtext-prevContent-1731623" style="display: none;"></div> 3219 3220 <div id="richtext-1731623" style="padding: 5px;" class="richtext-editor" placeholder="Type text here..."> 3221 <p style="text-align: center;"><span style="color:#ffffff;text-decoration-color:#ffffff;text-decoration-line:inherit;"><span style="font-size:16px;"><span style="font-family:roboto slab;">Postal Address</span></span></span><br><font color="#eeeeee">2 Lydia Street</font><br></p><p style="text-align: center;"><font color="#eeeeee">Northcote</font><br></p><p style="text-align: center;"><font color="#eeeeee">Christchurch 8052</font><br></p><p style="text-align: center;"><font color="#eeeeee"></font>Ch</p> 3222 </div> 3223</div> 3224 3225 </div> 3226 3227 </div> 3228 3229 3230 </div> 3231 <div class="col-sm-3 "> 3232 3233 <div id="splitter_1626344_splitter_col4" class="splitter-column-sortable-parent" data-key="splitter_col4"> 3234 3235 <div class="splitter-column-sortable" 3236 data-key="splitter_col4" 3237 data-preload="true" 3238 data-widgetid="2439154" data-id="2439154"> 3239 3240 3241 3242<div id='widget_2439154' data-id='2439154' data-load='True' data-modal='True' data-widgettype='CodeSnippet' data-widgettitle='Insert Code Snippet' class='widget wCodeSnippet widget-opacive'> 3243 <div id="code-snippet-2439154" data-html="<div class="gtranslate_wrapper"></div> 3244<script>window.gtranslateSettings = {"default_language":"en","languages":["en","mi","zh-CN","sm","fr","es","tl","vi","de","hi","ja","ko","ms","pa","th",],"wrapper_selector":".gtranslate_wrapper"}</script> 3245<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>"> 3246 </div> 3247</div> 3248 3249 3250 </div> 3251 3252 </div> 3253 3254 3255 </div> 3256 </div> 3257 </div> 3258 3259 </div> 3260 </div> 3261 <div id="sticky-push"></div> 3262 </div> 3263</div> 3264 3265<div id="sticky-footer"> 3266 <div class="nav navbar-collapse" style="background-color: white; text-align:center;"> 3267 <div class="container cmsSportsgroundFooter"> 3268 <div class="col-sm-4"> 3269 <a class="sportyPoweredText" href="https://www.sporty.co.nz">Powered by Sporty.co.nz</a> 3270 </div> 3271 <div class="col-sm-4"> 3272 </div> 3273 <div class="col-sm-4"> 3274 <a href="https://www.sporty.co.nz/Login?returnUrl=%2fmariancollege%2fabout%2fabout-us%3fem%3d1"> 3275 <img src="/Content/images/admin-login.png" /> Admin Login 3276 </a> 3277 </div> 3278 </div> 3279 </div> 3280</div> 3281 3282<div id="myModal" class="modal fade"> 3283</div> 3284<div id="ckeditorModal" class="modal fade"> 3285</div> 3286 3287 3288 3289 3290<div id="custom-page-cover" class="custom-page-cover" style=""></div> 3291 3292
3293<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBID0SddcUXp9rilqhrfqQy_H5vgcXmqjs&v=3.exp"></script>
3293 3294 3295
3296<script src="/bundles/sporty-scripts?v=KP7Kh3mhRT3wDsjnkvAuNmByfYl5uBgFhsuFLYWXxcQ1"></script>
3296 3297
3298<script src="/Scripts/mobiscroll/mobiscroll.custom-3.2.4.min.js"></script>
vendor: 1 bytes, line 3298
3298
3299<script src="/Scripts/object-fit-polyfill-master/dist/objectFitPolyfill.min.js"></script>
vendor: 1 bytes, line 3299
3299
3300<script src="/Content/ckeditor/ckeditor.js?v=4.22.1f"></script>
vendor: 1 bytes, line 3300
3300
3301<script src="/Content/ckeditor/sportyFontConfig.js?v= 25-Sep-2026 11:00 (863)"></script>
vendor: 1 bytes, line 3301
3301
3302<script src="/Content/ckeditor/sportyImageUpload.js?v= 25-Sep-2026 11:00 (863)"></script>
3302 3303 3304
3305<script> 3306 $(function () { 3307 CKEDITOR.timestamp = ' 25-Sep-2026 11:00 (863)'; 3308 3309 }); 3310</script>
3310 3311
3312<script async src="https://cdn.iframe.ly/embed.js" charset="utf-8"></script>
3312 3313
3314<script> 3315 window.fbAsyncInit = function () { 3316 if (typeof FB != 'undefined') { 3317 FB.init({ 3318 appId: '849632328416506', 3319 autoLogAppEvents: true, 3320 xfbml: true, 3321 version: 'v21.0' 3322 }); 3323 } 3324 }; 3325</script>
vendor: 1 bytes, line 3325
3325
3326<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
3326 3327 3328<!-- Google Analytics -->
vendor: 77 bytes, lines 3328-3330
3328 3329 3330 <script async src="https://www.googletagmanager.com/gtag/js?id=
3330G-KH331M994Q
vendor: 21 bytes, lines 3330-3332
3330"></script> 3331 3332
3332<script> 3333
vendor: 168 bytes, lines 3333-3337
3333window.dataLayer = window.dataLayer || []; 3334 function gtag(){dataLayer.push(arguments);} 3335 gtag('js', new Date()); 3336 3337 gtag('config', '
3337G-XZYFRKCC2D
vendor: 50 bytes, lines 3337-3340
3337'); 3338 3339 3340
3340gtag('config', 'G-KH331M994Q'); 3341 3342 </script>
3342 3343 3344<!-- End Google Analytics --> 3345 3346
3347<script> 3348 Raygun.init('hIsjk2n4XNXFrkKwCZw1kQ=='); 3349</script>
3349 3350</body> 3351</html> 3352
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.