1<!DOCTYPE html> 2<!-- 3 SSSSS CCCCC HH HH UU UU DDDDD II OOOOO 4 SS CC HH HH UU UU DD DD II OO OO 5 SSSS CC HHHHHHH UU UU DD DD II OO OO 6 SS CC HH HH UU UU DD DD II OO OO 7 SSSSS CCCCC HH HH UUUUU DDDDD II OOOOO 8 9 Schudio 10 School & Trust Websites ⢠Compliance ⢠Digital Support 11 https://www.schudio.com 12--> 13<html lang="en-GB" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> 14<head> 15 <meta charset="utf-8"> 16<meta http-equiv="X-UA-Compatible" content="IE=edge"> 17<meta name="viewport" content="width=device-width, initial-scale=1.0"> 18<title>St Georgeâs School, A Church of England Academy</title> 19 <link rel="icon" href="https://files.schudio.com/st-george-s-school-cofe-academy-3/images/icon.png" type="image/png"> 20<link rel="canonical" href="https://stgeorgesblackpool.com/"> 21 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" referrerpolicy="no-referrer"> 22<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer"> 23<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/v4-shims.min.css" integrity="sha512-fWfO/7eGDprvp7/UATnfhpPDgF33fetj94tDv9q0z/WN4PDYiTP97+QcV1QWgpbkb+rUp76g6glID5mdf/K+SQ==" crossorigin="anonymous" referrerpolicy="no-referrer"> 24<link rel="stylesheet" type="text/css" href="/ccss/aef0e391d7671cc3de134b671a040266.css"/> <style> 25 section.home-slider .carousel-item::before { 26 padding-top: 100vh; 27 } 28 @media (min-width: 768px) { 29 section.home-slider .carousel-item::before { 30 padding-top: 56.25%; 31 } 32 } 33 @media (min-width: 1200px) { 34 section.home-slider .carousel-item::before { 35 padding-top: 42.86%; 36 } 37 } 38 </style> 39<style>@keyframes floatArrow { 40 0%, 100% { 41 transform: translateY(0); 42 } 43 50% { 44 transform: translateY(10px); 45 } 46} 47 48.animate-float { 49 animation: floatArrow 1.5s ease-in-out infinite; 50}</style><style>.st-george-welcome-animate { 51 color: #ffffff; 52}</style> <style> 53 #home-stats-6398, #home-stats-6398 .heading span { 54 background-color: #2a384b; 55 } 56 #home-stats-6398 { 57 color: #ffffff; 58 } 59 #home-stats-6398 .heading::before { 60 background-color: #ffffff; 61 } 62 #home-stats-6398 .heading { 63 text-align: center; 64 } 65 </style> 66<style>.scrollbar-modern::-webkit-scrollbar { 67 height: 2px; 68} 69 70.scrollbar-modern::-webkit-scrollbar-track { 71 background: transparent; 72} 73 74.scrollbar-modern::-webkit-scrollbar-thumb { 75 /*background: linear-gradient(to right, #60a5fa, #3b82f6);*/ 76 background: transparent; 77} 78 79.scrollbar-modern { 80 scrollbar-width: thin; 81 scrollbar-color: #f1f3f5 transparent; 82}</style><style>@keyframes marquee { 83 0% { 84 transform: translateX(0%); 85 } 86 100% { 87 transform: translateX(-50%); 88 } 89} 90 91.tw-animate-marquee { 92 animation: marquee 100s linear infinite; 93} 94.tw-animate-marquee:hover { 95 animation-play-state: paused; 96}</style><link rel="preconnect" href="https://fonts.googleapis.com"> 97<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 98 <style> 99 .page-header { 100 background-image: url('https://files.schudio.com/st-george-s-school-cofe-academy-3/images/bg-internal.jpg'); 101 } 102 </style> 103<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css"> 104<style> 105 .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { 106 background-color: #29384b; 107 border-color: #29384b; 108 } 109 .btn-outline-primary { 110 border-color: #29384b; 111 color: #29384b; 112 } 113 header .navbar-toggler.collapsed .icon-bar { 114 background-color: #ffffff; 115 } 116 aside.sidebar-box .sidebar-menu, 117 aside.sidebar-lines .sidebar-menu { 118 background-color: #273849; 119 } 120 aside.sidebar-box .sidebar-menu .sidebar-heading, 121 aside.sidebar-box .sidebar-menu .nav-link, 122 aside.sidebar-lines .sidebar-menu .sidebar-heading, 123 aside.sidebar-lines .sidebar-menu .nav-link { 124 color: #e2e7ed; 125 } 126 aside.sidebar-lines .sidebar-menu .sidebar-heading { 127 border-color: #e2e7ed; 128 } 129 aside.sidebar-box .sidebar-menu .nav-item.active::before { 130 background-color: #da241e; 131 } 132 aside.sidebar-lines .sidebar-menu .nav-item { 133 border-bottom-color: #da241e; 134 } 135 .page-header { 136 padding-top: 6rem; 137 } 138 @media (min-width: 768px) { 139 .page-header { 140 padding-top: 8rem; 141 } 142 } 143 @media (min-width: 992px) { 144 .page-header { 145 padding-top: 10rem; 146 } 147 } 148 @media (min-width: 1200px) { 149 .page-header { 150 padding-top: 12rem; 151 } 152 } 153 .page-header h1 { 154 color: #ffffff; 155 } 156 .page-header h1 { 157 text-align: center; 158 } 159 .breadcrumb-item, .breadcrumb-item a { 160 color: #ffffff; 161 } 162 .page-header .breadcrumb { 163 text-align: center; 164 } 165 .card.menu .card-img::before { 166 padding-top: 56.25%; 167 } 168 .card.menu .card-title { 169 color: #ffffff; 170 } 171 .card.menu .card-body { 172 position: absolute; 173 left: 0; 174 right: 0; 175 bottom: 0; 176 } 177 .card.menu .card-img::after {
178 content: ''; 179 display: block; 180 position: absolute; 181 left: 0; 182 top: 0; 183 right: 0; 184 bottom: 0; 185 pointer-events: none; 186 } 187 .card.menu .card-img::after { 188 background: linear-gradient(to top, rgba(40,56,73, 0.9) 0%, rgba(40,56,73, 0) 50%); 189 } 190 </style> 191<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css"/> <style>.fancybox__content,.f-button {background: transparent;}.fancybox__content a{display:block;outline:none;}</style> 192 <style>@import url('https://fonts.googleapis.com/css2?family=Cinzel:[email protected]&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap'); 193 194/** General **/ 195:root { 196 --primary-font: "Cinzel", serif; 197 --secondary-font: "Roboto Serif", serif; 198 --primary-color: #2a384b; 199 --secondary-color: #da231c; 200} 201 202.page-content h2::after { 203 content: ""; 204 display: block; 205 width: 40px; /* Length of the black line */ 206 height: 4px; /* Thickness of the black line */ 207 background-color: var(--secondary-color); 208 margin-top: 8px; /* Space between text and line */ 209} 210article a.btn { 211 background-color: var(--primary-color); 212 color: #e2e7ed !important; 213 border-radius: 0 !important; 214 padding: 15px 30px !important; 215 border: 0 !important; 216} 217article a.btn:hover { 218 background-color: var(--secondary-color); 219 color: white !important; 220} 221.font-primary { 222 font-family: var(--primary-font) !important; 223} 224.font-secondary { 225 font-family: var(--secondary-font) !important; 226} 227h1, h2, h3, h4, h5, h6 { 228 font-family: var(--primary-font) !important; 229 font-optical-sizing: auto; 230 font-weight: 600; 231 font-style: normal; 232} 233p, table, ul li, a, address { 234 font-family: var(--secondary-font) !important; 235 font-optical-sizing: auto; 236 font-weight: 400; 237 font-style: normal; 238} 239body.pages.display header { 240 background: linear-gradient( 241 to bottom, 242 rgba(0, 0, 0, 1) 0%, 243 rgba(0, 0, 0, 0.5) 50%, 244 rgba(0, 0, 0, 0) 100% 245 ) !important; 246} 247/** Header **/ 248header .navbar-brand { 249 position: absolute; 250 left: 47%; 251 top: 10px; 252} 253header .navbar-toggler.collapsed .icon-bar { 254 width: 27px !important; 255 margin: 6px 0 !important; 256 height: 1px !important; 257} 258 259header .navbar-nav li a { 260 font-size: 1.5rem !important; 261 font-weight: 200 !important; 262 font-family: var(--primary-font); 263 display: inline-block !important; 264 color: rgba(255,255,255,.65) !important; 265} 266header .navbar-nav li a:hover { 267 background: transparent !important; 268 color: rgba(255,255,255,1) !important; 269 text-decoration: none !important; 270} 271button.navbar-toggler { 272 margin: 40px 0 0 10px !important; 273} 274header .navbar-collapse.show, 275header .navbar-collapse.collapsing { 276 background-color: #273849; 277 background-image: url('/images/bg-watermark-menu(1).png'); 278 background-repeat: no-repeat; 279 background-position: 150% 150%; 280 background-size: 50%; 281} 282/** Carousel **/ 283.home-slider .carousel-caption h3 { 284 font-weight: 500 !important; 285 text-shadow: 0 0 20px rgba(0,0,0,.5); 286} 287@media(min-width:1024px) { 288 .home-slider .carousel-item { 289 height: 100vh; 290 } 291 .home-slider .carousel-caption h3 { 292 transform: translateY(4rem); 293 font-size: 6rem !important; 294 } 295 .home-slider .carousel-caption p { 296 transform: translateY(2rem); 297 font-size: 3rem !important; 298 font-weight: 300 !important; 299 } 300} 301@media(min-width:1921px) { 302 .home-slider .carousel-caption h3 { 303 font-size: 9rem !important; 304 } 305} 306 307/** Stats **/ 308.home-stats.home-section .number { 309 font-family: var(--primary-font) !important; 310 font-weight: 500; 311} 312.home-stats.home-section .stat-text { 313 font-family: var(--secondary-font) !important; 314 font-weight: 300; 315 color: rgba(255,255,255,.75); 316} 317 318/** News **/ 319.home-news .card.news .card-body { 320 padding: 15px 0 0 0 !important; 321} 322.home-news .card.news .card-date { 323 font-family: var(--primary-font); 324 font-size: 1.1rem !important; 325} 326.page-header { 327 background-position: center top !important; 328} 329.page-header h1 { 330 font-weight: 500 !important; 331 margin-top: 25%; 332 margin-bottom: 3%; 333} 334 335/** Page Content **/ 336.page-content p a, 337.page-content ul li a { 338 text-decoration: none; 339 color: var(--primary-color); 340 border-bottom: 1px dotted var(--secondary-color); 341 font-weight: 500; 342}
343.page-content p a:hover, 344.page-content ul li a:hover { 345 color: var(--secondary-color); 346} 347.page-content h2, 348.page-content h3, 349.page-content h4, 350.page-content h5, 351.page-content h6 { 352 color: var(--primary-color) !important; 353} 354.page-content p, ul, li { 355 color: rgba(0,0,0,.65); 356 line-height: 1.6 !important; 357} 358.page-content a.btn-custom { 359 padding: 15px 30px; 360 background: transparent; 361 border: 1px solid var(--primary-color); 362 border-radius: 100px; 363 transition: all 300s ease; 364 margin-right: 10px; 365 display: inline-box; 366} 367.page-content a.btn-custom:hover { 368 background-color: var(--primary-color) !important; 369 color: white !important; 370 border: 1px solid var(--primary-color); 371} 372.page-content a.btn-custom-white { 373 padding: 15px 30px; 374 background: transparent; 375 border: 1px solid white; 376 border-radius: 100px; 377 transition: all 300s ease; 378 margin-right: 10px; 379} 380.page-content a.btn-custom-white:hover { 381 background-color: white !important; 382 border: 1px solid var(--primary-color); 383} 384aside.sidebar-box .sidebar-menu { 385 border-radius: 0px; 386}</style></head> 387<body class="pages index "> 388 <div id="layout-wrapper"> 389 <header class="transparent"> 390 <nav class="navbar "> 391 <div class="container-fluid"> 392 <a href="/" class="navbar-brand"><img src="https://files.schudio.com/st-george-s-school-cofe-academy-3/images/logo-header-transparent.png" alt="St Georgeâs School, A Church of England Academy"/></a> 393 <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation"> 394 <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> 395 <div class="navbar-collapse collapse" id="navigation"> 396 <ul class="navbar-nav top-menu"> 397 <li class="nav-item dropdown"> 398 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Welcome</a> <ul class="dropdown-menu"> 399 <li> 400 <a href="/why-st-george-s" class="dropdown-item">Why St George's</a> </li> 401 <li> 402 <a href="/headteacher-s-welcome" class="dropdown-item">Headteacher Welcome</a> </li> 403 <li> 404 <a href="/leadership-and-governance" class="dropdown-item">Leadership and Governance</a> </li> 405 </ul> 406 </li> 407 <li class="nav-item dropdown"> 408 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Academy Life</a> <ul class="dropdown-menu"> 409 <li> 410 <a href="/academy-day" class="dropdown-item">Academy Day</a> </li> 411 <li> 412 <a href="/academy-term-dates" class="dropdown-item">Academy Term Dates</a> </li> 413 <li> 414 <a href="/family-handbook" class="dropdown-item">Family Handbook</a> </li> 415 <li> 416 <a href="/uniform" class="dropdown-item">Uniform</a> </li> 417 <li> 418 <a href="/behaviour" class="dropdown-item">Behaviour</a> </li> 419 <li> 420 <a href="/attendance" class="dropdown-item">Attendance</a> </li> 421 </ul> 422 </li> 423 <li class="nav-item dropdown"> 424 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Learning</a> <ul class="dropdown-menu"> 425 <li> 426 <a href="/curriculum" class="dropdown-item">Curriculum</a> </li> 427 <li> 428 <a href="/send" class="dropdown-item">SEND</a> </li> 429 <li> 430 <a href="/exam-results" class="dropdown-item">Exam Results</a> </li> 431 <li> 432 <a href="/careers" class="dropdown-item">Careers</a> </li> 433 </ul> 434 </li> 435 <li class="nav-item dropdown"> 436 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Extracurricular Activities</a> <ul class="dropdown-menu"> 437 <li> 438 <a href="/our-co-curricular-programme" class="dropdown-item">Our Co-Curricular Programme</a> </li> 439 <li> 440 <a href="/our-co-curricular-programme/sports" class="dropdown-item">Sports</a> </li> 441 <li> 442 <a href="/our-co-curricular-programme/the-arts" class="dropdown-item">The Arts</a> </li> 443 <li> 444 <a href="/our-co-curricular-programme/educational" class="dropdown-item">Educational</a> </li> 445 <li> 446 <a href="/our-co-curricular-programme/personal-growth" class="dropdown-item">Personal Growth</a> </li> 447 </ul> 448 </li> 449 <li class="nav-item dropdown menu-right"> 450 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pastoral Support</a> <ul class="dropdown-menu"> 451 <li> 452 <a href="/spiritual-life" class="dropdown-item">Spiritual Life</a> </li> 453 <li> 454 <a href="/pastoral-care" class="dropdown-item">Pastoral Care</a> </li> 455 <li> 456 <a href="/family-dining" class="dropdown-item">Family Dining</a> </li> 457 <li> 458 <a href="/safeguarding" class="dropdown-item">Safeguarding</a> </li> 459 </ul> 460 </li> 461 <li class="nav-item dropdown menu-right"> 462 <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Statutory Information</a> <ul class="dropdown-menu"> 463 <li> 464 <a href="/ofsted" class="dropdown-item">Ofsted</a> </li> 465 <li> 466 <a href="/policies" class="dropdown-item">Policies</a> </li> 467 </ul> 468 </li> 469 </ul> 470 </div> 471 </div> 472 </nav> 473</header> 474 <main><section id="slider" class="carousel slide home-slider carousel-fade" data-bs-ride="carousel" data-bs-pause="false" role="presentation"> 475 <div class="carousel-inner"> 476 <div class="carousel-item active ratio" data-bs-interval="5000"> 477 <div class="carousel-image" style="background-image:url('https://files.schudio.com/st-george-s-school-cofe-academy-3/images/banner-3.jpg')"> 478 <div class="carousel-caption" style="text-align:center"> 479 <h3>servire aliis priusquam sibi</h3> 480 <p>Since 1960</p> 481 </div> 482 </div> 483 </div> 484 </div> 485 </section> 486 <button 487 onclick="scrollToSection()" 488 class="tw-absolute tw-left-[50%] tw--translate-y-[180px] md:tw--translate-y-[100px] tw-z-[999] tw-w-[30px] tw-h-[50px] tw-rounded-full tw-border tw-border-white tw-mb-[10px] tw-bg-[rgba(255,255,255,0)] tw-flex tw-items-center tw-justify-center tw-transition-colors tw-duration-300 tw-text-white tw-text-4xl tw-font-bold hover:tw-text-white"> 489 <span class="animate-float tw-text-[#da241e] hover:tw-text-white tw-text-lg">â</span> 490 </button><section id="targetWelcome" class="tw-bg-[#2a384b]"> 491 <div class="tw-max-w-7xl tw-mx-auto tw-px-4 tw-py-10"> 492 493 <h2 class="st-george-welcome-animate tw-text-3xl md:tw-text-4xl font-secondary !tw-leading-tight tw-font-extralight tw-text-center tw-mb-16"> 494 Welcome to St George's School. Through appreciating and promoting the Christian values of dignity, hope, community, wisdom, humility and kindness, all members of St Georgeâs are encouraged to be aspirational. We aim to positively impact upon each other and society so that we contribute to a world where, inspired by St Paul, we can âbe devoted to one another in love. Honour one another above yourselvesâ. 495 </h2> 496 497 <!-- BUTTON WRAPPER --> 498 <div class="tw-flex tw-justify-center"> 499 <a href="/headteacher-s-welcome" 500 class="tw-inline-block tw-text-center tw-text-lg tw-font-extralight tw-rounded-full tw-text-lg tw-py-5 tw-px-10 tw-no-underline tw-border tw-border-white tw-text-white hover:tw-bg-white hover:tw-text-[#2a384b] hover:tw-font-normal tw-transition" 501 data-aos="fade-up" data-aos-duration="700" data-aos-delay="100"> 502 Read More Our Church Academy <span class="tw-ml-5">â</span> 503 </a> 504 </div> 505 506 </div> 507</section> 508
509<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
vendor: 2 bytes, line 509
509
510<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
510<section class="home-stats home-section" id="home-stats-6398"> 511 <div class="container"> 512 <div class="row"> 513 <div class="col-sm" data-aos="fade-up" data-aos-delay="0"> 514 <div class="stat" data-number="1080" data-digits="0"> 515 <div class="stat-number stat-0"> 516 <span class="number">1080</span> </div> 517 <div class="stat-text">Total Pupils</div> 518 </div> 519 </div> 520 <div class="col-sm" data-aos="fade-up" data-aos-delay="200"> 521 <div class="stat" data-number="112" data-digits="0"> 522 <div class="stat-number stat-1"> 523 <span class="number">112</span> </div> 524 <div class="stat-text">Professional Staff</div> 525 </div> 526 </div> 527 <div class="col-sm" data-aos="fade-up" data-aos-delay="400"> 528 <div class="stat" data-number="50" data-digits="0"> 529 <div class="stat-number stat-2"> 530 <span class="number">50</span> </div> 531 <div class="stat-text">Extracurricular Programmes</div> 532 </div> 533 </div> 534 <div class="col-sm" data-aos="fade-up" data-aos-delay="600"> 535 <div class="stat" data-number="60" data-digits="0"> 536 <div class="stat-number stat-3"> 537 <span class="number">60</span> </div> 538 <div class="stat-text">Years of Experience</div> 539 </div> 540 </div> 541 </div> 542 </div> 543</section> 544<section class="tw-bg-[#2a384b] tw-py-2"> </section><section class="tw-relative tw-bg-[url('/images/banners/St_G(335of437).jpg')] tw-bg-center tw-bg-no-repeat tw-bg-cover tw-bg-fixed tw-h-[100vh] md:tw-h-[60vh]"> 545 546 <!-- Overlay --> 547 <div class="tw-absolute tw-inset-0 tw-bg-gray-900/70"></div> 548 549 <!-- Content --> 550 <div class="tw-relative tw-max-w-7xl tw-mx-auto tw-px-4 tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-text-center tw-gap-8"> 551 552 <div> 553 <h2 class="tw-text-5xl md:tw-text-6xl tw-text-white font-cinzel tw-font-normal tw-mb-6 tw-text-shadow-lg tw-text-shadow-[#2a384b]/50" data-aos="fade-up" data-aos-duration="700" data-aos-delay="500"> 554 Spiritual Life 555 </h2> 556 <p class="tw-text-3xl tw-text-white tw-font-extralight !tw-leading-normal tw-text-shadow-lg tw-text-shadow-[#2a384b]/50" 557 data-aos="fade-up" data-aos-duration="700" data-aos-delay="750"> 558 At St Georgeâs, Christian Distinctiveness is at the heart of school life, shaping a caring and inclusive community rooted in the teachings of Christ. Through chaplaincy, collective worship, and a strong focus on spirituality, pupils are encouraged to grow in faith, character, and understanding, enabling everyone to flourish and experience life in all its fullness. 559 </p> 560 </div> 561 562 <div> 563 <a href="/spiritual-life" 564 class="tw-inline-block tw-text-center tw-text-lg tw-rounded-full tw-py-5 tw-px-10 tw-no-underline tw-border tw-border-white tw-text-white hover:tw-bg-white hover:tw-text-[#2a384b] tw-transition" 565 data-aos="fade-up" data-aos-duration="700" data-aos-delay="1000"> 566 Explore Christian Distinctiveness <span class="tw-ml-5">â</span> 567 </a> 568 </div> 569 570 </div> 571</section><section class="tw-bg-gray-100 tw-pt-24"> 572 <div class="tw-w-full"> 573 574 <div class="tw-container tw-mx-auto tw-px-4 lg:tw-px-8"> 575 <!-- Title --> 576 <h2 class="tw-text-5xl md:tw-text-6xl tw-text-center font-cinzel tw-font-normal tw-mb-6" 577 data-aos="fade-up" data-aos-duration="700" data-aos-delay="500"> 578 What Makes Us Unique 579 </h2> 580 581 <!-- Text --> 582 <div class="tw-space-y-5"> 583 <p class="tw-text-xl tw-font-extralight !tw-leading-normal tw-text-center" 584 data-aos="fade-up" data-aos-duration="700" data-aos-delay="750"> 585 St George's is a Church of England Academy where pupils and staff work together, 586 in the knowledge and love of God. We try to act out our faith in daily life, 587 with Christ as our example. Within our strong Christian, Anglican context, 588 we seek to promote the spiritual, moral, cultural, intellectual and physical 589 development of our pupils, growing together as a caring and supportive community 590 whilst preparing them for the opportunities, responsibilities and experiences 591 of their adult lives. 592 </p> 593 </div> 594 595 <!-- Button --> 596 <div class="tw-mt-4 tw-flex tw-justify-center"> 597 <a href="/family-handbook" 598 class="tw-inline-block tw-mx-auto tw-mt-5 tw-text-center tw-text-lg tw-rounded-full tw-py-5 tw-px-10 tw-no-underline tw-text-[#2a384b] tw-border tw-border-[#2a384b] hover:tw-bg-[#2a384b] hover:tw-border-black/70 hover:tw-text-white tw-transition" 599 data-aos="fade-up" data-aos-duration="700" data-aos-delay="850"> 600 Find Out More About Vision & Values
601 <span class="tw-ml-5">â</span> 602 </a> 603 </div> 604 </div> 605 606 <!-- Gallery --> 607 <div class="tw-mt-12 tw-relative" data-aos="fade-up" data-aos-duration="700" data-aos-delay="1000"> 608 609 <!-- Scroll container --> 610 <div id="autoSlider" 611 class="tw-flex tw-gap-4 tw-overflow-x-auto tw-scroll-smooth tw-snap-x tw-snap-mandatory tw-pb-3 scrollbar-modern"> 612 613 <!-- Item --> 614 <!-- Mobile: 2 | Tablet: 3 | Desktop: 5 --> 615 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 616 <div class="tw-group tw-overflow-hidden"> 617 <img src="/images/unique/St_G(140of437).jpg" 618 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 619 </div> 620 </div> 621 622 <!-- Copy sampai 20 --> 623 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 624 <div class="tw-group tw-overflow-hidden"> 625 <img src="/images/unique/St_G(146of437).jpg" 626 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 627 </div> 628 </div> 629 630 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 631 <div class="tw-group tw-overflow-hidden"> 632 <img src="/images/unique/St_G(157of437).jpg" 633 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 634 </div> 635 </div> 636 637 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 638 <div class="tw-group tw-overflow-hidden"> 639 <img src="/images/unique/St_G(172of437).jpg" 640 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 641 </div> 642 </div> 643 644 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 645 <div class="tw-group tw-overflow-hidden"> 646 <img src="/images/unique/St_G(191of437).jpg" 647 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 648 </div> 649 </div> 650 651 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 652 <div class="tw-group tw-overflow-hidden"> 653 <img src="/images/unique/St_G(20of437).jpg" 654 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 655 </div> 656 </div> 657 658 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 659 <div class="tw-group tw-overflow-hidden"> 660 <img src="/images/unique/St_G(244of437)_(1).jpg" 661 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 662 </div> 663 </div> 664 665 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 666 <div class="tw-group tw-overflow-hidden"> 667 <img src="/images/unique/St_G(268of437).jpg" 668 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 669 </div> 670 </div> 671 672 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 673 <div class="tw-group tw-overflow-hidden"> 674 <img src="/images/unique/St_G(26of437).jpg" 675 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 676 </div> 677 </div> 678 679 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 680 <div class="tw-group tw-overflow-hidden"> 681 <img src="/images/unique/St_G(325of437).jpg" 682 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 683 </div> 684 </div> 685 686 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 687 <div class="tw-group tw-overflow-hidden"> 688 <img src="/images/unique/St_G(56of437).jpg" 689 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 690 </div> 691 </div> 692 693 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 694 <div class="tw-group tw-overflow-hidden"> 695 <img src="/images/unique/St_G(97of437).jpg" 696 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 697 </div> 698 </div> 699 700 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 701 <div class="tw-group tw-overflow-hidden"> 702 <img src="/images/unique/St_G(434of437).jpg" 703 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 704 </div> 705 </div> 706 707 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 708 <div class="tw-group tw-overflow-hidden"> 709 <img src="/images/unique/St_G(418of437).jpg" 710 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 711 </div> 712 </div> 713 714 <div class="tw-flex-none tw-w-[80%] sm:tw-w-[45%] md:tw-w-[30%] lg:tw-w-[20%] tw-snap-start"> 715 <div class="tw-group tw-overflow-hidden"> 716 <img src="/images/unique/St_G(390of437).jpg" 717 class="tw-w-full tw-h-80 tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 718 </div> 719 </div> 720 721 <!-- lanjutkan sampai 20 --> 722 </div> 723 724 <!-- Gradient fade kanan (biar modern) --> 725 <div class="tw-pointer-events-none tw-absolute tw-top-0 tw-right-0 tw-h-full tw-w-16 tw-bg-gradient-to-l tw-from-transparent tw-to-transparent"></div> 726 727 </div> 728 729 </div> 730</section><section class="tw-bg-[#29384a] tw-py-20"> 731 <div class="tw-container tw-mx-auto tw-px-4"> 732 733 <!-- Title --> 734 <h2 class="tw-text-5xl md:tw-text-6xl tw-text-white font-primary tw-font-normal tw-mb-10 tw-text-center" 735 data-aos="fade-up" data-aos-duration="700" data-aos-delay="400"> 736 Key Information 737 </h2> 738 739 <!-- Slider --> 740 <div class="tw-relative"> 741 742 <!-- Container --> 743 <div id="infoSlider" 744 class="tw-flex tw-gap-5 tw-overflow-hidden tw-scroll-smooth tw-snap-x tw-snap-mandatory tw-pb-4 scrollbar-modern"> 745 746 <!-- Item --> 747 <a href="/admissions" 748 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 749 750 <div class="tw-relative tw-overflow-hidden"> 751 752 <img src="/images/homepageboxes/St_G(317of437).jpg" 753 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 754 755 <!-- Overlay --> 756 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 757 758 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 759 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 760 Admissions 761 </h3> 762 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 763 tw-opacity-0 tw-translate-y-3 764 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 765 tw-transition tw-duration-300"> 766 Discover 767 </h4> 768 769 </div> 770 </div> 771 772 </div> 773 </a> 774 775 <!-- Item --> 776 <a href="/curriculum" 777 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 778 779 <div class="tw-relative tw-overflow-hidden"> 780 <img src="/images/homepageboxes/St_G(425of437).jpg" 781 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 782 783 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 784 785 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 786 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 787 Curriculum 788 </h3> 789 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 790 tw-opacity-0 tw-translate-y-3 791 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 792 tw-transition tw-duration-300"> 793 Discover 794 </h4> 795 796 </div> 797 </div> 798 </div> 799 </a> 800 801 <!-- Item --> 802 <a href="/academy-term-dates" 803 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 804 805 <div class="tw-relative tw-overflow-hidden"> 806 <img src="/images/homepageboxes/St_G(162of437).jpg" 807 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 808 809 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 810 811 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 812 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 813 Term Dates 814 </h3> 815 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 816 tw-opacity-0 tw-translate-y-3 817 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 818 tw-transition tw-duration-300"> 819 Discover 820 </h4> 821 822 </div> 823 </div> 824 </div> 825 826 </a> 827 828 <!-- Item --> 829 <a href="/ofsted" 830 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 831 832 <div class="tw-relative tw-overflow-hidden"> 833 <img src="/images/homepageboxes/St_G(309of437).jpg" 834 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 835 836 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 837 838 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 839 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 840 Ofsted Report 841 </h3> 842 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 843 tw-opacity-0 tw-translate-y-3 844 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 845 tw-transition tw-duration-300"> 846 Discover 847 </h4> 848 849 </div> 850 </div> 851 </div> 852 853 </a> 854 855 <!-- Item --> 856 <a href="/send" 857 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 858 859 <div class="tw-relative tw-overflow-hidden"> 860 <img src="/images/homepageboxes/St_G(1of437).jpg" 861 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 862 863 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 864 865 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 866 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 867 SEND 868 </h3> 869 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 870 tw-opacity-0 tw-translate-y-3 871 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 872 tw-transition tw-duration-300"> 873 Discover 874 </h4> 875 876 </div> 877 </div> 878 </div> 879 880 </a> 881 882 <!-- Item --> 883 <a href="/exam-results" 884 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 885 886 <div class="tw-relative tw-overflow-hidden"> 887 <img src="/images/homepageboxes/St_G(201of437).jpg" 888 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 889 890 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 891 892 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 893 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 894 Exam Result 895 </h3> 896 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 897 tw-opacity-0 tw-translate-y-3 898 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 899 tw-transition tw-duration-300"> 900 Discover 901 </h4> 902 903 </div> 904 </div> 905 </div> 906 907 </a> 908 909 <!-- Item --> 910 <a href="/policies" 911 class="tw-flex-none tw-w-[90%] sm:tw-w-[48%] md:tw-w-[32%] lg:tw-w-[24%] tw-snap-start tw-group"> 912 913 <div class="tw-relative tw-overflow-hidden"> 914 <img src="/images/homepageboxes/St_G(413of437).jpg" 915 class="tw-w-full tw-h-80 md:tw-h-[420px] tw-object-cover tw-transition tw-duration-500 group-hover:tw-scale-110" /> 916 917 <div class="tw-absolute tw-inset-0 tw-bg-[#29384a]/40 group-hover:tw-bg-[#29384a]/50 tw-transition tw-flex tw-items-center tw-justify-center"> 918 919 <div class="tw-text-center tw-flex tw-flex-col tw-items-center tw-gap-2"> 920 <h3 class="tw-text-white tw-text-xl md:tw-text-3xl tw-font-semibold"> 921 Behaviour Policy 922 </h3> 923 <h4 class="tw-text-white tw-text-sm md:tw-text-base tw-font-normal 924 tw-opacity-0 tw-translate-y-3 925 group-hover:tw-opacity-100 group-hover:tw-translate-y-0 926 tw-transition tw-duration-300"> 927 Discover 928 </h4> 929 930 </div> 931 </div> 932 </div> 933 934 </a> 935 936 </div> 937 938 <!-- Arrows --> 939 <div class="tw-flex tw-justify-center tw-gap-4 tw-mt-8"> 940 941 <button id="prevBtn" 942 class="tw-w-14 tw-h-14 tw-rounded-full tw-border tw-border-white/10 tw-bg-[#29384a] tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-white/10 tw-transition"> 943 â 944 </button> 945 946 <button id="nextBtn" 947 class="tw-w-14 tw-h-14 tw-rounded-full tw-border tw-border-white/10 tw-bg-[#29384a] tw-text-white tw-flex tw-items-center tw-justify-center hover:tw-bg-white/10 tw-transition"> 948 â 949 </button> 950 951 </div> 952 953 </div> 954 955 </div> 956</section><section class="tw-relative tw-w-full tw-min
956-h-[70vh] tw-flex tw-items-center tw-justify-center tw-text-center tw-text-white tw-overflow-hidden tw-py-20"> 957 958 <!-- Background --> 959<div id="bgWrapper" class="tw-absolute tw-inset-0 tw-transition-all tw-duration-500"> 960 <img id="bgImage" 961 src="/images/St_G(88of437)(1).jpg" 962 class="tw-w-full tw-h-full tw-object-cover" /> 963 <div id="bgOverlay" class="tw-absolute tw-inset-0 tw-bg-gray-900/50"></div> 964</div> 965 966 <!-- Content --> 967 <div id="video-container" class="tw-relative tw-z-10 tw-w-full tw-container tw-px-6"> 968 <h2 class="tw-max-w-3xl tw-mx-auto tw-text-5xl md:tw-text-6xl tw-text-white font-primary tw-font-normal tw-mb-6 tw-leading-tight" 969 data-aos="fade-up" data-aos-duration="700" data-aos-delay="500"> 970 What Makes St George's Distinctly Christian? 971 </h2> 972 973 <!-- Play Button --> 974 <button id="playBtn" 975 class="tw-w-20 tw-h-20 tw-rounded-full tw-bg-white/70 tw-text-[#2a384b] 976 tw-flex tw-items-center tw-justify-center tw-text-2xl tw-mx-auto 977 hover:tw-bg-gray-400 hover:tw-text-white hover:tw-scale-110 tw-transition" 978 data-aos="fade-up" data-aos-duration="700" data-aos-delay="700"> 979 â¶ 980 </button> 981 </div> 982 983</section><section class="tw-py-20 tw-bg-white"> 984 <div class="tw-container tw-mx-auto tw-px-6 lg:tw-px-8"> 985 986 <!-- SECTION TITLE --> 987 <div class="tw-text-center tw-mb-12"> 988 <h2 class="tw-text-5xl md:tw-text-6xl tw-text-gray-800 font-primary tw-font-normal tw-mb-10 tw-text-center" 989 data-aos="fade-up" data-aos-duration="700" data-aos-delay="400"> 990 School Admissions 2026/27 991 </h2> 992 </div> 993 994 <!-- GRID --> 995 <div class="tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-10"> 996 997 <!-- CARD 1 --> 998 <div class="tw-bg-white tw-overflow-hidden tw-flex tw-flex-col" 999 data-aos="fade-up" data-aos-duration="700" data-aos-delay="600"> 1000 <img src="/images/Admissions/St_G(299of437).jpg" class="tw-w-full tw-h-48 tw-object-cover" /> 1001 <div class="tw-pt-5 tw-flex tw-flex-col tw-flex-1"> 1002 <h3 class="tw-text-2xl tw-font-semibold tw-mb-2">Appeals</h3> 1003 <p class="tw-text-gray-600 tw-text-md tw-mb-4 tw-flex-1"> 1004 Where the Governors are unable to offer a place because the Academy is oversubscribed. 1005 </p> 1006 <a href="/admissions/appeals" class="tw-inline-block tw-text-center tw-border tw-border-[#29384a] tw-text-[#29384a] tw-py-2 tw-rounded-full hover:tw-bg-[#29384a] hover:tw-text-white tw-transition"> 1007 Find Out More 1008 </a> 1009 </div> 1010 </div> 1011 1012 <!-- CARD 2 --> 1013 <div class="tw-bg-white tw-overflow-hidden tw-flex tw-flex-col" 1014 data-aos="fade-up" data-aos-duration="700" data-aos-delay="800"> 1015 <img src="/images/Admissions/St_G(181of437).jpg" class="tw-w-full tw-h-48 tw-object-cover" /> 1016 <div class="tw-pt-5 tw-flex tw-flex-col tw-flex-1"> 1017 <h3 class="tw-text-2xl tw-font-semibold tw-mb-2">In-Year Admissions</h3> 1018 <p class="tw-text-gray-600 tw-text-md tw-mb-4 tw-flex-1"> 1019 We very rarely have vacancies outside the normal admissions round. 1020 </p> 1021 <a href="/admissions/in-year-admissions" class="tw-inline-block tw-text-center tw-border tw-border-[#29384a] tw-text-[#29384a] tw-py-2 tw-rounded-full hover:tw-bg-[#29384a] hover:tw-text-white tw-transition"> 1022 Find Out More 1023 </a> 1024 </div> 1025 </div> 1026 1027 <!-- CARD 3 --> 1028 <div class="tw-bg-white tw-overflow-hidden tw-flex tw-flex-col" 1029 data-aos="fade-up" data-aos-duration="700" data-aos-delay="900"> 1030 <img src="/images/Admissions/St_G(294of437).jpg" class="tw-w-full tw-h-48 tw-object-cover" /> 1031 <div class="tw-pt-5 tw-flex tw-flex-col tw-flex-1"> 1032 <h3 class="tw-text-2xl tw-font-semibold tw-mb-2">New Starter Admissions</h3> 1033 <p class="tw-text-gray-600 tw-text-md tw-mb-4 tw-flex-1"> 1034 For pupils due to start secondary school in September 2026. 1035 </p> 1036 <a href="/admissions/joining-in-year-7" class="tw-inline-block tw-text-center tw-border tw-border-[#29384a] tw-text-[#29384a] tw-py-2 tw-rounded-full hover:tw-bg-[#29384a] hover:tw-text-white tw-transition"> 1037 Find Out More 1038 </a> 1039 </div> 1040 </div> 1041 1042 <!-- CARD 4 --> 1043 <div class="tw-bg-white tw-overflow-hidden tw-flex tw-flex-col" 1044 data-aos="fade-up" data-aos-duration="700" data-aos-delay="1000"> 1045 <img src="/images/Admissions/St_G(377of437).jpg" class="tw-w-full tw-h-48 tw-object-cover" /> 1046 <div class="tw-pt-5 tw-flex tw-flex-col tw-flex-1"> 1047 <h3 class="tw-text-2xl tw-font-semibold tw-mb-2">Visit Us</h3> 1048 <p class="tw-text-gray-600 tw-text-md tw-mb-4 tw-flex-1"> 1049 Visit our school and experience student life firsthand. 1050 </p> 1051 <a href="/admissions/visit-us" class="tw-inline-block tw-text-center tw-border tw-border-[#29384a] tw-text-[#29384a] tw-py-2 tw-rounded-full hover:tw-bg-[#29384a] hover:tw-text-white tw-transition"> 1052 Book A Visit 1053 </a> 1054 </div> 1055 </div> 1056 1057 </div> 1058 1059 </div> 1060</section><!-- Wrapper --> 1061<div class="tw-relative tw-overflow-hidden tw-bg-white"> 1062 1063 <!-- Track container --> 1064 <div class="tw-flex tw-w-max tw-animate-marquee tw-mb-[-12px]"> 1065 1066 <!-- Track 1 --> 1067 <div class="tw-flex tw-whitespace-nowrap">
1068 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 !tw-leading-none tw-pb-5"> 1069 <span>St. George's School</span> 1070 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1071 <span>A Church of England Academy</span> 1072 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1073 </span> 1074 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1075 <span>St. George's School</span> 1076 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1077 <span>A Church of England Academy</span> 1078 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1079 </span> 1080 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1081 <span>St. George's School</span> 1082 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1083 <span>A Church of England Academy</span> 1084 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1085 </span>
1086 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1087 <span>St. George's School</span> 1088 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1089 <span>A Church of England Academy</span> 1090 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1091 </span> 1092 </div> 1093 1094 <!-- Track 2 (copy exact sama) --> 1095 <div class="tw-flex tw-whitespace-nowrap"> 1096 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1097 <span>St. George's School</span> 1098 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1099 <span>A Church of England Academy</span> 1100 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1101 </span> 1102 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1103 <span>St. George's School</span> 1104 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1105 <span>A Church of England Academy</span> 1106 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1107 </span>
1108 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1109 <span>St. George's School</span> 1110 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1111 <span>A Church of England Academy</span> 1112 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1113 </span> 1114 <span class="tw-inline-flex tw-items-center tw-text-gray-300 tw-text-6xl tw-font-light tw-mx-8 font-primary tw-gap-4 tw-leading-none tw-pb-5"> 1115 <span>St. George's School</span> 1116 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1117 <span>A Church of England Academy</span> 1118 <img src="/images/logo-marquee.png" class="tw-h-[1em] tw-w-auto tw-object-contain"> 1119 </span> 1120 </div> 1121 1122 </div> 1123</div><section class="tw-relative"> 1124 <div class="tw-w-full tw-relative" data-aos="fade-in" data-aos-duration="700" data-aos-delay="500"> 1125 1126 <div class="tw-overflow-hidden"> 1127 <iframe src="https://snazzymaps.com/embed/785836" 1128 width="100%" height="700px" style="border:none;"></iframe> 1129 </div> 1130 1131 <!-- Overlay --> 1132 <div class="tw-pointer-events-none tw-absolute tw-inset-0 1133 tw-bg-gradient-to-b 1134 tw-from-[rgba(29,54,74,0)] 1135 tw-via-[rgba(41,56,74,0.5)] 1136 tw-to-[#29384a]"> 1137 </div> 1138 1139 </div> 1140</section></main> <section class="tw-bg-[#29384a]"> 1141 1142 <div class="tw-flex tw-justify-center tw-items-center tw-pt-20 tw-pb-10"> 1143 <img src="/images/footer-logo.png" alt="St. George's School" class="tw-h-auto tw-max-w-[200px]" 1144 data-aos="fade-up" data-aos-duration="700" data-aos-delay="400"> 1145 </div> 1146 1147 <div class="tw-container tw-mx-auto tw-px-4 tw-pb-5"> 1148 <h1 class="tw-text-[#4e5b6c] tw-text-center tw-text-4xl md:tw-text-7xl tw-font-semibold tw-mb-20 !tw-leading-tight" 1149 data-aos="fade-up" data-aos-duration="700" data-aos-delay="600"> 1150 A Church of England Academy 1151 </h1> 1152 <!-- Grid: 1 â 2 â (2fr 1.4fr 1fr 1fr 1fr) --> 1153 <div class="tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-[1fr_1fr_1fr_1fr_1fr] tw-gap-10" 1154 data-aos="fade-up" data-aos-duration="700" data-aos-delay="750"> 1155 1156 <!-- Col 1: Logo, address, phone, email --> 1157 <div> 1158 <h3 class="tw-text-lg tw-font-semibold tw-mb-3 tw-text-white">Church Academy</h3> 1159 <nav aria-label="Footer quick links"> 1160 <ul class="tw-list-none tw-pl-0 tw-m-0 tw-space-y-2"> 1161 <li><a href="/our-church/overview/curriculum" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Curriculum</a></li> 1162 <li><a href="/about-us/prospectus-curriculum" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Prospectus</a></li> 1163 <li><a href="/termdates" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Term Dates</a></li> 1164 <li><a href="/news/tag/community-news" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Community News</a></li> 1165 </ul> 1166 </nav> 1167 </div> 1168 1169 <!-- Col 2 --> 1170 <div> 1171 <h3 class="tw-text-lg tw-font-semibold tw-mb-3 tw-text-white">Parents</h3> 1172 <nav aria-label="Footer quick links"> 1173 <ul class="tw-list-none tw-pl-0 tw-m-0 tw-space-y-2"> 1174 <li><a href="/parents/attendance" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Attendance</a></li> 1175 <li><a href="/parents/parentpay" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">ParentPay</a></li> 1176 <li><a href="/parents/e-safety" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">e-Safety</a></li> 1177 <li><a href="https://parentzone.org.uk/" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Parent Zone</a></li> 1178 <li><a href="https://parentview.ofsted.gov.uk/" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Ofsted Parent View</a></li> 1179 </ul> 1180 </nav> 1181 </div> 1182 1183 <!-- Col 3: Quick Links 1184 <div> 1185 <h3 class="tw-text-lg tw-font-semibold tw-mb-3 tw-text-white">Contact Us</h3> 1186 <nav aria-label="Footer quick links"> 1187 <ul class="tw-list-none tw-pl-0 tw-m-0 tw-space-y-2"> 1188 <li class="tw-text-[rgba(255,255,255,.7)]"><i class="fa fa-phone tw-mr-2"></i> 01253 316725</li> 1189 <li class="tw-text-[rgba(255,255,255,.7)]"><i class="fa fa-envelope tw-mr-2"></i> <a href="mailto:[email protected]" class="tw-text-[rgba(255,255,255,.7)] tw-no-underline">[email protected]</a></li> 1190 </ul> 1191 </nav> 1192 </div> 1193 -->
1194 <!-- Col 4: Office 365 --> 1195 <div> 1196 <h3 class="tw-text-lg tw-font-semibold tw-mb-3 tw-text-white">Admissions</h3> 1197 <nav aria-label="Footer quick links"> 1198 <ul class="tw-list-none tw-pl-0 tw-m-0 tw-space-y-2"> 1199 <li><a href="/admissions/appeals" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Appeals</a></li> 1200 <li><a href="/admissions/school-admissions" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">In Year Admissions</a></li> 1201 <li><a href="/admissions/new-starter-admissions" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Primary to Secondary</a></li> 1202 <li><a href="/admissions/school-admissions" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline">Consultation for Admissions</a></li> 1203 </ul> 1204 </nav> 1205 </div> 1206 1207 <!-- Col 5: Office 365 --> 1208 <div> 1209 <h3 class="tw-text-lg tw-font-semibold tw-mb-3 tw-text-white">Useful Links</h3> 1210 <nav aria-label="Footer quick links"> 1211 <ul class="tw-list-none tw-pl-0 tw-m-0 tw-space-y-2"> 1212 <li> 1213 <a href="/statutory-information/examination-results" target="_blank" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline"> 1214 Examination Results</a> 1215 </li> 1216 <li> 1217 <a href="/contact" target="_blank" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline"> 1218 School Details</a> 1219 </li> 1220 <li> 1221 <a href="/our-church/pupil-premium" target="_blank" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline"> 1222 Pupil Premium</a> 1223 </li> 1224 <li> 1225 <a href="/statutory-information/equality-objectives" target="_blank" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline"> 1226 Equality Objectives</a> 1227 </li> 1228 <li> 1229 <a href="/statutory-information/complaints-policy" target="_blank" class="tw-text-[1rem] tw-text-[rgba(255,255,255,.7)] hover:tw-text-white tw-underline-offset-4 hover:tw-underline"> 1230 Complaints Policy</a> 1231 </li> 1232 </ul> 1233 </nav> 1234 </div> 1235 1236 <!-- Col 5: Social + small logo --> 1237 <div> 1238 <h3 class="tw-text-lg tw-font-semibold tw-mb-3 tw-text-white">Follow Us</h3> 1239 <div class="tw-flex tw-items-center tw-gap-3"> 1240 <a href="https://www.facebook.com/St-Georges-School-Blackpool-769051209789772/" target="_blank" aria-label="Facebook" class="tw-inline-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-full tw-bg-white/10 hover:tw-bg-white/20"> 1241 <i class="fab fa-facebook-f tw-text-white"></i> 1242 </a> 1243 <a href="https://www.youtube.com/@stgeorgesschoolblackpool2728" target="_blank" aria-label="Facebook" class="tw-inline-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-full tw-bg-white/10 hover:tw-bg-white/20"> 1244 <i class="fab fa-youtube tw-text-white"></i> 1245 </a> 1246 <a href="https://x.com/stgeorgesbpool" target="_blank" aria-label="Facebook" class="tw-inline-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-full tw-bg-white/10 hover:tw-bg-white/20"> 1247 <i class="fab fa-x-twitter tw-text-white"></i> 1248 </a> 1249 <a href="https://www.instagram.com/sgblackpool/" target="_blank" aria-label="Facebook" class="tw-inline-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-rounded-full tw-bg-white/10 hover:tw-bg-white/20"> 1250 <i class="fab fa-instagram tw-text-white"></i> 1251 </a> 1252 </div> 1253 1254 <div> 1255 <h3 class="tw-text-lg tw-font-semibold tw-mt-10 tw-text-white tw-mb-0">Part of Cidari MAT</h3> 1256 <a href="https://cidarieducation.co.uk/" target="_blank"> 1257 <img src="/images/logo-cidari-gray-small.png" alt="Cidari Multi Academy Trust" class="tw-max-w-[200px] tw-h-auto"> 1258 </a> 1259 </div> 1260 </div> 1261 1262 </div> 1263 1264 <!-- horizontal line --> 1265 <div class="tw-mt-10 tw-border-t tw-border-[#da241e]"></div> 1266 1267 <!-- bottom bar -->
1268 <div class="tw-pt-5 tw-grid tw-grid-cols-1 lg:tw-grid-cols-[2fr_2fr] tw-items-center tw-gap-3"> 1269 <!-- Kiri: 75% --> 1270 <div class="font-secondary tw-text-white/80 tw-text-[0.9rem] lg:tw-pr-6"> 1271 Address: Cherry Tree Road, Marton, Blackpool FY4 4PH.<br> 1272 Contact: 01253 316725 or <a href="mailto:[email protected]" class="tw-text-white tw-no-underline hover:tw-underline">[email protected]</a> 1273 </div> 1274 1275 <!-- Kanan: 25% --> 1276 <div class="font-secondary tw-text-white/80 tw-text-[0.9rem] tw-flex tw-flex-col tw-items-start lg:tw-items-end tw-gap-1"> 1277 1278 <div> 1279 © <span id="year"></span> St Georgeâs School. A Church of England Academy. 1280 </div> 1281 1282 <div class="tw-flex tw-items-center tw-gap-2"> 1283 <span>School & Trust Websites by</span> 1284 <img src="https://the-blessed-sacrament-catholic-primary-school.schudio.com/img/logo/light.png" 1285 alt="Vendor Logo" class="tw-h-5 tw-w-auto tw-object-contain"> 1286 </div> 1287 1288 </div> 1289 1290 1291</div> 1292 </div> 1293</section>
1294<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
1294 </div> 1295 <div id="splash-content" style="display:none;"><a href="https://www.eventbrite.co.uk/e/st-georges-academy-morning-tours-2026-tickets-2002121527384?aff=oddtdtcreator&utm_id=97758_v0_s00_e0_tv0&fbclid=IwZXh0bgNhZW0CMTAAcGRvZgFicmlkETBVb0lJM0tCRzBhb0loMjZ6c3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHqWflhut-u317I2TuF"><img src="https://files.schudio.com/st-george-s-school-cofe-academy-3/images/splash/Open_Mornings.png" alt=""/></a></div> 1296
1296<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 1296
1296
1297<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 1297
1297
1298<script type="text/javascript"> 1299//<![CDATA[ 1300function scrollToSection() { 1301 document.getElementById('targetWelcome').scrollIntoView({ 1302 behavior: 'smooth' 1303 }); 1304} 1305//]]> 1306</script>
1306<script type="text/javascript" src="https://cdn.tailwindcss.com"></script>
1306<script type="text/javascript">tailwind.config={prefix:"tw-",corePlugins:{preflight:false}}</script>
1306<script type="text/javascript"> 1307//<![CDATA[ 1308document.addEventListener("DOMContentLoaded", () => { 1309 gsap.registerPlugin(ScrollTrigger); 1310 1311 const textMultipleElements = document.querySelectorAll(".st-george-welcome-animate"); 1312 1313 // Create a timeline to sequence animations 1314 const tl = gsap.timeline({ 1315 scrollTrigger: { 1316 trigger: textMultipleElements[0], // Start the trigger at the first text 1317 start: "top 80%", // Trigger position for the first text 1318 end: "bottom 50%", // Trigger end for the first text 1319 scrub: true, // Allow animation to scrub with the scroll 1320 } 1321 }); 1322 1323 // Loop through each text element and add its animation to the timeline 1324 textMultipleElements.forEach(textElement => { 1325 let combinedText = ""; 1326 1327 // Loop through each child node and combine the text content 1328 textElement.childNodes.forEach(child => { 1329 if (child.nodeType === Node.TEXT_NODE) { 1330 combinedText += child.textContent.trim(); // Handle text nodes directly 1331 } else if (child.nodeType === Node.ELEMENT_NODE) { 1332 combinedText += child.textContent.trim(); // Handle element nodes 1333 } 1334 }); 1335 1336 // Split the combined text into individual characters and wrap each in <span> 1337 const splitText = combinedText.split("").map(char => `<span>${char}</span>`).join(""); 1338 1339 // Insert the split characters back into the parent element 1340 textElement.innerHTML = splitText; 1341 1342 // Select all the spans (characters) created inside the .split-word container 1343 const chars = textElement.querySelectorAll("span"); 1344 1345 // Add each animation to the timeline, one after the other 1346 tl.from(chars, { 1347 color: "rgba(255,255,255,.15)", 1348 stagger: 1, // Delay between each character animation 1349 duration: 1, // Animation duration for each character 1350 }, "+=0.5"); // Wait 0.5s before starting each next animation 1351 }); 1352}) 1353//]]> 1354</script>
1354
1354<script> 1355 function animateNumber(element) { 1356 const targetNumber = parseFloat(element.getAttribute('data-number')); 1357 const digits = parseInt(element.getAttribute('data-digits'), 10) || 0; 1358 let currentNumber = 0; 1359 const increment = targetNumber / (2000 / 16); 1360 function animate() { 1361 currentNumber += increment; 1362 if (currentNumber >= targetNumber) { 1363 currentNumber = targetNumber; 1364 } 1365 element.querySelector('.number').textContent = currentNumber.toFixed(digits); 1366 if (currentNumber < targetNumber) { 1367 requestAnimationFrame(animate); 1368 } 1369 } 1370 animate(); 1371 } 1372 window.addEventListener('scroll', function() { 1373 const elements = document.querySelectorAll('section.home-stats .stat'); 1374 const windowHeight = window.innerHeight; 1375 const scrollY = window.scrollY || window.pageYOffset; 1376 elements.forEach(element => { 1377 const rect = element.getBoundingClientRect(); 1378 const elementTop = rect.top + scrollY; 1379 const elementBottom = rect.bottom + scrollY; 1380 if (elementTop <= scrollY + windowHeight && elementBottom >= scrollY) { 1381 if (!element._hasBeenSeen) { 1382 element._hasBeenSeen = true; 1383 animateNumber(element); 1384 } 1385 } 1386 }); 1387 }); 1388 </script>
vendor: 1 bytes, line 1388
1388
1389<script type="text/javascript"> 1390//<![CDATA[ 1391document.addEventListener("DOMContentLoaded", function () { 1392 const slider = document.getElementById("autoSlider"); 1393 1394 if (!slider) return; 1395 1396 let isHovered = false; 1397 1398 // pause kalau user hover (biar UX enak) 1399 slider.addEventListener("mouseenter", () => isHovered = true); 1400 slider.addEventListener("mouseleave", () => isHovered = false); 1401 1402 function scrollNext() { 1403 if (isHovered) return; 1404 1405 const item = slider.querySelector("div"); // ambil 1 item 1406 if (!item) return; 1407 1408 const gap = 16; // tw-gap-4 = 1rem = 16px 1409 const scrollAmount = item.offsetWidth + gap; 1410 1411 // kalau sudah di ujung, balik ke awal 1412 if (slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 5) { 1413 slider.scrollTo({ 1414 left: 0, 1415 behavior: "smooth" 1416 }); 1417 } else { 1418 slider.scrollBy({ 1419 left: scrollAmount, 1420 behavior: "smooth" 1421 }); 1422 } 1423 } 1424 1425 // jalan tiap 2 detik 1426 setInterval(scrollNext, 5000); 1427}); 1428//]]> 1429</script>
1429<script type="text/javascript"> 1430//<![CDATA[ 1431const slider = document.getElementById("infoSlider"); 1432const nextBtn = document.getElementById("nextBtn"); 1433const prevBtn = document.getElementById("prevBtn"); 1434 1435function getScrollAmount() { 1436 const item = slider.querySelector("div"); 1437 const gap = 16; // tw-gap-4 1438 return item.offsetWidth + gap; 1439} 1440 1441nextBtn.addEventListener("click", () => { 1442 slider.scrollBy({ 1443 left: getScrollAmount(), 1444 behavior: "smooth" 1445 }); 1446}); 1447 1448prevBtn.addEventListener("click", () => { 1449 slider.scrollBy({ 1450 left: -getScrollAmount(), 1451 behavior: "smooth" 1452 }); 1453}); 1454//]]> 1455</script>
1455<script type="text/javascript"> 1456//<![CDATA[ 1457 1458 document.getElementById("playBtn").addEventListener("click", function () { 1459 const container = document.getElementById("video-container"); 1460 const bgWrapper = document.getElementById("bgWrapper"); 1461 const bgImage = document.getElementById("bgImage"); 1462 const bgOverlay = document.getElementById("bgOverlay"); 1463 1464 // Hide image + overlay 1465 bgImage.style.display = "none"; 1466 bgOverlay.style.display = "none"; 1467 1468 // Change to blue background 1469 bgWrapper.classList.add("tw-bg-[#2a384b]"); 1470 1471 // Replace content with video 1472 container.innerHTML = ` 1473 <div class="tw-w-full tw-aspect-video"> 1474 <iframe 1475 class="tw-w-full tw-h-full" 1476 src="https://www.youtube.com/embed/bRwt5Vko3vA?autoplay=1&mute=1" 1477 title="YouTube video" 1478 frameborder="0" 1479 allow="autoplay; fullscreen; encrypted-media" 1480 allowfullscreen> 1481 </iframe> 1482 </div> 1483 `; 1484 }); 1485//]]> 1486</script>
1486<!-- TOP BAR --> 1487<div id="toTopBtn" class="st-george-nav-menu tw-absolute tw-top-0 tw-left-[80px] tw-w-[95%] tw-z-[1000] tw-text-white tw-text-md tw-invisible md:tw-visible"> 1488 1489 <div class="tw-flex tw-items-center tw-justify-between tw-pt-[45px]"> 1490 1491 <!-- LEFT (NOW LINK) 1492 <a href="/cidari-multi-academy-trust" 1493 class="tw-font-light tw-text-white tw-no-underline hover:tw-font-semibold tw-transition"> 1494 <i class="tw-mr-1">Part of</i> Cidari Multi Academy Trust 1495 </a> 1496 --> 1497 <div class="tw-flex tw-flex-row tw-flex-start tw-gap-5"> 1498 <a href="/admissions" 1499 class="tw-font-light tw-text-white tw-no-underline hover:tw-font-semibold tw-transition"> 1500 Admissions 1501 </a> 1502 1503 <a href="/admissions/visit-us" 1504 class="tw-font-light tw-text-white tw-no-underline hover:tw-font-semibold tw-transition"> 1505 Visit Us 1506 </a> 1507 1508 <a href="/employment" 1509 class="tw-font-light tw-text-white tw-no-underline hover:tw-font-semibold tw-transition"> 1510 Employment 1511 </a> 1512 </div> 1513 1514 <!-- RIGHT --> 1515 <div class="tw-flex tw-items-center tw-gap-4"> 1516 <a href="/contact" class="tw-font-light tw-no-underline tw-text-white hover:tw-font-semibold tw-transition">Contact Us</a> 1517 <a href="/vacancies" class="tw-font-light tw-no-underline tw-text-white hover:tw-font-semibold tw-transition">Vacancies</a> 1518 1519 <!-- FB ICON --> 1520 <a href="https://www.facebook.com/St-Georges-School-Blackpool-769051209789772/" target="_blank" class="tw-text-white hover:tw-scale-110 tw-transition"> 1521 <svg xmlns="http://www.w3.org/2000/svg" 1522 class="tw-w-5 tw-h-5" 1523 fill="currentColor"
1524 viewBox="0 0 24 24"> 1525 <path d="M22 12a10 10 0 1 0-11.5 9.9v-7h-2.7v-2.9h2.7V9.4c0-2.7 1.6-4.2 4-4.2 1.2 0 2.4.2 2.4.2v2.6h-1.4c-1.4 0-1.8.8-1.8 1.7v2h3.1l-.5 2.9h-2.6v7A10 10 0 0 0 22 12z"/> 1526 </svg> 1527 </a> 1528 1529 <a href="https://www.youtube.com/@stgeorgesschoolblackpool2728" target="_blank" class="tw-text-white hover:tw-scale-110 tw-transition"> 1530 <svg xmlns="http://www.w3.org/2000/svg" 1531 class="tw-w-5 tw-h-5" 1532 fill="currentColor" 1533 viewBox="0 0 24 24"> 1534 <path d="M23.5 6.2a2.9 2.9 0 0 0-2-2C19.8 3.5 12 3.5 12 3.5s-7.8 0-9.5.7a2.9 2.9 0 0 0-2 2A30.6 30.6 0 0 0 0 12a30.6 30.6 0 0 0 .5 5.8 2.9 2.9 0 0 0 2 2c1.7.7 9.5.7 9.5.7s7.8 0 9.5-.7a2.9 2.9 0 0 0 2-2A30.6 30.6 0 0 0 24 12a30.6 30.6 0 0 0-.5-5.8zM9.6 15.5v-7l6.2 3.5-6.2 3.5z"/> 1535 </svg> 1536 </a> 1537 1538 <a href="https://x.com/stgeorgesbpool" target="_blank" class="tw-text-white hover:tw-scale-110 tw-transition"> 1539 <svg xmlns="http://www.w3.org/2000/svg" 1540 class="tw-w-5 tw-h-5" 1541 fill="currentColor"
1542 viewBox="0 0 24 24"> 1543 <path d="M18.244 2H21.5l-7.19 8.21L22.5 22h-6.5l-5.08-6.63L4.5 22H1.24l7.7-8.8L1.5 2h6.65l4.6 6.08L18.244 2zm-2.28 18h1.8L7.3 4h-1.9l10.56 16z"/> 1544 </svg> 1545 </a> 1546 1547 <a href="https://www.instagram.com/sgblackpool/" target="_blank" class="tw-text-white hover:tw-scale-110 tw-transition"> 1548 <svg xmlns="http://www.w3.org/2000/svg" 1549 class="tw-w-5 tw-h-5" 1550 fill="currentColor" 1551 viewBox="0 0 24 24"> 1552 <path d="M7.75 2C4.57 2 2 4.57 2 7.75v8.5C2 19.43 4.57 22 7.75 22h8.5C19.43 22 22 19.43 22 16.25v-8.5C22 4.57 19.43 2 16.25 2h-8.5zm0 2h8.5A3.75 3.75 0 0 1 20 7.75v8.5A3.75 3.75 0 0 1 16.25 20h-8.5A3.75 3.75 0 0 1 4 16.25v-8.5A3.75 3.75 0 0 1 7.75 4zm9.25 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/> 1553 </svg> 1554 </a> 1555 </div> 1556 1557 </div> 1558</div>
1558<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 1 bytes, line 1558
1558
1559<script> 1560AOS.init({ 1561 offset: 100, 1562 duration: 1000 1563}); 1564</script>
1564 1565
1565<script> 1566 document.addEventListener("DOMContentLoaded", function () { 1567 const toggler = document.querySelector(".navbar-toggler"); 1568 const topBar = document.querySelector(".st-george-nav-menu"); 1569 1570 toggler.addEventListener("click", function () { 1571 topBar.classList.toggle("tw-hidden"); 1572 }); 1573}); 1574 1575/* News Date Format */ 1576function formatDate(dateStr) { 1577 const monthMap = { 1578 january: "01", 1579 february: "02", 1580 march: "03", 1581 april: "04", 1582 may: "05", 1583 june: "06", 1584 july: "07", 1585 august: "08", 1586 september: "09", 1587 october: "10", 1588 november: "11", 1589 december: "12" 1590 }; 1591 1592 const parts = dateStr.toLowerCase().split(" "); 1593 1594 let day = parts[0].padStart(2, "0"); 1595 let month = monthMap[parts[1]]; 1596 let year = parts[2]; 1597 1598 return `${day}.${month}.${year}`; 1599} 1600 1601document.querySelectorAll(".card-date").forEach(el => { 1602 el.textContent = formatDate(el.textContent.trim()); 1603}); 1604 </script>
vendor: 1 bytes, line 1604
1604
1605<script>window.cookieconsent_options={message:'This website uses cookies to ensure you get the best experience -',dismiss:'Got it!',learnMore:'view our cookie policy',link:'/cookie-policy',theme:'dark-bottom'};</script>
vendor: 1 bytes, line 1605
1605
1606<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script>
vendor: 1 bytes, line 1606
1606
1607<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
1607
1607<script>$(function(){new Fancybox([{src:'#splash-content',type:'inline',closeButton:true,dragToClose:false,autoFocus:false}]);});</script>
1607 1608</body> 1609</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.