CINXE.COM
Church Edit
<!DOCTYPE html> <html lang="en" prefix="og: https://ogp.me/ns#"> <head> <title>Church Edit</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="73T1dSQvQClDVAljrLflJuvtS6TEFmCP7Gj8F7Sf"> <link rel="stylesheet" href="/js/swiper/swiper-bundle.min.css" /> <meta property="og:title" content="Church Edit" /> <meta property="og:type" content="homepage" /> <meta charset="utf-8" /> <meta name="description" content="" /> <meta name="author" content="Church Edit" /> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <meta property="og:url" content="https://www.churchedit.co.uk" /> <meta property="og:site_name" content="Church Edit" /> <meta property="og:description" content="" /> <script src='https://js.hcaptcha.com/1/api.js' async defer></script> <script src="/js/swiper/swiper-bundle.min.js"></script> <script type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode: "siq767c75489a093fe7354a42d898390944c83676118eada885e50b581397a9fd88", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zohopublic.com/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9CXTNTWPEP"></script> <script> (function() { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9CXTNTWPEP'); gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied' }); })(); </script> <link rel="stylesheet" href="https://www.churchedit.co.uk/css/frontend-app.min.css"> <script src="https://www.churchedit.co.uk/js/frontend-app.min.js"></script> <link rel='stylesheet' href='/stylesheets/1_20250115-145907_6RLv.css' type='text/css' /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> <!-- FONTS BE HERE --> <style> @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap'); @media print { #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 { display: none !important; } .widget__content__data > div hr { display: none; } .fc-list-day-side-text { float: left !important; padding-left: 1em; } .fc-list-day-text, .fc-list-day-side-text { font-weight: 700 !important; margin: 1em 0; } * { overflow: visible !important; } #calendarMobile { display: inline; } .grid__container { display: inline; } .grid__row > div { width: 100%; } .fc-view-harness { /*! display: inline; */ overflow: visible; } .fc-list-table { height: max-content; } .mobile\:col-12 { display: inline; } } </style> <script> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); </script> <script> $(document).ready(function() { let firstDiv = null; let lastDiv = null; let elementsToWrap = []; $('.grid__container').each((index, value) => { let className = $(value).attr('class'); if (className.includes("header")) { if ($(value).css('position') == 'sticky') { elementsToWrap.push(value) } } }) $(elementsToWrap).wrapAll('<div style="position:sticky;top:0;z-index:100;"></div>'); }); </script> </head> <body class="frontend"> <header class="main"> <style> .e913c3d2a-09c9-475d-88d9-952a186d0a9d-header-row-0 { display: flex; } .e913c3d2a-09c9-475d-88d9-952a186d0a9d-header-container-0 { background-color: #ff251d; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e913c3d2a-09c9-475d-88d9-952a186d0a9d-header-row-0 { display: grid; gap: 0px 40px !important;; } .e913c3d2a-09c9-475d-88d9-952a186d0a9d-header-container-0 { padding: 0px 80px !important;; gap: 0px 40px !important;; } } </style> <div class="grid__container e913c3d2a-09c9-475d-88d9-952a186d0a9d-header-container-0"> <div class="grid__row e913c3d2a-09c9-475d-88d9-952a186d0a9d-header-row-0"> <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: 10px;" tabIndex="0" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p style="text-align:center"><span style="color:#ecf0f1">First year offer: </span><a href="/website-builder-prices/"><span style="color:#ecf0f1"><strong>Only £75 for your first year</strong></span></a> <span style="color:#ecf0f1">| </span><strong><a href="/design-prices/"><span style="color:#ecf0f1">Also 10% off Website Design & Creation Services</span></a> <a class="button" href="/website-builder-prices" style="display: inline-block; cursor: pointer; background-color: rgb(190, 7, 0); text-decoration: none !important;" target="_self">></a></strong></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e870d03c2-2e9c-4b7f-bddc-0a4c52c0f8e8-header-row-1 { display: flex; } .e870d03c2-2e9c-4b7f-bddc-0a4c52c0f8e8-header-container-1 { background-color: #f8f8f8; background-image: url(/content/builder/images/original/1686076783-tjQO.png); background-size: auto; background-position: center center; background-repeat: repeat-y; z-index: 100; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e870d03c2-2e9c-4b7f-bddc-0a4c52c0f8e8-header-row-1 { display: grid; gap: 0px 0px !important;; } .e870d03c2-2e9c-4b7f-bddc-0a4c52c0f8e8-header-container-1 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e870d03c2-2e9c-4b7f-bddc-0a4c52c0f8e8-header-container-1"> <div class="grid__row e870d03c2-2e9c-4b7f-bddc-0a4c52c0f8e8-header-row-1"> <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: rgb(240, 246, 253);padding: 15px 12px 15px 12px;min-height: 40px;" tabIndex="1" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <a class="image-widget" href="/"> <div class="image-widget" title="Logo" style="min-height:40px;width:100%;background: url('/content/builder/images/original/1686076784-lZSz.png') no-repeat;background-size:contain;background-position:center center;"></div> </a> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: rgb(71, 110, 178);padding: 20px 15px 10px 15px;min-height: 20px;" tabIndex="2" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <style> </style> <div class="widget__content__menu" style="--level-1_is-customised:1;--level-1_font-family:Lato;--level-1_color:#ffffff;--level-1_font-weight:700;--level-1_hover_color:#f3f3f3;--level-1_hover_background-color:#476eb2;--level-2_font-family:Lato;--level-2_color:#ffffff;--level-2_menu-background-color:#476eb2;--level-2_hover_color:#ffffff;--level-2_hover_background-color:#557cc1;--level-3_is-customised:1;--level-3_has-hover-effect:1;--level-3_hover_color:#f3f3f3;--level-3_color:#ffffff;--level-3_hover_background-color:#557cc1;--level-1_menu-background-color:#476eb2;--level-4_is-customised:1;--level-4_color:#ffffff;--level-4_has-hover-effect:1;--level-4_hover_color:#f3f3f3;--level-4_hover_background-color:#557cc1;--level-4_font-family:Lato;--level-3_font-family:Lato;--level-3_menu-background-color:#476eb2;--level-4_menu-background-color:#476eb2;--level-1_has-hover-effect:1;--level-2_has-hover-effect:1;--level-1_text-transform:uppercase;--level-2_text-transform:uppercase;--level-3_text-transform:uppercase;--level-4_text-transform:uppercase;--level-2_font-weight:700;--level-3_font-weight:700;--level-4_font-weight:700;--level-2_font-size:16;--level-3_font-size:15;--level-4_font-size:16;--level-2_is-customised:1;;"> <div id="burger-menu" class=" menu mobile-menu-toggle" style=" display:none; "> <svg class="menu-icon-burger" viewBox="0 0 100 80" width="20" height="20"> <rect width="100" height="15"></rect> <rect y="30" width="100" height="15"></rect> <rect y="60" width="100" height="15"></rect> </svg> <svg class="menu-icon-close" width="20" height="20" viewBox="0 0 24 24"> <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> </svg> <ul class='level-1'> <li> <a href="/"></a> </li> <li> <a href="/website-builder/" class="menuLevelsMaxWidth">Site Builder</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/website-builder/features/" class="menuLevelsMaxWidth">Features</a> </li> <li> <a href="/website-builder/design-builder/" class="menuLevelsMaxWidth">Design Builder</a> </li> <li> <a href="/website-builder/integrations/" class="menuLevelsMaxWidth">Integrations</a> </li> <li> <a href="/website-builder/website-designs/" class="menuLevelsMaxWidth">Template Designs</a> </li> </ul> </li> <li> <a href="/prices/" class="menuLevelsMaxWidth">Prices</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/prices/website-builder-prices/" class="menuLevelsMaxWidth">Website Builder</a> </li> <li> <a href="/prices/design-prices/" class="menuLevelsMaxWidth">Design Services</a> </li> <li> <a href="/prices/designs/" class="menuLevelsMaxWidth">Website creation</a> </li> <li> <a href="/prices/refer/" class="menuLevelsMaxWidth">Refer</a> </li> </ul> </li> <li> <a href="/reviews-designs/" class="menuLevelsMaxWidth">Reviews</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/reviews-designs/reviews/" class="menuLevelsMaxWidth">Customer Reviews</a> </li> <li> <a href="/reviews-designs/design-examples/" class="menuLevelsMaxWidth"> Custom Design Showcase</a> </li> </ul> </li> <li> <a href="/support/" class="menuLevelsMaxWidth">Support</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/support/online-tutorials/" class="menuLevelsMaxWidth">Online Tutorials</a> </li> <li> <a href="https://www.churchedit.co.uk/calendar" class="menuLevelsMaxWidth">Training Webinars</a> </li> </ul> </li> <li> <a href="/about/" class="menuLevelsMaxWidth">About</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/about/careers/" class="menuLevelsMaxWidth">Careers</a> </li> <li> <a href="/about/church-edit-timeline/" class="menuLevelsMaxWidth">Timeline</a> </li> <li> <a href="/about/contact/" class="menuLevelsMaxWidth">Contact</a> </li> <li> <a href="/about/accounts/" class="menuLevelsMaxWidth">Accounts</a> </li> </ul> </li> <li> <a href="/news/" class="menuLevelsMaxWidth">News</a> </li> </ul> </div> <div id="full-menu" class="menu desktop-menu" style=" display:block; visibility:hidden; "> <ul class='level-1'> <li> <a href="/"></a> </li> <li> <a href="/website-builder/" class="menuLevelsMaxWidth">Site Builder</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/website-builder/features/" class="menuLevelsMaxWidth">Features</a> </li> <li> <a href="/website-builder/design-builder/" class="menuLevelsMaxWidth">Design Builder</a> </li> <li> <a href="/website-builder/integrations/" class="menuLevelsMaxWidth">Integrations</a> </li> <li> <a href="/website-builder/website-designs/" class="menuLevelsMaxWidth">Template Designs</a> </li> </ul> </li> <li> <a href="/prices/" class="menuLevelsMaxWidth">Prices</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/prices/website-builder-prices/" class="menuLevelsMaxWidth">Website Builder</a> </li> <li> <a href="/prices/design-prices/" class="menuLevelsMaxWidth">Design Services</a> </li> <li> <a href="/prices/designs/" class="menuLevelsMaxWidth">Website creation</a> </li> <li> <a href="/prices/refer/" class="menuLevelsMaxWidth">Refer</a> </li> </ul> </li> <li> <a href="/reviews-designs/" class="menuLevelsMaxWidth">Reviews</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/reviews-designs/reviews/" class="menuLevelsMaxWidth">Customer Reviews</a> </li> <li> <a href="/reviews-designs/design-examples/" class="menuLevelsMaxWidth"> Custom Design Showcase</a> </li> </ul> </li> <li> <a href="/support/" class="menuLevelsMaxWidth">Support</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/support/online-tutorials/" class="menuLevelsMaxWidth">Online Tutorials</a> </li> <li> <a href="https://www.churchedit.co.uk/calendar" class="menuLevelsMaxWidth">Training Webinars</a> </li> </ul> </li> <li> <a href="/about/" class="menuLevelsMaxWidth">About</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/about/careers/" class="menuLevelsMaxWidth">Careers</a> </li> <li> <a href="/about/church-edit-timeline/" class="menuLevelsMaxWidth">Timeline</a> </li> <li> <a href="/about/contact/" class="menuLevelsMaxWidth">Contact</a> </li> <li> <a href="/about/accounts/" class="menuLevelsMaxWidth">Accounts</a> </li> </ul> </li> <li> <a href="/news/" class="menuLevelsMaxWidth">News</a> </li> </ul> </div> </div> <script> function handleMultiLevelMenu(){ //if its being displayed or its hidden but should be displayed if($("#full-menu").css("display") == "block" || $("#full-menu").css("display") == "none" && $(window).width() > 600){ let levelOneChildren = $("#full-menu").find('.level-1').children(); let firstChild = $(levelOneChildren).eq(0); let lastChild = $(levelOneChildren).eq(levelOneChildren.length -1); if ((levelOneChildren.length / 2) > 7) { //the menu is on two levels need to revert to burger menu $("#full-menu").css("visibility", "hidden") $("#full-menu").css("display", "block");//reason for making it block but hidden is that position() dosen't work when $('.widget__content__menu > .menu > .level-1').css('display', 'none'); $("#burger-menu").css("display", "block"); $('.menuLevelsMaxWidth').css({ "max-width" : 'unset', "white-space" : 'nowrap' }); } else { $("#full-menu").css("display", "block"); $('.widget__content__menu > .menu > .level-1').css('display', ''); $("#burger-menu").css("display", "none") $('.menuLevelsMaxWidth').css({ "max-width" : '200px', "white-space" : 'unset' }); $("#full-menu").css('visibility', 'visible');//show the main menu this stops it from flashing on screen } } } $(function() { $('.menu-icon-burger, .menu-icon-close').on('click', e => { $(e.target).parent().parent().find('.menu-icon-burger').toggle() $(e.target).parent().parent().find('.menu-icon-close').toggle() $(e.target).parent().parent().find('ul:first').slideToggle('slow') }) $('.expand').on('click', e => { e.preventDefault(); //target can be in a div or not so need to //look at the parent and check if there is a UL within it if not check for it as a sibling let target = $(e.target).parent().children("ul").length > 0 ? $(e.target).next() : $(e.target).parent().next(); if($(target).length == 0){//if neither worked default to old method of using .prev() target = $(e.target).prev(); } if(target.length > 0){ if ($(target).is(':visible')) { $(e.target).html("▼") } else { $(e.target).html("▲") } $(target).slideToggle('slow') } }) handleMultiLevelMenu(); $(window).on('resize', handleMultiLevelMenu); $('.widget__content__menu').parent('.widget__content__data').parent('.widget').parent('.grid__row').parent('.grid__container').css('z-index', '110') }); </script> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 11 / span 6 / span 2;background-color: rgb(71, 110, 178);padding: 10px 10px 10px 10px;min-height: 20px;" tabIndex="3" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p style="text-align:center"><a class="button" href="http://www.churchedit.co.uk/free-trial/register-for-your-free-trial.php" style="display:inline-block;background-color:;border:;color:;padding:;border-radius:;font-size:;text-decoration: none !important; cursor: pointer;" target="_blank">Try</a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e21738fa0-2c57-499a-af61-d061ef312d54-header-row-2 { display: flex; } .e21738fa0-2c57-499a-af61-d061ef312d54-header-container-2 { background-color: #ffffff; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e21738fa0-2c57-499a-af61-d061ef312d54-header-row-2 { display: grid; gap: 0px 0px !important;; } .e21738fa0-2c57-499a-af61-d061ef312d54-header-container-2 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e21738fa0-2c57-499a-af61-d061ef312d54-header-container-2"> <div class="grid__row e21738fa0-2c57-499a-af61-d061ef312d54-header-row-2"> <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: 1px;" tabIndex="4" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .ebe134968-2cec-451e-83bf-f24ff97d177e-header-row-3 { display: flex; } .ebe134968-2cec-451e-83bf-f24ff97d177e-header-container-3 { background-color: #ffffff; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ebe134968-2cec-451e-83bf-f24ff97d177e-header-row-3 { display: grid; gap: 0px 40px !important;; } .ebe134968-2cec-451e-83bf-f24ff97d177e-header-container-3 { padding: 0px 80px !important;; gap: 0px 40px !important;; } } </style> <div class="grid__container ebe134968-2cec-451e-83bf-f24ff97d177e-header-container-3"> <div class="grid__row ebe134968-2cec-451e-83bf-f24ff97d177e-header-row-3"> </div> </div> </header> <main class="main"> <style> .ed33f5599-6d4b-434d-bef4-df2b694ee09d-main-row-0 { display: flex; } .ed33f5599-6d4b-434d-bef4-df2b694ee09d-main-container-0 { background-color: #ffffff; background-image: url(/content/builder/images/original/1686076784-2Apq.png); background-size: contain; background-position: right center; background-repeat: no-repeat; background-attachment: unset; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ed33f5599-6d4b-434d-bef4-df2b694ee09d-main-row-0 { display: grid; gap: 0px 0px !important;; } .ed33f5599-6d4b-434d-bef4-df2b694ee09d-main-container-0 { padding: 80px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container ed33f5599-6d4b-434d-bef4-df2b694ee09d-main-container-0"> <div class="grid__row ed33f5599-6d4b-434d-bef4-df2b694ee09d-main-row-0"> <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 6;background-color: inherit;padding: 20px 20px 10px 20px;min-height: 100px;" tabIndex="0" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <h1>Reflect the life of your church with your online presence</h1> <p><a class="button" href="/try" style="margin-top:1em; display:inline-block;background-color:;border:;color:;padding:;border-radius:;font-size:;text-decoration: none !important; cursor: pointer;" target="_self">Get Started</a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: 20px 10px 20px 10px;min-height: 250px;" tabIndex="1" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="image-widget" title="" style="min-height:250px;width:100%;background: url('/content/builder/images/original/1686076785-VxOA.png') no-repeat;background-size:contain;background-position:center center;"></div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e69a9c9f0-4160-4c1d-abe6-01670d6e08e5-main-row-1 { display: flex; } .e69a9c9f0-4160-4c1d-abe6-01670d6e08e5-main-container-1 { background-color: #cccccc; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e69a9c9f0-4160-4c1d-abe6-01670d6e08e5-main-row-1 { display: grid; gap: 0px 0px !important;; } .e69a9c9f0-4160-4c1d-abe6-01670d6e08e5-main-container-1 { padding: 0px 0px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e69a9c9f0-4160-4c1d-abe6-01670d6e08e5-main-container-1"> <div class="grid__row e69a9c9f0-4160-4c1d-abe6-01670d6e08e5-main-row-1"> <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: rgb(204, 204, 204);padding: 0px 0px 0px 0px;min-height: 2px;" tabIndex="2" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="image-widget" title="" style="min-height:2px;width:100%;"></div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e8ea32922-d865-4a71-a282-d68253f1f63a-main-row-2 { display: flex; } .e8ea32922-d865-4a71-a282-d68253f1f63a-main-container-2 { background-color: #dfeffb; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e8ea32922-d865-4a71-a282-d68253f1f63a-main-row-2 { display: grid; gap: 0px 20px !important;; } .e8ea32922-d865-4a71-a282-d68253f1f63a-main-container-2 { padding: 40px 80px !important;; gap: 0px 20px !important;; } } </style> <div class="grid__container e8ea32922-d865-4a71-a282-d68253f1f63a-main-container-2"> <div class="grid__row e8ea32922-d865-4a71-a282-d68253f1f63a-main-row-2"> <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: 20px 10px 20px 10px;min-height: 100px;" tabIndex="3" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <h2 style="margin-bottom:1em; text-align:center">How it works? </h2> <div class="w123"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%"> <tbody> <tr> <td style="text-align:center; vertical-align:top; width:19%"> <p style="text-align:center"><img alt="" src="https://churchedit.co.uk/content/pages/uploaded_images/1602848797-SZcr.png" style="width:100%" /></p> <h4 style="margin-top:0px; text-align:center"><br /> Get Started</h4> <p style="text-align:center">It couldn’t be easier<br /> Try for free and see</p> </td> <td style="text-align:center; vertical-align:middle; width:8%"><img alt="" class="arrow" src="https://churchedit.co.uk/content/pages/uploaded_images/1603107551-BJz7.png" style="width:60%" /></td> <td style="text-align:center; vertical-align:top; width:19%"> <p><img alt="" src="https://churchedit.co.uk/content/pages/uploaded_images/1602848807-82Dc.png" style="width:100%" /></p> <h4>Get Online</h4> <p>Create your website or let us create it for you!</p> </td> <td style="text-align:center; vertical-align:middle; width:8%"><img alt="" class="arrow" src="https://churchedit.co.uk/content/pages/uploaded_images/1603107551-BJz7.png" style="width:60%" /></td> <td style="text-align:center; vertical-align:top; width:19%"> <p><img alt="" src="https://churchedit.co.uk/content/pages/uploaded_images/1602848813-Xuh7.png" style="width:100%" /></p> <h4>Get Connected</h4> <p>Reach your community and keep your church family up to date</p> </td> <td style="text-align:center; vertical-align:middle; width:8%"><img alt="" class="arrow" src="https://churchedit.co.uk/content/pages/uploaded_images/1603107551-BJz7.png" style="width:60%" /></td> <td style="text-align:center; vertical-align:top; width:19%"> <p><img alt="" src="https://churchedit.co.uk/content/pages/uploaded_images/1602848820-1CHW.png" style="width:100%" /></p> <h4>Keep Growing</h4> <p>Grow your organisation with simple and powerful online tools</p> </td> </tr> </tbody> </table> </div> <p style="text-align:center"> </p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e139e68e7-a696-43f9-9cdf-612577f7800d-main-row-3 { display: flex; } .e139e68e7-a696-43f9-9cdf-612577f7800d-main-container-3 { background-color: #ffffff; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e139e68e7-a696-43f9-9cdf-612577f7800d-main-row-3 { display: grid; gap: 0px 40px !important;; } .e139e68e7-a696-43f9-9cdf-612577f7800d-main-container-3 { padding: 40px 80px !important;; gap: 0px 40px !important;; } } </style> <div class="grid__container e139e68e7-a696-43f9-9cdf-612577f7800d-main-container-3"> <div class="grid__row e139e68e7-a696-43f9-9cdf-612577f7800d-main-row-3"> <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: 20px 10px 10px 10px;min-height: 50px;" tabIndex="4" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p>Every church is different, and we recognise there is a need for all churches to have an external website which accurately reflects what is happening inside the church. Whether it is communicating important updates to your congregation, or meeting your wider community, we want to help you. That’s why we have created a service that is used and loved by thousands of churches. </p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 7 / span 6 / span 4;background-color: inherit;padding: 20px 10px 20px 10px;min-height: 50px;" tabIndex="5" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <ul> <li>Easy to use</li> <li>All New Design Builder</li> <li>Friendly UK based support</li> <li>New feature releases</li> </ul> <p><a class="button" href="/try">Get Started</a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .ee51bbd7b-a251-48de-9f10-5c5da662d080-main-row-4 { display: flex; } .ee51bbd7b-a251-48de-9f10-5c5da662d080-main-container-4 { background-color: #ffffff; background-image: url(/content/builder/images/original/1686076785-5827.png); background-size: auto; background-position: center center; background-repeat: repeat-y; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ee51bbd7b-a251-48de-9f10-5c5da662d080-main-row-4 { display: grid; gap: 40px 40px !important;; } .ee51bbd7b-a251-48de-9f10-5c5da662d080-main-container-4 { padding: 40px 80px !important;; gap: 40px 40px !important;; } } </style> <div class="grid__container ee51bbd7b-a251-48de-9f10-5c5da662d080-main-container-4"> <div class="grid__row ee51bbd7b-a251-48de-9f10-5c5da662d080-main-row-4"> <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 6;background-color: inherit;padding: 0px 0px 0px 0px;min-height: 400px;" tabIndex="6" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="image-widget" title="" style="min-height:400px;width:100%;background: url('/content/builder/images/original/1686076786-XU3o.png') no-repeat;background-size:contain;background-position:center center;"></div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: 40px 10px 10px 10px;min-height: 50px;" tabIndex="7" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <h2><span style="color:#ecf0f1">Website builder</span></h2> <p><span style="color:#ecf0f1">Our powerful system has been designed with your church in mind. Your team needs to be able to control and adjust your website whenever you would like, which is why many churches find our website builder to be a great fit as it is packed with many wonderful features to give your team complete control of your site. Click through to learn more about the features you can access with our website builder.</span></p> <p><a class="button" href="/features" style="background-color: rgb(251, 135, 115);" target="">Find out More</a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e02a85eff-e7ed-4352-895b-8d1e5c33b4b6-main-row-5 { display: flex; } .e02a85eff-e7ed-4352-895b-8d1e5c33b4b6-main-container-5 { background-color: #ffffff; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e02a85eff-e7ed-4352-895b-8d1e5c33b4b6-main-row-5 { display: grid; gap: 40px 40px !important;; } .e02a85eff-e7ed-4352-895b-8d1e5c33b4b6-main-container-5 { padding: 40px 80px !important;; gap: 40px 40px !important;; } } </style> <div class="grid__container e02a85eff-e7ed-4352-895b-8d1e5c33b4b6-main-container-5"> <div class="grid__row e02a85eff-e7ed-4352-895b-8d1e5c33b4b6-main-row-5"> <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 6;background-color: inherit;padding: 40px 10px 10px 10px;min-height: 50px;" tabIndex="8" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <h2>All New Design Builder</h2> <p>Our design builder allows you to easily create a website design yourself. There is a broad selection of ready-to-use designs to get started with and personalize. We also provide helpful resources so that you can learn how to use it.</p> <p><a class="button" href="/design-builder">Find out more</a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: 0px 0px 0px 0px;min-height: 400px;" tabIndex="9" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="image-widget" title="" style="min-height:400px;width:100%;background: url('/content/builder/images/original/1686076786-8mBx.png') no-repeat;background-size:contain;background-position:center center;"></div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .ea91e7ea1-a3a2-4335-85fa-7ac8e9323699-main-row-6 { display: flex; } .ea91e7ea1-a3a2-4335-85fa-7ac8e9323699-main-container-6 { background-color: #fb9583; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ea91e7ea1-a3a2-4335-85fa-7ac8e9323699-main-row-6 { display: grid; gap: 0px 20px !important;; } .ea91e7ea1-a3a2-4335-85fa-7ac8e9323699-main-container-6 { padding: 40px 80px !important;; gap: 0px 20px !important;; } } </style> <div class="grid__container ea91e7ea1-a3a2-4335-85fa-7ac8e9323699-main-container-6"> <div class="grid__row ea91e7ea1-a3a2-4335-85fa-7ac8e9323699-main-row-6"> <div class="widget mobile:col-6 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 1 / span 6 / span 3;background-color: inherit;padding: 20px 10px 20px 10px;min-height: 100px;" tabIndex="10" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px 0px 0px 0px;color: inherit;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <a class="image-widget" href="/news"> <div class="image-widget" title="microphone" style="min-height:100px;width:100%;background: url('/content/builder/images/original/1686076787-xYxQ.png') no-repeat;background-size:contain;background-position:center center;"></div> </a> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px 0px 0px 0px;color: #ffffff;display: block;"> <p style="text-align:center;color:inherit !important;"><a href="/news" style="color:inherit !important;"><span class="text-big" style="color:inherit !important;"><strong style="color:inherit !important;">News</strong></span></a></p> </div> </div> <div class="widget mobile:col-6 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 4 / span 6 / span 3;background-color: inherit;padding: 20px 10px 20px 10px;min-height: 100px;" tabIndex="11" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <a class="image-widget" href="/calendar"> <div class="image-widget" title="note board" style="min-height:100px;width:100%;background: url('/content/builder/images/original/1686076787-ED2N.png') no-repeat;background-size:contain;background-position:center center;"></div> </a> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px 0px 0px 0px;color: #ffffff;display: block;"> <p style="text-align:center;color:inherit !important;"><a href="/calendar" style="color:inherit !important;"><span class="text-big" style="color:inherit !important;"><strong style="color:inherit !important;">Training</strong></span></a></p> </div> </div> <div class="widget mobile:col-6 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 7 / span 6 / span 3;background-color: inherit;padding: 20px 10px 20px 10px;min-height: 100px;" tabIndex="12" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <a class="image-widget" href="/why-church-edit"> <div class="image-widget" title="question mark" style="min-height:100px;width:100%;background: url('/content/builder/images/original/1686076787-bbHK.png') no-repeat;background-size:contain;background-position:center center;"></div> </a> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px 0px 0px 0px;color: #ffffff;display: block;"> <p style="text-align:center;color:inherit !important;"><a href="/why-church-edit" style="color:inherit !important;"><span class="text-big" style="color:inherit !important;"><strong style="color:inherit !important;">Why Church Edit?</strong></span></a></p> </div> </div> <div class="widget mobile:col-6 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 10 / span 6 / span 3;background-color: inherit;padding: 20px 10px 20px 10px;min-height: 100px;" tabIndex="13" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <a class="image-widget" href="/online-tutorials"> <div class="image-widget" title="web page" style="min-height:100px;width:100%;background: url('/content/builder/images/original/1686076787-BC4K.png') no-repeat;background-size:contain;background-position:center center;"></div> </a> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px 0px 0px 0px;color: #ffffff;display: block;"> <p style="text-align:center;color:inherit !important;"><a href="/online-tutorials" style="color:inherit !important;"><span class="text-big" style="color:inherit !important;"><strong style="color:inherit !important;">Tutorials</strong></span></a></p> </div> </div> </div> </div> <style> .e1b9e1e83-632c-4830-bb17-4d9391358390-main-row-7 { display: flex; } .e1b9e1e83-632c-4830-bb17-4d9391358390-main-container-7 { background-color: #ffffff; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e1b9e1e83-632c-4830-bb17-4d9391358390-main-row-7 { display: grid; gap: 40px 40px !important;; } .e1b9e1e83-632c-4830-bb17-4d9391358390-main-container-7 { padding: 10px 80px !important;; gap: 40px 40px !important;; } } </style> <div class="grid__container e1b9e1e83-632c-4830-bb17-4d9391358390-main-container-7"> <div class="grid__row e1b9e1e83-632c-4830-bb17-4d9391358390-main-row-7"> <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: 200px;" tabIndex="14" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div style="margin-bottom: 20px;"> <div id="fireFoxFixer"> <div class="swiper swiper-rtkfm2yl538"> <div class="swiper-wrapper"> <div class="rotator-image-container swiper-slide " id="rotator-image-container-29" > <img class="rotator-image rotator-image-rtkfm2yl538" src="/content/builder/rotators/1686076891-tJEs.png" id="rotator-image-29" alt="We work with over 1000 churches. Read what some of them have to say about Church Edit" > <div id="rotator-image-text-29" class="rotator-caption" style="position:absolute;"> <div class="rotator-title--text" style="color: #3a9cd5;font-family: Lato;font-size: 24px;text-align: center;" id="rotator-image-title-29"> We work with over 1000 churches. Read what some of them have to say about Church Edit </div> <div style="color: #434343;font-family: Lato;font-size: 18px;text-align: center;" class="rotator-caption--text">Church Edit really has great customer support and is quick to respond to any queries or design requests. The whole design process went smoothly. We are very satisfied with our website and highly recommend them Terence Tafura - AFM Stevenage</div> </div> </div> <div class="rotator-image-container swiper-slide " id="rotator-image-container-30" > <img class="rotator-image rotator-image-rtkfm2yl538" src="/content/builder/rotators/1686076928-T8Mx.png" id="rotator-image-30" alt="We work with over 1000 churches. Read what some of them have to say about Church Edit" > <div id="rotator-image-text-30" class="rotator-caption" style="position:absolute;"> <div class="rotator-title--text" style="color: #3a9cd5;font-family: Lato;font-size: 24px;text-align: center;" id="rotator-image-title-30"> We work with over 1000 churches. Read what some of them have to say about Church Edit </div> <div style="color: #434343;font-family: Lato;font-size: 18px;text-align: center;" class="rotator-caption--text">I was really pleased with the service and the outcome. Would recommend working with church edit. Chris Brown - Bradford Upon Avon Community Church</div> </div> </div> </div> </div> </div> <!-- When navigation arrows are turned off, when the container has small vertical padding, rotator dots are cropped and unclickable without padding --> <div style="padding:5px;"> <div class="swiper-pagination swiper-pagination-rtkfm2yl538"></div> </div> <!-- /.style="padding:5px;" --> </div> <script> $(function(){ const swiper = new Swiper('.swiper-rtkfm2yl538', { speed: 800, spaceBetween: 500, loop:true, pagination: { el: ".swiper-pagination-rtkfm2yl538", clickable: true }, autoplay : true, autoplay: { delay: 5000, pauseOnMouseEnter: true, disableOnInteraction : false, }, navigation: { prevEl: '.slidePrev-btn-rtkfm2yl538', nextEl: '.slideNext-btn-rtkfm2yl538' }, setWrapperSize: true, }); swiper.autoplay.start(); }) </script> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px 0px 20px 0px;color: #37a3dc;display: block;"> <p style="text-align:center;color:inherit !important;"><a href="https://churchedit.co.uk/reviews" style="color:inherit !important;"><strong style="color:inherit !important;">READ MORE</strong></a></p> </div> </div> </div> </div> <style> .ebfd6d89e-bc03-4195-a53c-aa4fb86acede-main-row-8 { display: flex; } .ebfd6d89e-bc03-4195-a53c-aa4fb86acede-main-container-8 { background-color: #ecf5fc; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ebfd6d89e-bc03-4195-a53c-aa4fb86acede-main-row-8 { display: grid; gap: 0px 0px !important;; } .ebfd6d89e-bc03-4195-a53c-aa4fb86acede-main-container-8 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container ebfd6d89e-bc03-4195-a53c-aa4fb86acede-main-container-8"> <div class="grid__row ebfd6d89e-bc03-4195-a53c-aa4fb86acede-main-row-8"> <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="15" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="image-widget" title="" style="min-height:20px;width:100%;"></div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> </main> <footer class="main"> <style> .ee3d900e4-07a3-4248-be10-2782a64949f4-footer-row-0 { display: flex; } .ee3d900e4-07a3-4248-be10-2782a64949f4-footer-container-0 { background-color: #ecf5fc; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ee3d900e4-07a3-4248-be10-2782a64949f4-footer-row-0 { display: grid; gap: 0px 0px !important;; } .ee3d900e4-07a3-4248-be10-2782a64949f4-footer-container-0 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container ee3d900e4-07a3-4248-be10-2782a64949f4-footer-container-0"> <div class="grid__row ee3d900e4-07a3-4248-be10-2782a64949f4-footer-row-0"> <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 20px 10px 20px;min-height: 30px;" tabIndex="0" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <a class="image-widget" href="/"> <div class="image-widget" title="Church Edit Logo" style="min-height:30px;width:100%;background: url('/content/builder/images/1686077012-vs6w.jpeg') no-repeat;background-size:contain;background-position:center center;"></div> </a> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: 25px 10px 10px 10px;min-height: 30px;" tabIndex="1" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p style="text-align:center; font-size: 1.2rem;">T: 0121 651 11 20</p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: inherit;padding: 25px 10px 10px 10px;min-height: 30px;" tabIndex="2" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p style="font-size:1.2rem; text-align:center"><a href="https://churchedit.co.uk/contact"><span style="color:#222222">Send us an email</span></a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> <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: inherit;padding: 13px 10px 10px 10px;min-height: 30px;" tabIndex="3" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p style="text-align:center"><a class="button" href="/try" title="free trial">Get Started</a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .ef0f06460-0dcd-40e0-a7bc-01a16b407cd2-footer-row-1 { display: flex; } .ef0f06460-0dcd-40e0-a7bc-01a16b407cd2-footer-container-1 { background-color: #3a3a3a; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .ef0f06460-0dcd-40e0-a7bc-01a16b407cd2-footer-row-1 { display: grid; gap: 0px 40px !important;; } .ef0f06460-0dcd-40e0-a7bc-01a16b407cd2-footer-container-1 { padding: 0px 80px !important;; gap: 0px 40px !important;; } } </style> <div class="grid__container ef0f06460-0dcd-40e0-a7bc-01a16b407cd2-footer-container-1"> <div class="grid__row ef0f06460-0dcd-40e0-a7bc-01a16b407cd2-footer-row-1"> <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: 20px 10px 20px 10px;min-height: 20px;" tabIndex="4" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="text-widget ck-content"> <p style="text-align:center"><a href="/about"><span style="color:#ecf0f1">About Us</span></a><span style="color:#ecf0f1"> | </span><a href="/news"><span style="color:#ecf0f1">Latest News</span></a><span style="color:#ecf0f1"> | </span><a href="/faqs"><span style="color:#ecf0f1">FAQS</span></a><span style="color:#ecf0f1"> | </span><a href="/careers"><span style="color:#ecf0f1">Careers </span></a><span style="color:#ecf0f1"> | </span><a href="/terms-and-conditions"><span style="color:#ecf0f1">Terms & Conditions</span></a><span style="color:#ecf0f1"> | </span><a href="/privacy-notice"><span style="color:#ecf0f1">Privacy</span></a><span style="color:#ecf0f1"> | </span><a href="/hosted-emails"><span style="color:#ecf0f1">Hosted Emails</span></a></p> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> <style> .e07792763-0092-46f7-80d1-8a66d3c2aeab-footer-row-2 { display: flex; } .e07792763-0092-46f7-80d1-8a66d3c2aeab-footer-container-2 { background-color: #3a3a3a; background-size: auto; background-position: center center; background-repeat: no-repeat; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e07792763-0092-46f7-80d1-8a66d3c2aeab-footer-row-2 { display: grid; gap: 0px 40px !important;; } .e07792763-0092-46f7-80d1-8a66d3c2aeab-footer-container-2 { padding: 0px 80px !important;; gap: 0px 40px !important;; } } </style> <div class="grid__container e07792763-0092-46f7-80d1-8a66d3c2aeab-footer-container-2"> <div class="grid__row e07792763-0092-46f7-80d1-8a66d3c2aeab-footer-row-2"> <div class="widget mobile:col-12 mobile:d-block tablet:col-12 tablet:d-block" style="grid-area:1 / 5 / span 6 / span 4;background-color: inherit;padding: 10px 10px 10px 10px;min-height: 20px;" tabIndex="5" tabindex="0"> <div class="header-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Header Text</p> </div> <div class="widget__content__data"> <div class="widget__content__data"> <div class="d--flex" style="justify-content: center"> <div style="display:none" data-show="show_twitter"> <a href="https://twitter.com/churchedit" target="_blank"> <svg style="; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 5 36 36" aria-labelledby="twitterTitle twitterDesc" role="img"> <title id="twitterTitle">opens Twitter account in a new window</title> <desc id="twitterDesc">opens Twitter account in a new window</desc> <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> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 5 36 36" aria-labelledby="twitterTitle twitterDesc" role="img"> <title id="twitterTitle">opens Twitter account in a new window</title> <desc id="twitterDesc">opens Twitter account in a new window</desc> <rect x="9" y="9" width="18" height="18" rx="2" /> <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"/> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 5 36 36" aria-labelledby="twitterTitle twitterDesc" role="img"> <title id="twitterTitle">opens Twitter account in a new window</title> <desc id="twitterDesc">opens Twitter account in a new window</desc> <circle cx="18" cy="18" r="10" /> <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"/> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 5 36 36" aria-labelledby="twitterTitle twitterDesc" role="img"> <title id="twitterTitle">opens Twitter account in a new window</title> <desc id="twitterDesc">opens Twitter account in a new window</desc> <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" /> </svg> </a> </div> <div style="display:none" data-show="show_instagram"> <a href="" target="_blank"> <svg style="; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="instaTitle instaDesc" role="img"> <title id="instaTitle">opens Instagram account in a new window</title> <desc id="instaDesc">opens Instagram account in a new window</desc> <defs> <clipPath id="clip-inst"> <rect width="26" height="26"/> </clipPath> </defs> <g id="inst" clip-path="url(#clip-inst)"> <g id="Group_2042" data-name="Group 2042" transform="translate(-7884.041 -967.039)"> <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"/> </g> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="instaTitle instaDesc" role="img"> <title id="instaTitle">opens Instagram account in a new window</title> <desc id="instaDesc">opens Instagram account in a new window</desc> <defs> <clipPath id="clip-inst-square"> <rect width="26" height="26"/> </clipPath> </defs> <g id="inst-square" clip-path="url(#clip-inst-square)"> <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)"/> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="instaTitle instaDesc" role="img"> <title id="instaTitle">opens Instagram account in a new window</title> <desc id="instaDesc">opens Instagram account in a new window</desc> <defs> <clipPath id="clip-inst-circle"> <rect width="26" height="26"/> </clipPath> </defs> <g id="inst-circle" clip-path="url(#clip-inst-circle)"> <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)"/> </g> </svg> </a> </div> <div style="display:none" data-show="show_youtube"> <a href="" target="_blank"> <svg style="; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="youtubeTitle youtubeDesc" role="img"> <title id="youtubeTitle">opens Youtube account in a new window</title> <desc id="youtubeDesc">opens Youtube account in a new window</desc> <defs> <clipPath id="clip-youtube"> <rect width="26" height="26"/> </clipPath> </defs> <g id="youtube" clip-path="url(#clip-youtube)"> <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)"/> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="youtubeTitle youtubeDesc" role="img"> <title id="youtubeTitle">opens Youtube account in a new window</title> <desc id="youtubeDesc">opens Youtube account in a new window</desc> <defs> <clipPath id="clip-youtube-square"> <rect width="26" height="26"/> </clipPath> </defs> <g id="youtube-square" clip-path="url(#clip-youtube-square)"> <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)"/> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="youtubeTitle youtubeDesc" role="img"> <title id="youtubeTitle">opens Youtube account in a new window</title> <desc id="youtubeDesc">opens Youtube account in a new window</desc> <defs> <clipPath id="clip-youtube-circle"> <rect width="26" height="26"/> </clipPath> </defs> <g id="youtube-circle" clip-path="url(#clip-youtube-circle)"> <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)"/> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="youtubeTitle youtubeDesc" role="img"> <title id="youtubeTitle">opens Youtube account in a new window</title> <desc id="youtubeDesc">opens Youtube account in a new window</desc> <defs> <clipPath id="clip-youtube-outline"> <rect width="26" height="26"/> </clipPath> </defs> <g id="youtube-outline" clip-path="url(#clip-youtube-outline)"> <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)"/> </g> </svg> </a> </div> <div style="display:block" data-show="show_facebook"> <a href="https://www.facebook.com/churchedit" target="_blank"> <svg style="; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="facebookTitle facebookDesc" role="img"> <title id="facebookTitle">opens Facebook account in a new window</title> <desc id="facebookDesc">opens Facebook account in a new window</desc> <defs> <clipPath id="clip-fb"> <rect width="26" height="26"/> </clipPath> </defs> <g id="fb" clip-path="url(#clip-fb)"> <g id="Group_2035" data-name="Group 2035" transform="translate(-7883.942 -708)"> <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"/> </g> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="facebookTitle facebookDesc" role="img"> <title id="facebookTitle">opens Facebook account in a new window</title> <desc id="facebookDesc">opens Facebook account in a new window</desc> <defs> <clipPath id="clip-fb-square"> <rect width="26" height="26"/> </clipPath> </defs> <g id="fb-square" clip-path="url(#clip-fb-square)"> <g id="Group_2036" data-name="Group 2036" transform="translate(-7928.99 -710.49)"> <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"/> </g> </g> </svg> <svg style="display:none; fill: #ffffff;" xmlns="http://www.w3.org/2000/svg" width="51" height="51" viewBox="0 0 36 36" aria-labelledby="facebookTitle facebookDesc" role="img"> <title id="facebookTitle">opens Facebook account in a new window</title> <desc id="facebookDesc">opens Facebook account in a new window</desc> <defs> <clipPath id="clip-Fb-circle"> <rect width="26" height="26"/> </clipPath> </defs> <g id="Fb-circle" clip-path="url(#clip-Fb-circle)"> <g id="Group_2037" data-name="Group 2037" transform="translate(-7969 -709.227)"> <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"/> </g> </g> </svg> </a> </div> </div> </div> </div> <div class="footer-text ck-content" style="background-color: inherit;padding: 0px;color: inherit;border: 0;display: none;"> <p style="text-align:center;color:inherit !important;">Footer Text</p> </div> </div> </div> </div> </footer> <div class="poweredBy"> <a target="_blank" href="https://www.churchedit.co.uk">Powered by Church Edit</a> </div> <script src="/content/pageAccordion.js?1"></script> </body> </html>