1<!DOCTYPE html> 2<html lang="en" prefix="og: https://ogp.me/ns#"> 3<head> 4 5 <title>Christ Church Heaton</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="csrf-token" content="3XnB0G4gdQgfOmM3qDBNOff5His7ToE26XR55wuy"> 8 <link 9 rel="stylesheet" 10 11 href="https://edit-assets.s3.eu-west-2.amazonaws.com/2025-09-13/js/swiper-bundle.min.css" 12 /> 13 14 <meta property="og:title" content="Christ Church Heaton" /> 15 16 <meta property="og:type" content="homepage" /> 17 <meta charset="utf-8" /> 18 <meta name="description" content="" /> 19 <meta name="author" content="Christ Church Heaton" /> 20 <meta name="robots" content="index, follow" /> 21 <meta name="googlebot" content="index, follow" /> 22 23 <meta property="og:url" content="https://christchurchheaton.org.uk" /> 24 <meta property="og:site_name" content="Christ Church Heaton" /> 25 <meta property="og:description" content="" /> 26 27 28 29
29<script src='https://js.hcaptcha.com/1/api.js' async defer></script>
29 30 31 32
32<script src="https://edit-assets.s3.eu-west-2.amazonaws.com/2025-09-13/js/swiper-bundle.min.js"></script>
32 33 34 35
35<script>
vendor: 450 bytes, lines 35-40
35 36 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 37 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 38 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 39 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 40 ga('create', "
40UA-58588278-1
vendor: 85 bytes, lines 40-42
40 ", 'auto'); 41 ga('send', 'pageview'); 42
42</script>
42 43 44 <link rel="stylesheet" href="https://edit-assets.s3.eu-west-2.amazonaws.com/2025-09-13/css/frontend-app.min.css"> 45
45<script src="https://edit-assets.s3.eu-west-2.amazonaws.com/2025-09-13/js/frontend-app.min.js"></script>
45 46 47 <link rel='stylesheet' href='/stylesheets/1_20231120-125804_IOiq.css' type='text/css' /> 48 49 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> 50 51 <!-- FONTS BE HERE --> 52 <style> 53 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); 54 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap'); 55 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap'); 56 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); 57 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); 58 @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap'); 59 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); 60 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); 61 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); 62 @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap'); 63 @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap'); 64 @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap'); 65 @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'); 66 @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap'); 67 @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap'); 68 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap'); 69 @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); 70 @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap'); 71 @import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap'); 72 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); 73 @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap'); 74 @import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap'); 75 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap'); 76 @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap'); 77 @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap'); 78 @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap'); 79 @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap'); 80 @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap'); 81 @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap'); 82 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap'); 83 @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap'); 84 @import url('https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap'); 85 @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap'); 86 @import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap'); 87 @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap'); 88 @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap'); 89 @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap'); 90 @import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); 91 @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;600;700;900&display=swap'); 92 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); 93 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap'); 94 @import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap'); 95 @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap'); 96 @import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap'); 97 @import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap'); 98 @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100;200;300;400;500;600;700;800;900&display=swap'); 99 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap'); 100 @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap'); 101 @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); 102</style> 103 <style> 104 @media print {
105 #full-menu, .menu, .desktop-menu, .widget__content__menu, .breadcrumbs, .breadcrumbClass, .d-none, header, footer, iframe, #calendar, .fc-next-button, .fc-prev-button, .fc-dayGridMonth-button, .fc-timeGridWeek-button, h1 106 { 107 display: none !important; 108 } 109 110 .widget__content__data > div hr { 111 display: none; 112 } 113 .fc-list-day-side-text { 114 float: left !important; 115 padding-left: 1em; 116 } 117 .fc-list-day-text, .fc-list-day-side-text { 118 font-weight: 700 !important; 119 margin: 1em 0; 120 } 121 122 * { 123 overflow: visible !important; 124 } 125 126 #calendarMobile { 127 display: inline; 128 } 129 130 .grid__container { 131 display: inline; 132 } 133 .grid__row > div { 134 width: 100%; 135 } 136 .fc-view-harness { 137 /*! display: inline; */ 138 overflow: visible; 139 } 140 .fc-list-table { 141 height: max-content; 142 } 143 .mobile\:col-12 { 144 display: inline; 145 } 146 } 147 </style> 148
148<script> 149 $.ajaxSetup({ 150 headers: { 151 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 152 } 153 }); 154 </script>
154 155
155<script> 156 $(document).ready(function() { 157 let firstDiv = null; 158 let lastDiv = null; 159 let elementsToWrap = []; 160 $('.grid__container').each((index, value) => { 161 let className = $(value).attr('class'); 162 if (className.includes("header")) { 163 if ($(value).css('position') == 'sticky') { 164 elementsToWrap.push(value) 165 } 166 167 } 168 }) 169 $(elementsToWrap).wrapAll('<div style="position:sticky;top:0;z-index:100;"></div>'); 170 }); 171 </script>
171 172 </head> 173 174<body class="frontend"> 175 176 <header class="main"> 177 <style> 178 .e25672187-dc31-45c0-a239-ddc9418199dd-header-row-0 { 179 display: flex; 180} 181.e25672187-dc31-45c0-a239-ddc9418199dd-header-container-0 { 182 background-color: #ffffff; 183 background-size: auto; 184 background-position: center center; 185 background-repeat: no-repeat; 186 max-width: 100% !important; 187} 188@media only screen and (min-width: 1024px) { 189 .e25672187-dc31-45c0-a239-ddc9418199dd-header-row-0 { 190 display: grid; 191 gap: 0px 0px !important;; 192 } 193 .e25672187-dc31-45c0-a239-ddc9418199dd-header-container-0 { 194 padding: 15px 80px !important;; 195 gap: 0px 0px !important;; 196 } 197} 198 199</style> 200 201 <div class="grid__container e25672187-dc31-45c0-a239-ddc9418199dd-header-container-0"> 202 <div class="grid__row e25672187-dc31-45c0-a239-ddc9418199dd-header-row-0"> 203 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 2;background-color: inherit;padding: 10px 10px 10px 10px;min-height: 50px;" tabIndex="0" tabindex="0"> 204 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 205 <p style="text-align:center;color:inherit !important;">Header Text</p> 206 207 </div> 208 <div class="widget__content__data"> 209 <a class="image-widget" href="/"> 210 211<div class="image-widget" title="" style="min-height:50px;width:100%;background: url('/content/builder/images/original/1700485169-ZxBJ.jpg') no-repeat;background-size:contain;background-position:center center;"></div> 212 213 </a> 214 </div> 215 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 216 <p style="text-align:center;color:inherit !important;">Footer Text</p> 217 218 </div> 219 </div> 220 221 222 223 224 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 3 / span 6 / span 4;background-color: inherit;padding: 0px 10px 0px 10px;min-height: 10px;" tabIndex="1" tabindex="0"> 225 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 226 <p style="text-align:center;color:inherit !important;">Header Text</p> 227 228 </div> 229 <div class="widget__content__data"> 230 <div class="text-widget ck-content"> 231 <h2 style="text-align:center"><span style="color:#4063a3">Christ Church, Heaton</span></h2> 232 233</div> 234 </div> 235 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 236 <p style="text-align:center;color:inherit !important;">Footer Text</p> 237 238 </div> 239 </div> 240 241 242 243 244 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 7 / span 6 / span 6;background-color: inherit;padding: 10px 11px 10px 10px;min-height: 50px;" tabIndex="2" tabindex="0"> 245 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 246 <p style="text-align:center;color:inherit !important;">Header Text</p> 247 248 </div> 249 <div class="widget__content__data"> 250 <div class="text-widget ck-content"> 251 <p style="text-align:right"><span style="font-family:Lato"><strong><span style="color:#014991">Office Tel: 01204 492169</span></strong></span></p> 252 253<p style="text-align:right"><span style="font-family:Lato"><strong><span style="color:#014991">Rev Dave Thompson (Vicar) Tel: 01204 748251</span></strong></span></p> 254 255<p style="text-align:right"><span style="color:#014991; font-family:Lato"><strong>Holly Bonfield (Safeguarding) Tel: 07961 422523</strong></span></p> 256 257<p style="text-align:right"><span style="color:#014991; font-family:Lato"><strong>Debbie Eccles (Churchwarden) Tel: 07968 789146</strong></span><span style="font-family:Lato"><strong><span style="color:#014991"> </span></strong></span></p> 258 259<p style="text-align:right"><span style="font-family:Lato"><strong><span style="color:#014991">[email protected]</span></strong></span></p> 260 261</div> 262 </div> 263 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 264 <p style="text-align:center;color:inherit !important;">Footer Text</p> 265 266 </div> 267 </div> 268 </div> 269 </div> 270 271 <style> 272 .ebe58745a-ac3e-4bf3-8392-edc99468fde7-header-row-1 { 273 display: flex; 274} 275.ebe58745a-ac3e-4bf3-8392-edc99468fde7-header-container-1 { 276 background-color: #ffffff; 277 background-size: auto; 278 background-position: center center; 279 background-repeat: no-repeat; 280 max-width: 100% !important; 281} 282@media only screen and (min-width: 1024px) { 283 .ebe58745a-ac3e-4bf3-8392-edc99468fde7-header-row-1 { 284 display: grid; 285 gap: 0px 0px !important;; 286 } 287 .ebe58745a-ac3e-4bf3-8392-edc99468fde7-header-container-1 { 288 padding: 0px 80px !important;; 289 gap: 0px 0px !important;; 290 } 291} 292 293</style> 294 295 <div class="grid__container ebe58745a-ac3e-4bf3-8392-edc99468fde7-header-container-1"> 296 <div class="grid__row ebe58745a-ac3e-4bf3-8392-edc99468fde7-header-row-1"> 297 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 12;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 16px;" tabIndex="3" tabindex="0"> 298 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 299 <p style="text-align:center;color:inherit !important;">Header Text</p> 300 301 </div> 302 <div class="widget__content__data"> 303 <div class="image-widget" title="" style="min-height:16px;width:100%;background: url('/content/builder/images/original/1700485169-3NOT.png') no-repeat;background-size:cover;background-position:center top;"></div> 304 </div> 305 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 306 <p style="text-align:center;color:inherit !important;">Footer Text</p> 307 308 </div> 309 </div> 310 </div> 311 </div> 312 313 <style> 314 .ebe36b0b8-4588-4fa0-a779-ede0fa4ef2c3-header-row-2 { 315 display: flex; 316} 317.ebe36b0b8-4588-4fa0-a779-ede0fa4ef2c3-header-container-2 { 318 background-color: #ffffff; 319 background-size: auto; 320 background-position: center center; 321 background-repeat: no-repeat; 322 z-index: 100; 323 max-width: 100% !important; 324} 325@media only screen and (min-width: 1024px) { 326 .ebe36b0b8-4588-4fa0-a779-ede0fa4ef2c3-header-row-2 { 327 display: grid; 328 gap: 0px 0px !important;; 329 } 330 .ebe36b0b8-4588-4fa0-a779-ede0fa4ef2c3-header-container-2 { 331 padding: 0px 80px !important;; 332 gap: 0px 0px !important;; 333 } 334} 335 336</style> 337 338 <div class="grid__container ebe36b0b8-4588-4fa0-a779-ede0fa4ef2c3-header-container-2"> 339 <div class="grid__row ebe36b0b8-4588-4fa0-a779-ede0fa4ef2c3-header-row-2"> 340 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 12;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 65px;" tabIndex="4" tabindex="0"> 341 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 342 <p style="text-align:center;color:inherit !important;">Header Text</p> 343 344 </div> 345 <div class="widget__content__data"> 346 <style> 347</style> 348
349<div class="widget__content__menu" style="--level-1_is-customised:1;--level-1_font-family:Lato;--level-1_font-size:17;--level-1_color:#6c6c6c;--level-2_is-customised:1;--level-2_font-family:Lato;--level-2_color:#014991;--level-2_has-hover-effect:1;--level-2_hover_background-color:#eeeeee;--level-1_has-hover-effect:1;--level-1_hover_background-color:#ffffff;--level-3_is-customised:1;--level-3_font-family:Lato;--level-3_has-hover-effect:1;--level-3_hover_background-color:#eeeeee;--level-3_color:#014991;--level-4_is-customised:1;--level-4_font-family:Lato;--level-4_color:#014991;--level-4_has-hover-effect:1;--level-4_hover_background-color:#eeeeee;;"> 350 <div id="burger-menu" class=" menu mobile-menu-toggle" style=" display:none; "> 351 <svg class="menu-icon-burger" viewBox="0 0 100 80" width="20" height="20"> 352 <rect width="100" height="15"></rect> 353 <rect y="30" width="100" height="15"></rect> 354 <rect y="60" width="100" height="15"></rect> 355 </svg> 356 <svg class="menu-icon-close" width="20" height="20" viewBox="0 0 24 24"> 357 <path d="M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z"></path> 358 </svg> 359 <ul class='level-1'> 360 <li> 361 <a href="/">Home</a> 362 </li> 363 <li> 364 365 <a href="/about-us/" class="menuLevelsMaxWidth">About</a> 366 367 368 <a class="expand" href="#">▼</a><!--down --> 369 <ul class='level-2'> 370 <li> 371 372 <a href="/about-us/parish-news/" class="menuLevelsMaxWidth">Parish News</a> 373 374 375 </li> 376 <li> 377 378 <a href="/about-us/our-history/" class="menuLevelsMaxWidth">Our History</a> 379 380 381 </li> 382 <li> 383 384 <a href="/about-us/our-people/" class="menuLevelsMaxWidth">Our People</a> 385 386 387 </li> 388 </ul> 389 </li> 390 <li> 391 392 <a href="/service-times/" class="menuLevelsMaxWidth">Services & Life Events</a> 393 394 395 <a class="expand" href="#">▼</a><!--down --> 396 <ul class='level-2'> 397 <li> 398 399 <a href="/service-times/our-ususal-service-pattern/" class="menuLevelsMaxWidth">Our ususal service pattern</a> 400 401 402 </li> 403 <li> 404 405 <a href="/service-times/weddings/" class="menuLevelsMaxWidth">Weddings</a> 406 407 408 </li> 409 <li> 410 411 <a href="/service-times/funeral/" class="menuLevelsMaxWidth">Funerals</a> 412 413 414 </li> 415 <li> 416 417 <a href="/service-times/christenings-and-confirmation/" class="menuLevelsMaxWidth">Baptism and Confirmation</a> 418 419 420 </li> 421 <li> 422 423 <a href="/service-times/sermon-notes/" class="menuLevelsMaxWidth">Sermon Notes</a> 424 425 426 </li> 427 </ul> 428 </li> 429 <li> 430 431 <a href="/church-groups/" class="menuLevelsMaxWidth">Groups & Activities</a> 432 433 434 <a class="expand" href="#">▼</a><!--down --> 435 <ul class='level-2'> 436 <li> 437 438 <a href="/church-groups/young-church/" class="menuLevelsMaxWidth">Young Church</a> 439 440 441 </li> 442 <li> 443 444 <a href="/church-groups/groups12/" class="menuLevelsMaxWidth">Choir</a> 445 446 447 </li> 448 <li> 449 450 <a href="/church-groups/christ-church-abc/" class="menuLevelsMaxWidth">Christ Church ABC</a> 451 452 453 </li> 454 <li> 455 456 <a href="/church-groups/the-womens-guild/" class="menuLevelsMaxWidth">The Womens Guild</a> 457 458 459 </li> 460 <li> 461 462 <a href="/church-groups/christ-church-mothers-union/" class="menuLevelsMaxWidth">Christ Church Mothers' Union</a> 463 464 465 </li> 466 <li> 467 468 <a href="/church-groups/mothers-union-knitters/" class="menuLevelsMaxWidth">Mothers' Union Knitters</a> 469 470 471 </li> 472 <li> 473 474 <a href="/church-groups/men-of-christ-church/" class="menuLevelsMaxWidth">Men of Christ Church</a> 475 476 477 </li> 478 <li> 479 480 <a href="/church-groups/the-luncheon-club/" class="menuLevelsMaxWidth">The Luncheon Club</a> 481 482 483 </li> 484 <li> 485 486 <a href="/church-groups/the-christ-church-players/" class="menuLevelsMaxWidth">The Christ Church Players</a> 487 488 489 </li> 490 <li> 491 492 <a href="/church-groups/uniformed-organisations/" class="menuLevelsMaxWidth">Uniformed Organisations</a> 493 494 495 </li> 496 <li> 497 498 <a href="/church-groups/watercolour-workshop/" class="menuLevelsMaxWidth">Messy Church</a> 499 500 501 </li> 502 </ul> 503 </li> 504 <li> 505 506 <a href="/the-parish-centre/" class="menuLevelsMaxWidth">Room Hire</a> 507 508 509 </li> 510 <li> 511 512 <a href="/contact-us/" class="menuLevelsMaxWidth">Contact Us</a> 513 514 515 </li> 516 <li> 517 518 <a href="/support-us/" class="menuLevelsMaxWidth">Support Us</a> 519 520 521 </li> 522 <li> 523 524 <a href="/pcc-documents/" class="menuLevelsMaxWidth">PCC Documents</a> 525 526 527 </li> 528 <li> 529 530 <a href="https://christchurchheaton.org.uk/calendar" class="menuLevelsMaxWidth">Calendar</a> 531 532 533 </li> 534 </ul> 535 536 </div> 537 <div id="full-menu" class="menu desktop-menu" style=" display:block; visibility:hidden; "> 538 <ul class='level-1'> 539 <li> 540 <a href="/">Home</a> 541 </li> 542 <li> 543 544 <a href="/about-us/" class="menuLevelsMaxWidth">About</a> 545 546 547 <a class="expand" href="#">▼</a><!--down --> 548 <ul class='level-2'> 549 <li> 550 551 <a href="/about-us/parish-news/" class="menuLevelsMaxWidth">Parish News</a> 552 553 554 </li> 555 <li> 556 557 <a href="/about-us/our-history/" class="menuLevelsMaxWidth">Our History</a> 558 559 560 </li> 561 <li> 562 563 <a href="/about-us/our-people/" class="menuLevelsMaxWidth">
563Our People</a> 564 565 566 </li> 567 </ul> 568 </li> 569 <li> 570 571 <a href="/service-times/" class="menuLevelsMaxWidth">Services & Life Events</a> 572 573 574 <a class="expand" href="#">▼</a><!--down --> 575 <ul class='level-2'> 576 <li> 577 578 <a href="/service-times/our-ususal-service-pattern/" class="menuLevelsMaxWidth">Our ususal service pattern</a> 579 580 581 </li> 582 <li> 583 584 <a href="/service-times/weddings/" class="menuLevelsMaxWidth">Weddings</a> 585 586 587 </li> 588 <li> 589 590 <a href="/service-times/funeral/" class="menuLevelsMaxWidth">Funerals</a> 591 592 593 </li> 594 <li> 595 596 <a href="/service-times/christenings-and-confirmation/" class="menuLevelsMaxWidth">Baptism and Confirmation</a> 597 598 599 </li> 600 <li> 601 602 <a href="/service-times/sermon-notes/" class="menuLevelsMaxWidth">Sermon Notes</a> 603 604 605 </li> 606 </ul> 607 </li> 608 <li> 609 610 <a href="/church-groups/" class="menuLevelsMaxWidth">Groups & Activities</a> 611 612 613 <a class="expand" href="#">▼</a><!--down --> 614 <ul class='level-2'> 615 <li> 616 617 <a href="/church-groups/young-church/" class="menuLevelsMaxWidth">Young Church</a> 618 619 620 </li> 621 <li> 622 623 <a href="/church-groups/groups12/" class="menuLevelsMaxWidth">Choir</a> 624 625 626 </li> 627 <li> 628 629 <a href="/church-groups/christ-church-abc/" class="menuLevelsMaxWidth">Christ Church ABC</a> 630 631 632 </li> 633 <li> 634 635 <a href="/church-groups/the-womens-guild/" class="menuLevelsMaxWidth">The Womens Guild</a> 636 637 638 </li> 639 <li> 640 641 <a href="/church-groups/christ-church-mothers-union/" class="menuLevelsMaxWidth">Christ Church Mothers' Union</a> 642 643 644 </li> 645 <li> 646 647 <a href="/church-groups/mothers-union-knitters/" class="menuLevelsMaxWidth">Mothers' Union Knitters</a> 648 649 650 </li> 651 <li> 652 653 <a href="/church-groups/men-of-christ-church/" class="menuLevelsMaxWidth">Men of Christ Church</a> 654 655 656 </li> 657 <li> 658 659 <a href="/church-groups/the-luncheon-club/" class="menuLevelsMaxWidth">The Luncheon Club</a> 660 661 662 </li> 663 <li> 664 665 <a href="/church-groups/the-christ-church-players/" class="menuLevelsMaxWidth">The Christ Church Players</a> 666 667 668 </li> 669 <li> 670 671 <a href="/church-groups/uniformed-organisations/" class="menuLevelsMaxWidth">Uniformed Organisations</a> 672 673 674 </li> 675 <li> 676 677 <a href="/church-groups/watercolour-workshop/" class="menuLevelsMaxWidth">Messy Church</a> 678 679 680 </li> 681 </ul> 682 </li> 683 <li> 684 685 <a href="/the-parish-centre/" class="menuLevelsMaxWidth">Room Hire</a> 686 687 688 </li> 689 <li> 690 691 <a href="/contact-us/" class="menuLevelsMaxWidth">Contact Us</a> 692 693 694 </li> 695 <li> 696 697 <a href="/support-us/" class="menuLevelsMaxWidth">Support Us</a> 698 699 700 </li> 701 <li> 702 703 <a href="/pcc-documents/" class="menuLevelsMaxWidth">PCC Documents</a> 704 705 706 </li> 707 <li> 708 709 <a href="https://christchurchheaton.org.uk/calendar" class="menuLevelsMaxWidth">Calendar</a> 710 711 712 </li> 713 </ul> 714 715 </div> 716</div> 717
718<script> 719 function handleMultiLevelMenu(){ 720 //if its being displayed or its hidden but should be displayed 721 if($("#full-menu").css("display") == "block" || $("#full-menu").css("display") == "none" && $(window).width() > 600){ 722 let levelOneChildren = $("#full-menu").find('.level-1').children(); 723 let firstChild = $(levelOneChildren).eq(0); 724 let lastChild = $(levelOneChildren).eq(levelOneChildren.length -1); 725 if ((levelOneChildren.length / 2) > 7) { 726 //the menu is on two levels need to revert to burger menu 727 $("#full-menu").css("visibility", "hidden") 728 $("#full-menu").css("display", "block");//reason for making it block but hidden is that position() dosen't work when 729 $('.widget__content__menu > .menu > .level-1').css('display', 'none'); 730 731 $("#burger-menu").css("display", "block"); 732 $('.menuLevelsMaxWidth').css({ 733 "max-width" : 'unset', 734 "white-space" : 'nowrap' 735 }); 736 } else { 737 $("#full-menu").css("display", "block"); 738 $('.widget__content__menu > .menu > .level-1').css('display', ''); 739 $("#burger-menu").css("display", "none") 740 $('.menuLevelsMaxWidth').css({ 741 "max-width" : '200px', 742 "white-space" : 'unset' 743 }); 744 $("#full-menu").css('visibility', 'visible');//show the main menu this stops it from flashing on screen 745 } 746 747 } 748 } 749 $(function() { 750 $('.menu-icon-burger, .menu-icon-close').on('click', e => { 751 $(e.target).parent().parent().find('.menu-icon-burger').toggle() 752 $(e.target).parent().parent().find('.menu-icon-close').toggle() 753 $(e.target).parent().parent().find('ul:first').slideToggle('slow') 754 }) 755 $('.expand').on('click', e => { 756 e.preventDefault(); 757 758 //target can be in a div or not so need to 759 //look at the parent and check if there is a UL within it if not check for it as a sibling 760 let target = $(e.target).parent().children("ul").length > 0 ? $(e.target).next() : $(e.target).parent().next(); 761 if($(target).length == 0){//if neither worked default to old method of using .prev() 762 target = $(e.target).prev(); 763 } 764 if(target.length > 0){ 765 if ($(target).is(':visible')) { 766 $(e.target).html("▼") 767 } 768 else { 769 $(e.target).html("▲") 770 } 771 $(target).slideToggle('slow') 772 } 773 }) 774 handleMultiLevelMenu(); 775 $(window).on('resize', handleMultiLevelMenu); 776 777 778 $('.widget__content__menu').parent('.widget__content__data').parent('.widget').parent('.grid__row').parent('.grid__container').css('z-index', '110') 779 780 }); 781</script>
781 782 </div> 783 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 784 <p style="text-align:center;color:inherit !important;">Footer Text</p> 785 786 </div> 787 </div> 788 </div> 789 </div> 790 791 792</header> 793<main class="main"> 794 <style> 795 .e977f7dda-f537-4c6b-b807-d5c7fb588ced-main-row-0 { 796 display: flex; 797} 798.e977f7dda-f537-4c6b-b807-d5c7fb588ced-main-container-0 { 799 background-color: #ffffff; 800 background-size: auto; 801 background-position: center center; 802 background-repeat: no-repeat; 803 max-width: 100% !important; 804} 805@media only screen and (min-width: 1024px) { 806 .e977f7dda-f537-4c6b-b807-d5c7fb588ced-main-row-0 { 807 display: grid; 808 gap: 40px 0px !important;; 809 } 810 .e977f7dda-f537-4c6b-b807-d5c7fb588ced-main-container-0 { 811 padding: 0px 80px !important;; 812 gap: 40px 0px !important;; 813 } 814} 815 816</style> 817 818 <div class="grid__container e977f7dda-f537-4c6b-b807-d5c7fb588ced-main-container-0"> 819 <div class="grid__row e977f7dda-f537-4c6b-b807-d5c7fb588ced-main-row-0"> 820 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 8;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 400px;" tabIndex="0" tabindex="0"> 821 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 822 <p style="text-align:center;color:inherit !important;">Header Text</p> 823 824 </div> 825 <div class="widget__content__data"> 826 <div class="image-widget" title="" style="min-height:400px;width:100%;background: url('/content/builder/images/original/1700485168-iiTG.jpg') no-repeat;background-size:cover;background-position:center center;"></div> 827 </div> 828 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 829 <p style="text-align:center;color:inherit !important;">Footer Text</p> 830 831 </div> 832 </div> 833 834 835 836 837 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 9 / span 6 / span 4;background-color: rgb(64, 99, 163);padding: 60px 40px 60px 40px;min-height: 50px;" tabIndex="1" tabindex="0"> 838 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 839 <p style="text-align:center;color:inherit !important;">Header Text</p> 840 841 </div> 842 <div class="widget__content__data"> 843 <div class="text-widget ck-content"> 844 <h2><span style="color:#ecf0f1">WELCOME</span></h2> 845 846<p><span style="color:#ecf0f1">We are a welcoming, open and inclusive church, meeting in the centre of the community. Whether you are looking to join the church family on a regular basis, or are enquiring about becoming part of the church for a special event, such as a wedding or a baptism, these pages should give you all that you need to know.</span></p> 847 848</div> 849 </div> 850 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 851 <p style="text-align:center;color:inherit !important;">Footer Text</p> 852 853 </div> 854 </div> 855 </div> 856 </div> 857 858 <style> 859 .eb91ae8aa-d6a7-40d6-8762-12f2a8c4fdb9-main-row-1 { 860 display: flex; 861} 862.eb91ae8aa-d6a7-40d6-8762-12f2a8c4fdb9-main-container-1 { 863 background-color: #ffffff; 864 background-size: auto; 865 background-position: center center; 866 background-repeat: no-repeat; 867 max-width: 100% !important; 868} 869@media only screen and (min-width: 1024px) { 870 .eb91ae8aa-d6a7-40d6-8762-12f2a8c4fdb9-main-row-1 { 871 display: grid; 872 gap: 0px 0px !important;; 873 } 874 .eb91ae8aa-d6a7-40d6-8762-12f2a8c4fdb9-main-container-1 { 875 padding: 0px 80px !important;; 876 gap: 0px 0px !important;; 877 } 878} 879 880</style> 881 882 <div class="grid__container eb91ae8aa-d6a7-40d6-8762-12f2a8c4fdb9-main-container-1"> 883 <div class="grid__row eb91ae8aa-d6a7-40d6-8762-12f2a8c4fdb9-main-row-1"> 884 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 12;background-color: inherit;padding: 0px;border: 0;min-height: 200px;" tabIndex="2" tabindex="0"> 885 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 886 <p style="text-align:center;color:inherit !important;">Header Text</p> 887 888 </div> 889 <div class="widget__content__data"> 890 <div class="text-widget ck-content"> 891 <p style="text-align:center"> </p> 892 893<p style="text-align:center"><span style="font-family:Arial"><span style="font-size:18px">Join us every Sunday at 9:30am for Family Communion</span></span></p> 894 895<p style="text-align:center"><span style="font-family:Arial"><span style="font-size:18px"><strong>All are Welcome</strong></span></span></p> 896 897</div> 898 </div> 899 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 900 <p style="text-align:center;color:inherit !important;">Footer Text</p> 901 902 </div> 903 </div> 904 </div> 905 </div> 906 907 <style> 908 .e072b2aa2-5cc7-4c1a-8488-69e24c442113-main-row-2 { 909 display: flex; 910} 911.e072b2aa2-5cc7-4c1a-8488-69e24c442113-main-container-2 { 912 background-color: #ffffff; 913 background-size: auto; 914 background-position: center center; 915 background-repeat: no-repeat; 916 max-width: 100% !important; 917} 918@media only screen and (min-width: 1024px) { 919 .e072b2aa2-5cc7-4c1a-8488-69e24c442113-main-row-2 { 920 display: grid; 921 gap: 40px 40px !important;; 922 } 923 .e072b2aa2-5cc7-4c1a-8488-69e24c442113-main-container-2 { 924 padding: 40px 80px !important;; 925 gap: 40px 40px !important;; 926 } 927} 928 929</style> 930 931 <div class="grid__container e072b2aa2-5cc7-4c1a-8488-69e24c442113-main-container-2"> 932 <div class="grid__row e072b2aa2-5cc7-4c1a-8488-69e24c442113-main-row-2"> 933 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 2 / span 6 / span 10;background-color: rgb(248, 248, 248);padding: 10px 10px 10px 10px;min-height: 100px;" tabIndex="3" tabindex="0"> 934 <div class="header-text ck-content" style="background-color: inherit;padding: 0px 0px 0px 0px;color: #0a2c6a;display: block;"> 935 <p style="text-align:center;color:inherit !important;"><span class="text-huge" style="color:inherit !important;"><strong style="color:inherit !important;">CALENDAR</strong></span></p> 936 937 </div> 938 <div class="widget__content__data"> 939 <div class="widget-calendar widget__content__data"> 940 <div id="calendar_container" class="calendar-container" > 941 <div class="text-layout"> 942 <div id="text_style_event_day_2026-10-04 09:30" class="text-event-day" style="padding: 0.5rem 0;"> 943 <div class="container"> 944 <div class="text-style-event-day-title calendar_date_style_font" style="font-family: Lato !important;; font-size:18px !important;; color:#4063a3 !important;;margin: 10px 0;"> 945 Sunday 4th October 946 </div> 947 948 <div class="text-style-event-day-events-container"> 949 <div id="text_style_event_day_3361" class="event"> 950 <sp
950an class="event-time calendar_event_time_style_font" 951 style="font-weight: bold;; font-family: Lato; !important; font-size: 16px !important;; color: #4063a3 !important;" 952 > 953 9:30am - 10:30am - 954 </span> 955 <span class="event-name-wrapper calendar_event_name_style_font"> 956 957 <div class="calendarLink" 958 data-id="3361" 959 id="text_event_title_link_3361" 960 style="display:inline-block;cursor:pointer; font-family: Lato; !important; font-size: 16px !important;; " 961 > 962 Family Communion 963 </div> 964 </span> 965 </div> 966 </div> 967 </div> 968 </div> 969 <div id="text_style_event_day_2026-10-11 09:30" class="text-event-day" style="padding: 0.5rem 0;"> 970 <div class="container"> 971 <div class="text-style-event-day-title calendar_date_style_font" style="font-family: Lato !important;; font-size:18px !important;; color:#4063a3 !important;;margin: 10px 0;"> 972 Sunday 11th October 973 </div> 974 975 <div class="text-style-event-day-events-container"> 976 <div id="text_style_event_day_3362" class="event"> 977 <span class="event-time calendar_event_time_style_font" 978 style="font-weight: bold;; font-family: Lato; !important; font-size: 16px !important;; color: #4063a3 !important;" 979 > 980 9:30am - 10:30am - 981 </span> 982 <span class="event-name-wrapper calendar_event_name_style_font"> 983 984 <div class="calendarLink" 985 data-id="3362" 986 id="text_event_title_link_3362" 987 style="display:inline-block;cursor:pointer; font-family: Lato; !important; font-size: 16px !important;; " 988 > 989 Family Communion 990 </div> 991 </span> 992 </div> 993 </div> 994 </div> 995 </div> 996 <div id="text_style_event_day_2026-10-18 09:30" class="text-event-day" style="padding: 0.5rem 0;"> 997 <div class="container"> 998 <div class="text-style-event-day-title calendar_date_style_font" style="font-family: Lato !important;; font-size:18px !important;; color:#4063a3 !important;;margin: 10px 0;"> 999 Sunday 18th October 1000 </div> 1001 1002 <div class="text-style-event-day-events-container"> 1003 <div id="text_style_event_day_3363" class="event"> 1004 <sp
1004an class="event-time calendar_event_time_style_font" 1005 style="font-weight: bold;; font-family: Lato; !important; font-size: 16px !important;; color: #4063a3 !important;" 1006 > 1007 9:30am - 10:30am - 1008 </span> 1009 <span class="event-name-wrapper calendar_event_name_style_font"> 1010 1011 <div class="calendarLink" 1012 data-id="3363" 1013 id="text_event_title_link_3363" 1014 style="display:inline-block;cursor:pointer; font-family: Lato; !important; font-size: 16px !important;; " 1015 > 1016 Family Communion 1017 </div> 1018 </span> 1019 </div> 1020 </div> 1021 </div> 1022 </div> 1023 <div id="text_style_event_day_2026-10-25 09:30" class="text-event-day" style="padding: 0.5rem 0;"> 1024 <div class="container"> 1025 <div class="text-style-event-day-title calendar_date_style_font" style="font-family: Lato !important;; font-size:18px !important;; color:#4063a3 !important;;margin: 10px 0;"> 1026 Sunday 25th October 1027 </div> 1028 1029 <div class="text-style-event-day-events-container"> 1030 <div id="text_style_event_day_3364" class="event"> 1031 <span class="event-time calendar_event_time_style_font" 1032 style="font-weight: bold;; font-family: Lato; !important; font-size: 16px !important;; color: #4063a3 !important;" 1033 > 1034 9:30am - 10:30am - 1035 </span> 1036 <span class="event-name-wrapper calendar_event_name_style_font"> 1037 1038 <div class="calendarLink" 1039 data-id="3364" 1040 id="text_event_title_link_3364" 1041 style="display:inline-block;cursor:pointer; font-family: Lato; !important; font-size: 16px !important;; " 1042 > 1043 Family Communion 1044 </div> 1045 </span> 1046 </div> 1047 </div> 1048 </div> 1049 </div> 1050 <div id="text_style_event_day_2026-11-01 09:30" class="text-event-day" style="padding: 0.5rem 0;"> 1051 <div class="container"> 1052 <div class="text-style-event-day-title calendar_date_style_font" style="font-family: Lato !important;; font-size:18px !important;; color:#4063a3 !important;;margin: 10px 0;"> 1053 Sunday 1st November 1054 </div> 1055 1056 <div class="text-style-event-day-events-container"> 1057 <div id="text_style_event_day_3365" class="event"> 1058 <sp
1058an class="event-time calendar_event_time_style_font" 1059 style="font-weight: bold;; font-family: Lato; !important; font-size: 16px !important;; color: #4063a3 !important;" 1060 > 1061 9:30am - 10:30am - 1062 </span> 1063 <span class="event-name-wrapper calendar_event_name_style_font"> 1064 1065 <div class="calendarLink" 1066 data-id="3365" 1067 id="text_event_title_link_3365" 1068 style="display:inline-block;cursor:pointer; font-family: Lato; !important; font-size: 16px !important;; " 1069 > 1070 Family Communion 1071 </div> 1072 </span> 1073 </div> 1074 </div> 1075 </div> 1076 </div> 1077 </div> 1078 </div> 1079</div>
1080<script> 1081$('.calendarLink').unbind('click').click(function() { 1082 document.location.href = 'https://christchurchheaton.org.uk/calendar/' + $(this).data('id'); 1083 return true; 1084}); 1085</script>
1085 1086 </div> 1087 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1088 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1089 1090 </div> 1091 </div> 1092 </div> 1093 </div> 1094 1095 <style> 1096 .e9d217e9b-2fa9-488d-9440-e742a97eb614-main-row-3 { 1097 display: flex; 1098} 1099.e9d217e9b-2fa9-488d-9440-e742a97eb614-main-container-3 { 1100 background-color: #ffffff; 1101 background-size: auto; 1102 background-position: center center; 1103 background-repeat: no-repeat; 1104 max-width: 100% !important; 1105} 1106@media only screen and (min-width: 1024px) { 1107 .e9d217e9b-2fa9-488d-9440-e742a97eb614-main-row-3 { 1108 display: grid; 1109 gap: 0px 20px !important;; 1110 } 1111 .e9d217e9b-2fa9-488d-9440-e742a97eb614-main-container-3 { 1112 padding: 0px 80px !important;; 1113 gap: 0px 20px !important;; 1114 } 1115} 1116 1117</style> 1118 1119 <div class="grid__container e9d217e9b-2fa9-488d-9440-e742a97eb614-main-container-3"> 1120 <div class="grid__row e9d217e9b-2fa9-488d-9440-e742a97eb614-main-row-3"> 1121 1122 </div> 1123 </div> 1124 1125 <style> 1126 .ec9b1c20b-b7d0-452c-ab76-0627cd652c3c-main-row-4 { 1127 display: flex; 1128} 1129.ec9b1c20b-b7d0-452c-ab76-0627cd652c3c-main-container-4 { 1130 background-color: #ffffff; 1131 background-size: auto; 1132 background-position: center center; 1133 background-repeat: no-repeat; 1134 max-width: 100% !important; 1135} 1136@media only screen and (min-width: 1024px) { 1137 .ec9b1c20b-b7d0-452c-ab76-0627cd652c3c-main-row-4 { 1138 display: grid; 1139 gap: 0px 20px !important;; 1140 } 1141 .ec9b1c20b-b7d0-452c-ab76-0627cd652c3c-main-container-4 { 1142 padding: 5px 80px !important;; 1143 gap: 0px 20px !important;; 1144 } 1145} 1146 1147</style> 1148 1149 <div class="grid__container ec9b1c20b-b7d0-452c-ab76-0627cd652c3c-main-container-4"> 1150 <div class="grid__row ec9b1c20b-b7d0-452c-ab76-0627cd652c3c-main-row-4"> 1151 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 3;background-color: rgb(64, 99, 163);padding: 0px 0px 0px 0px;min-height: 30px;" tabIndex="4" tabindex="0"> 1152 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1153 <p style="text-align:center;color:inherit !important;">Header Text</p> 1154 1155 </div> 1156 <div class="widget__content__data"> 1157 <div class="text-widget ck-content"> 1158 <p style="text-align:center"><a class="button" href="https://www.christchurchheaton.org.uk/the-parish-centre/">Room Hire</a></p> 1159 1160</div> 1161 </div> 1162 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1163 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1164 1165 </div> 1166 </div> 1167 1168 1169 1170 1171 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 4 / span 6 / span 3;background-color: rgb(64, 99, 163);padding: 0px 0px 0px 0px;min-height: 30px;" tabIndex="5" tabindex="0"> 1172 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1173 <p style="text-align:center;color:inherit !important;">Header Text</p> 1174 1175 </div> 1176 <div class="widget__content__data"> 1177 <div class="text-widget ck-content"> 1178 <p style="text-align:center"><a class="button" href="https://www.christchurchheaton.org.uk/service-times/our-ususal-service-pattern/">Services</a></p> 1179 1180</div> 1181 </div> 1182 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1183 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1184 1185 </div> 1186 </div> 1187 1188 1189 1190 1191 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 7 / span 6 / span 3;background-color: rgb(64, 99, 163);padding: 0px 0px 0px 0px;min-height: 30px;" tabIndex="6" tabindex="0"> 1192 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1193 <p style="text-align:center;color:inherit !important;">Header Text</p> 1194 1195 </div> 1196 <div class="widget__content__data"> 1197 <div class="text-widget ck-content"> 1198 <p style="text-align:center"><a class="button" href="https://www.christchurchheaton.org.uk/contact-us/">How to find us</a></p> 1199 1200</div> 1201 </div> 1202 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1203 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1204 1205 </div> 1206 </div> 1207 1208 1209 1210 1211 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 10 / span 6 / span 3;background-color: rgb(64, 99, 163);padding: 0px 0px 0px 0px;min-height: 30px;" tabIndex="7" tabindex="0"> 1212 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1213 <p style="text-align:center;color:inherit !important;">Header Text</p> 1214 1215 </div> 1216 <div class="widget__content__data"> 1217 <div class="text-widget ck-content"> 1218 <p style="text-align:center"><a class="button" href="https://www.christchurchheaton.org.uk/support-us/">Donate</a></p> 1219 1220</div> 1221 </div> 1222 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1223 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1224 1225 </div> 1226 </div> 1227 </div> 1228 </div> 1229 1230 1231</main> 1232<footer class="main"> 1233 <style> 1234 .ea34b12f8-47aa-478c-879e-a8242b49f50d-footer-row-0 { 1235 display: flex; 1236} 1237.ea34b12f8-47aa-478c-879e-a8242b49f50d-footer-container-0 { 1238 background-color: #ffffff; 1239 background-size: auto; 1240 background-position: center center; 1241 background-repeat: no-repeat; 1242 max-width: 100% !important; 1243} 1244@media only screen and (min-width: 1024px) { 1245 .ea34b12f8-47aa-478c-879e-a8242b49f50d-footer-row-0 { 1246 display: grid; 1247 gap: 0px 20px !important;; 1248 } 1249 .ea34b12f8-47aa-478c-879e-a8242b49f50d-footer-container-0 { 1250 padding: 0px 80px !important;; 1251 gap: 0px 20px !important;; 1252 } 1253} 1254 1255</style> 1256 1257 <div class="grid__container ea34b12f8-47aa-478c-879e-a8242b49f50d-footer-container-0"> 1258 <div class="grid__row ea34b12f8-47aa-478c-879e-a8242b49f50d-footer-row-0"> 1259 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 12;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 30px;" tabIndex="0" tabindex="0"> 1260 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1261 <p style="text-align:center;color:inherit !important;">Header Text</p> 1262 1263 </div> 1264 <div class="widget__content__data"> 1265 <div class="text-widget ck-content"> 1266 <hr /> 1267<p style="text-align:center"><a href="https://www.christchurchheaton.org.uk/pcc-documents/safeguarding.php">Safeguarding</a></p> 1268 1269<p style="text-align:center">Safeguarding Officer: Holly Bonfield</p> 1270 1271<hr /> 1272</div> 1273 </div> 1274 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1275 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1276 1277 </div> 1278 </div> 1279 </div> 1280 </div> 1281 1282 <style> 1283 .e52e2b1ad-6c3c-449a-90b3-39d72c8c20e5-footer-row-1 { 1284 display: flex; 1285} 1286.e52e2b1ad-6c3c-449a-90b3-39d72c8c20e5-footer-container-1 { 1287 background-color: #ffffff; 1288 background-size: auto; 1289 background-position: center center; 1290 background-repeat: no-repeat; 1291 max-width: 100% !important; 1292} 1293@media only screen and (min-width: 1024px) { 1294 .e52e2b1ad-6c3c-449a-90b3-39d72c8c20e5-footer-row-1 { 1295 display: grid; 1296 gap: 0px 0px !important;; 1297 } 1298 .e52e2b1ad-6c3c-449a-90b3-39d72c8c20e5-footer-container-1 { 1299 padding: 0px 80px !important;; 1300 gap: 0px 0px !important;; 1301 } 1302} 1303 1304</style> 1305 1306 <div class="grid__container e52e2b1ad-6c3c-449a-90b3-39d72c8c20e5-footer-container-1"> 1307 <div class="grid__row e52e2b1ad-6c3c-449a-90b3-39d72c8c20e5-footer-row-1"> 1308 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 12;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 20px;" tabIndex="1" tabindex="0"> 1309 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1310 <p style="text-align:center;color:inherit !important;">Header Text</p> 1311 1312 </div> 1313 <div class="widget__content__data"> 1314 <div class="widget__content__data"> 1315 <div class="d--flex" style="justify-content: center"> 1316 <div style="display:none" data-show="show_twitter"> 1317 <a href="" target="_blank"> 1318 <svg style="; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1319 width="64" height="64" viewBox="0 5 36 36" 1320 aria-labelledby="twitterTitle twitterDesc" role="img"> 1321 <title id="twitterTitle">opens Twitter account in a new window</title>
1322 <desc id="twitterDesc">opens Twitter account in a new window</desc> 1323 <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5437 11L19.3319 17.3515H19.3316L25 26H20.8312L17.0141 20.1761L12.2351 26H11L16.4657 19.3395L11 11H15.1688L18.7833 16.5149L23.3087 11H24.5437Z"></path> </svg> 1324 1325 </svg> 1326 <svg style="display:none; fill: hsv(236, 94%, 96%);" 1327 xmlns="http://www.w3.org/2000/svg" width="64" height="64" 1328 viewBox="0 5 36 36" 1329 aria-labelledby="twitterTitle twitterDesc" role="img"> 1330 <title id="twitterTitle">opens Twitter account in a new window</title> 1331 <desc id="twitterDesc">opens Twitter account in a new window</desc> 1332 <rect x="9" y="9" width="18" height="18" rx="2" /> 1333 <path d="M19.5465 17.0812L23.6415 12H22.6711L19.1154 16.4119L16.2755 12H13L17.2945 18.6716L13 24H13.9704L17.7253 19.3409L20.7245 24H24L19.5463 17.0812H19.5465ZM18.2173 18.7304L17.7822 18.066L14.3201 12.7798H15.8106L18.6046 17.046L19.0397 17.7103L22.6716 23.2557H21.181L18.2173 18.7306V18.7304Z" fill="white"/> 1334 1335 </svg> 1336 <svg style="display:none; fill: hsv(236, 94%, 96%);" 1337 xmlns="http://www.w3.org/2000/svg" width="64" height="64"
1338 viewBox="0 5 36 36" 1339 aria-labelledby="twitterTitle twitterDesc" role="img"> 1340 <title id="twitterTitle">opens Twitter account in a new window</title> 1341 <desc id="twitterDesc">opens Twitter account in a new window</desc> 1342 <circle cx="18" cy="18" r="10" /> 1343 <path d="M19.5465 17.0812L23.6415 12H22.6711L19.1154 16.4119L16.2755 12H13L17.2945 18.6716L13 24H13.9704L17.7253 19.3409L20.7245 24H24L19.5463 17.0812H19.5465ZM18.2173 18.7304L17.7822 18.066L14.3201 12.7798H15.8106L18.6046 17.046L19.0397 17.7103L22.6716 23.2557H21.181L18.2173 18.7306V18.7304Z" fill="white"/> 1344 </svg> 1345 <svg style="display:none; fill: hsv(236, 94%, 96%);" 1346 xmlns="http://www.w3.org/2000/svg" width="64" height="64" 1347 viewBox="0 5 36 36" 1348 aria-labelledby="twitterTitle twitterDesc" role="img"> 1349 <title id="twitterTitle">opens Twitter account in a new window</title> 1350 <desc id="twitterDesc">opens Twitter account in a new window</desc> 1351 <path d="M19.3319 17.3515L24.5437 11H23.3087L18.7833 16.5149L15.1688 11H11L16.4657 19.3395L11 26H12.2351L17.0141 20.1761L20.8312 26H25L19.3316 17.3515H19.3319ZM17.6403 19.413L17.0865 18.5825L12.6801 11.9748H14.5772L18.1331 17.3075L18.6869 18.1379L23.3093 25.0696H21.4122L17.6403 19.4133V19.413Z" /> 1352 </svg> 1353 </a> 1354 </div> 1355 <div style="display:none" data-show="show_instagram"> 1356 <a href="" target="_blank"> 1357 <svg style="; fill: hsv(236, 94%, 96%);" 1358 xmlns="http://www.w3.org/2000/svg" width="64" height="64"
1359 viewBox="0 0 36 36" 1360 aria-labelledby="instaTitle instaDesc" role="img"> 1361 <title id="instaTitle">opens Instagram account in a new window</title> 1362 <desc id="instaDesc">opens Instagram account in a new window</desc> 1363 <defs> 1364 <clipPath id="clip-inst"> 1365 <rect width="26" height="26"/> 1366 </clipPath> 1367 </defs> 1368 <g id="inst" clip-path="url(#clip-inst)"> 1369 <g id="Group_2042" data-name="Group 2042" transform="translate(-7884.041 -967.039)"> 1370 <path id="Icon_awesome-instagram" data-name="Icon awesome-instagram" d="M8.039,6.155a4.116,4.116,0,1,0,2.917,1.206A4.123,4.123,0,0,0,8.039,6.155Zm0,6.8a2.68,2.68,0,1,1,2.68-2.68A2.68,2.68,0,0,1,8.039,12.958ZM13.292,5.99a.961.961,0,1,1-.283-.685.961.961,0,0,1,.283.685Zm2.731.976a4.759,4.759,0,0,0-1.3-3.369,4.79,4.79,0,0,0-3.371-1.3c-1.327-.075-5.306-.075-6.635,0a4.783,4.783,0,0,0-3.369,1.3,4.774,4.774,0,0,0-1.3,3.37c-.075,1.327-.075,5.306,0,6.635a4.759,4.759,0,0,0,1.3,3.369,4.8,4.8,0,0,0,3.369,1.3c1.327.075,5.306.075,6.635,0a4.759,4.759,0,0,0,3.37-1.3,4.79,4.79,0,0,0,1.3-3.369c.075-1.327.075-5.3,0-6.631ZM14.308,15.02a2.714,2.714,0,0,1-1.534,1.526c-1.059.42-3.573.322-4.74.322a18.055,18.055,0,0,1-4.74-.322,2.714,2.714,0,0,1-1.528-1.528c-.42-1.059-.322-3.573-.322-4.74a18.055,18.055,0,0,1,.322-4.74A2.714,2.714,0,0,1,3.3,4.009c1.059-.42,3.573-.322,4.74-.322a18.055,18.055,0,0,1,4.74.322,2.714,2.714,0,0,1,1.528,1.528c.42,1.059.322,3.573.322,4.74s.1,3.685-.322,4.739Z" transform="translate(7889.004 969.762)" stroke-width="0"/> 1371 </g> 1372 </g> 1373 </svg> 1374 <svg style="display:none; fill: hsv(236, 94%, 96%);" 1375 xmlns="http://www.w3.org/2000/svg" width="64" height="64"
1376 viewBox="0 0 36 36" 1377 aria-labelledby="instaTitle instaDesc" role="img"> 1378 <title id="instaTitle">opens Instagram account in a new window</title> 1379 <desc id="instaDesc">opens Instagram account in a new window</desc> 1380 <defs> 1381 <clipPath id="clip-inst-square"> 1382 <rect width="26" height="26"/> 1383 </clipPath> 1384 </defs> 1385 <g id="inst-square" clip-path="url(#clip-inst-square)"> 1386 <path id="instagram-square-brands_1_" data-name="instagram-square-brands (1)" d="M10,39.619A2.381,2.381,0,1,0,12.382,42,2.381,2.381,0,0,0,10,39.619Zm5.567-1.83a2.411,2.411,0,0,0-1.358-1.358A15.843,15.843,0,0,0,10,36.144a15.725,15.725,0,0,0-4.21.287,2.411,2.411,0,0,0-1.358,1.358A15.874,15.874,0,0,0,4.145,42a15.812,15.812,0,0,0,.289,4.212,2.411,2.411,0,0,0,1.358,1.358,15.845,15.845,0,0,0,4.21.287,15.721,15.721,0,0,0,4.21-.287,2.411,2.411,0,0,0,1.358-1.358A15.745,15.745,0,0,0,15.856,42a15.754,15.754,0,0,0-.287-4.211ZM10,45.661a3.656,3.656,0,1,1,2.59-1.071A3.661,3.661,0,0,1,10,45.661Zm3.812-6.621a.85.85,0,1,1,.606-.249.854.854,0,0,1-.606.249ZM17.857,32H2.143A2.143,2.143,0,0,0,0,34.143V49.857A2.143,2.143,0,0,0,2.143,52H17.857A2.143,2.143,0,0,0,20,49.857V34.143A2.143,2.143,0,0,0,17.857,32Zm-.764,12.946a4.248,4.248,0,0,1-1.154,2.991,4.25,4.25,0,0,1-2.991,1.154c-1.179.067-4.714.067-5.893,0a4.256,4.256,0,0,1-2.991-1.154A4.235,4.235,0,0,1,2.91,44.946c-.067-1.179-.067-4.715,0-5.893a4.234,4.234,0,0,1,1.154-2.991,4.257,4.257,0,0,1,2.991-1.151c1.179-.067,4.714-.067,5.893,0a4.25,4.25,0,0,1,2.991,1.154,4.25,4.25,0,0,1,1.154,2.993C17.159,40.234,17.159,43.766,17.093,44.946Z" transform="translate(3 -29)"/> 1387 </g> 1388 </svg> 1389 <svg style="display:none; fill: hsv(236, 94%, 96%);" 1390 xmlns="http://www.w3.org/2000/svg" width="64" height="64"
1391 viewBox="0 0 36 36" 1392 aria-labelledby="instaTitle instaDesc" role="img"> 1393 <title id="instaTitle">opens Instagram account in a new window</title> 1394 <desc id="instaDesc">opens Instagram account in a new window</desc> 1395 <defs> 1396 <clipPath id="clip-inst-circle"> 1397 <rect width="26" height="26"/> 1398 </clipPath> 1399 </defs> 1400 <g id="inst-circle" clip-path="url(#clip-inst-circle)"> 1401 <path id="Subtraction_4" data-name="Subtraction 4" d="M-20,54A10.011,10.011,0,0,1-30,44,10.011,10.011,0,0,1-20,34,10.011,10.011,0,0,1-10,44,10.011,10.011,0,0,1-20,54Zm-2.6-3.737h0c.491.027,1.488.044,2.6.044s2.111-.017,2.6-.044h.079a3.718,3.718,0,0,0,2.564-1.021A3.735,3.735,0,0,0-13.736,46.6c.06-1.045.06-4.156,0-5.2a3.7,3.7,0,0,0-1.018-2.64,3.747,3.747,0,0,0-2.579-1.023H-17.4c-.482-.027-1.479-.044-2.6-.044s-2.12.017-2.6.044h-.073a3.743,3.743,0,0,0-2.57,1.017A3.721,3.721,0,0,0-26.264,41.4c-.06,1.045-.06,4.158,0,5.2a3.709,3.709,0,0,0,1.019,2.642,3.749,3.749,0,0,0,2.577,1.02Zm3.72-1.085c-.238,0-.467,0-.669,0l-.45,0-.429,0c-.194,0-.408,0-.633,0a9.264,9.264,0,0,1-2.657-.259,2.132,2.132,0,0,1-1.2-1.2,11.352,11.352,0,0,1-.256-3.267c0-.168,0-.32,0-.451s0-.27,0-.429a11.663,11.663,0,0,1,.256-3.29,2.132,2.132,0,0,1,1.2-1.2,8.867,8.867,0,0,1,2.6-.261c.239,0,.467,0,.669,0l.45,0,.429,0c.194,0,.408,0,.633,0a9.264,9.264,0,0,1,2.657.259,2.134,2.134,0,0,1,1.2,1.2,11.357,11.357,0,0,1,.256,3.268c0,.168,0,.32,0,.451s0,.281,0,.447a11.374,11.374,0,0,1-.256,3.27,2.125,2.125,0,0,1-1.2,1.2A8.867,8.867,0,0,1-18.882,49.178ZM-20,40.766A3.238,3.238,0,0,0-23.232,44,3.237,3.237,0,0,0-20,47.235,3.238,3.238,0,0,0-16.763,44a3.21,3.21,0,0,0-.946-2.289,3.214,3.214,0,0,0-2.285-.946Zm3.363-.888h0a.756.756,0,0,0-.751.755.756.756,0,0,0,.753.753.755.755,0,0,0,.754-.751A.754.754,0,0,0-16.1,40.1a.75.75,0,0,0-.532-.22ZM-20,46.1A2.1,2.1,0,0,1-22.1,44,2.1,2.1,0,0,1-20,41.9,2.1,2.1,0,0,1-17.9,44,2.112,2.112,0,0,1-20,46.1Z" transform="translate(33 -31)"/> 1402 </g> 1403 </svg> 1404 </a> 1405 </div> 1406 <div style="display:none" data-show="show_youtube"> 1407 <a href="" target="_blank"> 1408 <svg style="; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1409 width="64" height="64" viewBox="0 0 36 36" 1410 aria-labelledby="youtubeTitle youtubeDesc" role="img"> 1411 <title id="youtubeTitle">opens Youtube account in a new window</title> 1412 <desc id="youtubeDesc">opens Youtube account in a new window</desc> 1413 <defs> 1414 <clipPath id="clip-youtube"> 1415 <rect width="26" height="26"/> 1416 </clipPath> 1417 </defs> 1418 <g id="youtube" clip-path="url(#clip-youtube)"> 1419 <path id="youtube-brands" d="M32.355,74.554a2.236,2.236,0,0,1-1.573,1.583,52.838,52.838,0,0,1-6.952.374,52.838,52.838,0,0,1-6.952-.374A2.236,2.236,0,0,1,15.3,74.554a25.174,25.174,0,0,1,0-8.621,2.2,2.2,0,0,1,1.573-1.558A52.837,52.837,0,0,1,23.83,64a52.837,52.837,0,0,1,6.952.374,2.2,2.2,0,0,1,1.573,1.558,25.174,25.174,0,0,1,0,8.621ZM22.01,67.6v5.291l4.651-2.646Z" transform="translate(-10.933 -57.256)"/> 1420 </g> 1421 </svg> 1422 <svg style="display:none; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1423 width="64" height="64" viewBox="0 0 36 36" 1424 aria-labelledby="youtubeTitle youtubeDesc" role="img"> 1425 <title id="youtubeTitle">opens Youtube account in a new window</title> 1426 <desc id="youtubeDesc">opens Youtube account in a new window</desc> 1427 <defs> 1428 <clipPath id="clip-youtube-square"> 1429 <rect width="26" height="26"/> 1430 </clipPath> 1431 </defs> 1432 <g id="youtube-square" clip-path="url(#clip-youtube-square)"> 1433 <path id="youtube-square-brands" d="M8.339,39.594l4.25,2.415-4.25,2.415ZM20,34.143V49.857A2.143,2.143,0,0,1,17.857,52H2.143A2.143,2.143,0,0,1,0,49.857V34.143A2.143,2.143,0,0,1,2.143,32H17.857A2.143,2.143,0,0,1,20,34.143Zm-1.875,7.871a21.451,21.451,0,0,0-.339-3.937,2.038,2.038,0,0,0-1.437-1.446A47.939,47.939,0,0,0,10,36.286a47.939,47.939,0,0,0-6.348.344,2.038,2.038,0,0,0-1.438,1.446,23.018,23.018,0,0,0,0,7.875,2.008,2.008,0,0,0,1.438,1.424A48.563,48.563,0,0,0,10,47.714a47.939,47.939,0,0,0,6.348-.344,2.008,2.008,0,0,0,1.438-1.424A21.386,21.386,0,0,0,18.125,42.013Z" transform="translate(3 -29)"/> 1434 </g> 1435 </svg> 1436 <svg style="display:none; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1437 width="64" height="64" viewBox="0 0 36 36" 1438 aria-labelledby="youtubeTitle youtubeDesc" role="img"> 1439 <title id="youtubeTitle">opens Youtube account in a new window</title>
1440 <desc id="youtubeDesc">opens Youtube account in a new window</desc> 1441 <defs> 1442 <clipPath id="clip-youtube-circle"> 1443 <rect width="26" height="26"/> 1444 </clipPath> 1445 </defs> 1446 <g id="youtube-circle" clip-path="url(#clip-youtube-circle)"> 1447 <path id="Subtraction_7" data-name="Subtraction 7" d="M-79,54A10.011,10.011,0,0,1-89,44,10.011,10.011,0,0,1-79,34,10.011,10.011,0,0,1-69,44,10.011,10.011,0,0,1-79,54Zm0-14.507a38.283,38.283,0,0,0-5.009.269,1.579,1.579,0,0,0-1.134,1.123,17.029,17.029,0,0,0-.267,3.106,17.029,17.029,0,0,0,.267,3.106,1.611,1.611,0,0,0,1.134,1.14,38.158,38.158,0,0,0,5.009.27,38.17,38.17,0,0,0,5.009-.27,1.611,1.611,0,0,0,1.133-1.14,16.972,16.972,0,0,0,.268-3.106,16.972,16.972,0,0,0-.268-3.106,1.578,1.578,0,0,0-1.133-1.123A38.3,38.3,0,0,0-79,39.493Zm-1.311,6.4V42.085l3.351,1.906L-80.31,45.9Z" transform="translate(92 -31)"/> 1448 </g> 1449 </svg> 1450 <svg style="display:none; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1451 width="64" height="64" viewBox="0 0 36 36" 1452 aria-labelledby="youtubeTitle youtubeDesc" role="img"> 1453 <title id="youtubeTitle">opens Youtube account in a new window</title> 1454 <desc id="youtubeDesc">opens Youtube account in a new window</desc> 1455 <defs> 1456 <clipPath id="clip-youtube-outline"> 1457 <rect width="26" height="26"/> 1458 </clipPath> 1459 </defs> 1460 <g id="youtube-outline" clip-path="url(#clip-youtube-outline)"> 1461 <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube" d="M9.172,4c.21,0,.424,0,.634,0s.421,0,.63,0a52.7,52.7,0,0,1,6.275.376l.036,0,.035.01a2.708,2.708,0,0,1,1.9,1.912l.009.04a23.645,23.645,0,0,1,.374,4.331A23.643,23.643,0,0,1,18.692,15l-.009.042a2.673,2.673,0,0,1-1.91,1.888l-.032.008-.033,0a52.7,52.7,0,0,1-6.268.375c-.21,0-.424,0-.634,0s-.424,0-.634,0A52.7,52.7,0,0,1,2.9,16.942l-.033,0-.033-.008A2.673,2.673,0,0,1,.933,15.043L.924,15A23.644,23.644,0,0,1,.55,10.67,23.645,23.645,0,0,1,.924,6.338L.933,6.3a2.708,2.708,0,0,1,1.9-1.913l.035-.01.036,0A52.7,52.7,0,0,1,9.172,4Zm.634,1H9.8c-.208,0-.42,0-.628,0a51.7,51.7,0,0,0-6.109.364A1.705,1.705,0,0,0,1.9,6.537a22.642,22.642,0,0,0-.354,4.13v.006A22.641,22.641,0,0,0,1.9,14.8a1.672,1.672,0,0,0,1.155,1.152,51.7,51.7,0,0,0,6.112.364c.208,0,.42,0,.628,0h.012c.208,0,.42,0,.628,0a51.7,51.7,0,0,0,6.113-.364A1.671,1.671,0,0,0,17.712,14.8a22.64,22.64,0,0,0,.354-4.129v-.006a22.644,22.644,0,0,0-.354-4.129,1.706,1.706,0,0,0-1.158-1.176A51.7,51.7,0,0,0,10.436,5c-.207,0-.417,0-.624,0ZM7.515,7.206,13.6,10.664,7.515,14.133Zm4.066,3.46L8.515,8.924v3.489Z" transform="translate(3.192 2.343)"/> 1462 </g> 1463 </svg> 1464 </a> 1465 </div> 1466 <div style="display:block" data-show="show_facebook"> 1467 <a href="https://www.facebook.com/ChristChurchHeatonBolton/" target="_blank"> 1468 <svg style="display:none; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1469 width="64" height="64" viewBox="0 0 36 36" 1470 aria-labelledby="facebookTitle facebookDesc" role="img"> 1471 <title id="facebookTitle">opens Facebook account in a new window</title> 1472 <desc id="facebookDesc">opens Facebook account in a new window</desc> 1473 <defs> 1474 <clipPath id="clip-fb"> 1475 <rect width="26" height="26"/> 1476 </clipPath> 1477 </defs> 1478 <g id="fb" clip-path="url(#clip-fb)"> 1479 <g id="Group_2035" data-name="Group 2035" transform="translate(-7883.942 -708)"> 1480 <path id="Icon_awesome-facebook-f" data-name="Icon awesome-facebook-f" d="M10.127,9.573l.473-3.08H7.645v-2A1.54,1.54,0,0,1,9.381,2.83h1.344V.208A16.385,16.385,0,0,0,8.34,0C5.906,0,4.315,1.475,4.315,4.146V6.493H1.609v3.08H4.315v7.446h3.33V9.573Z" transform="translate(7890.775 712.49)" stroke-width="0"/> 1481 </g> 1482 </g> 1483 </svg> 1484 <svg style="; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1485 width="64" height="64" viewBox="0 0 36 36" 1486 aria-labelledby="facebookTitle facebookDesc" role="img"> 1487 <title id="facebookTitle">opens Facebook account in a new window</title>
1488 <desc id="facebookDesc">opens Facebook account in a new window</desc> 1489 <defs> 1490 <clipPath id="clip-fb-square"> 1491 <rect width="26" height="26"/> 1492 </clipPath> 1493 </defs> 1494 <g id="fb-square" clip-path="url(#clip-fb-square)"> 1495 <g id="Group_2036" data-name="Group 2036" transform="translate(-7928.99 -710.49)"> 1496 <path id="Icon_awesome-facebook-square" data-name="Icon awesome-facebook-square" d="M17.854,2.25H2.142A2.142,2.142,0,0,0,0,4.392V20.108A2.142,2.142,0,0,0,2.142,22.25H8.27v-6.8H5.457v-3.2H8.27V9.811A3.907,3.907,0,0,1,12.451,5.5a17.039,17.039,0,0,1,2.478.216V8.443h-1.4a1.6,1.6,0,0,0-1.8,1.735v2.073h3.07l-.491,3.2H11.736v6.8h6.118A2.142,2.142,0,0,0,20,20.108V4.392A2.142,2.142,0,0,0,17.854,2.25Z" transform="translate(7931.99 711.24)" stroke-width="0"/> 1497 </g> 1498 </g> 1499 </svg> 1500 <svg style="display:none; fill: hsv(236, 94%, 96%);" xmlns="http://www.w3.org/2000/svg" 1501 width="64" height="64" viewBox="0 0 36 36" 1502 aria-labelledby="facebookTitle facebookDesc" role="img"> 1503 <title id="facebookTitle">opens Facebook account in a new window</title> 1504 <desc id="facebookDesc">opens Facebook account in a new window</desc> 1505 <defs> 1506 <clipPath id="clip-Fb-circle"> 1507 <rect width="26" height="26"/> 1508 </clipPath> 1509 </defs> 1510 <g id="Fb-circle" clip-path="url(#clip-Fb-circle)"> 1511 <g id="Group_2037" data-name="Group 2037" transform="translate(-7969 -709.227)"> 1512 <path id="Icon_awesome-facebook" data-name="Icon awesome-facebook" d="M20.562,10.562A10,10,0,1,0,9,20.441V13.453H6.46V10.562H9v-2.2a3.528,3.528,0,0,1,3.777-3.895,15.389,15.389,0,0,1,2.239.195V7.128H13.752A1.445,1.445,0,0,0,12.123,8.69v1.877H14.9l-.443,2.89H12.125v6.988a10,10,0,0,0,8.437-9.884Z" transform="translate(7971.438 711.663)" stroke-width="0"/> 1513 </g> 1514 </g> 1515 </svg> 1516 </a> 1517 </div> 1518 </div> 1519</div> 1520 </div> 1521 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1522 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1523 1524 </div> 1525 </div> 1526 </div> 1527 </div> 1528 1529 <style> 1530 .e56965053-221c-4cba-a2dd-ea8e206fc780-footer-row-2 { 1531 display: flex; 1532} 1533.e56965053-221c-4cba-a2dd-ea8e206fc780-footer-container-2 { 1534 background-color: #ffffff; 1535 background-size: auto; 1536 background-position: center center; 1537 background-repeat: no-repeat; 1538 max-width: 100% !important; 1539} 1540@media only screen and (min-width: 1024px) { 1541 .e56965053-221c-4cba-a2dd-ea8e206fc780-footer-row-2 { 1542 display: grid; 1543 gap: 0px 0px !important;; 1544 } 1545 .e56965053-221c-4cba-a2dd-ea8e206fc780-footer-container-2 { 1546 padding: 0px 80px !important;; 1547 gap: 0px 0px !important;; 1548 } 1549} 1550 1551</style> 1552 1553 <div class="grid__container e56965053-221c-4cba-a2dd-ea8e206fc780-footer-container-2"> 1554 <div class="grid__row e56965053-221c-4cba-a2dd-ea8e206fc780-footer-row-2"> 1555 <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 3 / span 6 / span 8;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 30px;" tabIndex="2" tabindex="0"> 1556 <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1557 <p style="text-align:center;color:inherit !important;">Header Text</p> 1558 1559 </div> 1560 <div class="widget__content__data"> 1561 <div class="text-widget ck-content"> 1562 <p style="text-align:center">Christ Church, Heaton. Chorley New Road, Bolton, Lancashire. BL1 5AH<br /> 1563Tel: 01234 567890 | Email: [email protected]</p> 1564 1565</div> 1566 </div> 1567 <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> 1568 <p style="text-align:center;color:inherit !important;">Footer Text</p> 1569 1570 </div> 1571 </div> 1572 </div> 1573 </div> 1574 1575 1576</footer> 1577 1578 <div class="poweredBy"> 1579 <a target="_blank" href="https://www.churchedit.co.uk">Powered by Church Edit</a> 1580 </div> 1581
1581<script src="/content/pageAccordion.js?1"></script>
1581 1582</body> 1583 1584</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.