PageSourceSearch

https://stgeorgesblackpool.com/

html stgeorgesblackpool.com collected 2026-09-29 10:19:12 UTC 75,862 bytes, 1,609 lines download raw bytes

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&#039;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">&nbsp;</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 &amp; 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&amp;utm_id=97758_v0_s00_e0_tv0&amp;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.