CINXE.COM
St John's - Benefice of Boldre and South Baddesley
<!DOCTYPE html> <html lang="en" prefix="og: https://ogp.me/ns#"> <head> <title>St John's - Benefice of Boldre and South Baddesley</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="xEpBClUULJDqumfv4qPMCAtKY6pnkkNXUuybZD04"> <link rel="stylesheet" href="/js/swiper/swiper-bundle.min.css" /> <meta property="og:title" content="St John's - Benefice of Boldre and South Baddesley" /> <meta property="og:type" content="article" /> <meta charset="utf-8" /> <meta name="description" content="" /> <meta name="author" content="Benefice of Boldre and South Baddesley" /> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <meta property="og:url" content="https://www.bsbb.org.uk/st-johns" /> <meta property="og:site_name" content="Benefice of Boldre and South Baddesley" /> <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 async src="https://www.googletagmanager.com/gtag/js?id=G-68NG2BWPLK"></script> <script src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js" type="text/javascript"></script> <script> var config = { apiKey: "004fedf912f811387c039820d18f70b5ee7b317e", product: "COMMUNITY", toggleType: 'checkbox', consentCookieExpiry: 90, text: { title: "This site uses cookies.", intro: "Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used. You may choose to accept or reject our recommended usage of cookies or turn individual cookies on and off using the checkboxes below, then click the x to save your preferences.", necessaryTitle: 'Necessary Cookies', necessaryDescription: 'Necessary cookies enable core functionality such as page navigation and access to secure areas. The website cannot function properly without these cookies, and can only be disabled by changing your browser preferences.', }, necessaryCookies: ['PHPSESSID', 'ci_session', 'player', 'vuid', 'DSID', 'YSC', 'aguid'], optionalCookies: [{ name: 'analytics', label: 'Analytical Cookies', description: "Analytical cookies help us to improve our website by collecting and reporting information on its usage.", recommendedState: 'on', cookies: ['_ga', '_gid', '_gat', '__utma', '__utmt', '__utmb', '__utmc', '__utmz', '__utmv'], onAccept: function() { (function() { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-68NG2BWPLK'); gtag('consent', 'update', {'analytics_storage': 'granted'}); })(); }, onRevoke: function() { gtag('consent', 'update', {'analytics_storage': 'denied'}); window['ga-disable-G-68NG2BWPLK'] = true; } }], position: "RIGHT", theme: "DARK" }; CookieControl.load(config); </script> <link rel="stylesheet" href="https://www.bsbb.org.uk/css/frontend-app.min.css"> <script src="https://www.bsbb.org.uk/js/frontend-app.min.js"></script> <link rel='stylesheet' href='/stylesheets/1_20230609-150300_1pqH.css' type='text/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> .ede7ea222-7ba8-4b96-ae16-a4e226bbe366-header-row-0 { display: flex; } .ede7ea222-7ba8-4b96-ae16-a4e226bbe366-header-container-0 { 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) { .ede7ea222-7ba8-4b96-ae16-a4e226bbe366-header-row-0 { display: grid; gap: 0px 0px !important;; } .ede7ea222-7ba8-4b96-ae16-a4e226bbe366-header-container-0 { padding: 5px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container ede7ea222-7ba8-4b96-ae16-a4e226bbe366-header-container-0"> <div class="grid__row ede7ea222-7ba8-4b96-ae16-a4e226bbe366-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 3;background-color: inherit;padding: 10px 10px 10px 10px;min-height: 50px;" 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="Logo" style="min-height:50px;width:100%;background: url('/content/builder/images/1688651684-HJER.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 / 4 / span 6 / span 6;background-color: inherit;padding: 0px;border: 0;min-height: 200px;" 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"> <h1 style="text-align:center">Benefice of Boldre & South Baddesley<br /> <a href="https://www.bsbb.org.uk/our-churches/st-marys/"><img alt="" src="/content/images/original/x0sf9hwtogvb38inkq6751lramyz2p4jued.jpeg" style="height:20%; width:23%" /></a> <a href="https://www.bsbb.org.uk/our-churches/st-johns/"><img alt="" src="/content/images/original/326gzjme4n7aqrwb0s9ko8icxuhtpv5d1yf.jpeg" style="height:22%; width:30%" /></a> <a href="https://www.bsbb.org.uk/our-churches/st-nicholas/"><img alt="" src="/content/images/original/g710xtzbiq6odrfeyvpnjuw8l3ch92kms5a.jpeg" style="height:20%; width:26%" /></a></h1> </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: 10px 11px 10px 10px;min-height: 50px;" 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"> <h6><a href="https://www.facebook.com/boldrechurch/?locale=en_GB&checkpoint_src=any" target="_blank"><img alt="" src="/content/pages/uploaded_images/67.jpg" style="height:20%; width:20%" /></a> <span style="color:#2980b9">St John's Boldre</span></h6> <h6><span style="color:#ecf0f1"><span style="background-color:#ffffff"><a href="https://www.facebook.com/people/St-Marys-South-Baddesley/61561389384037/" target="_blank"><img alt="" src="/content/pages/uploaded_images/67.jpg" style="height:20%; width:20%" /></a> </span></span><span style="color:#2980b9"><span style="background-color:#ffffff">St Mary's South Baddesley</span></span></h6> </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> .e79d5c20c-f6bd-46db-9e39-02a48f2a78fc-header-row-1 { display: flex; } .e79d5c20c-f6bd-46db-9e39-02a48f2a78fc-header-container-1 { 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) { .e79d5c20c-f6bd-46db-9e39-02a48f2a78fc-header-row-1 { display: grid; gap: 0px 0px !important;; } .e79d5c20c-f6bd-46db-9e39-02a48f2a78fc-header-container-1 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e79d5c20c-f6bd-46db-9e39-02a48f2a78fc-header-container-1"> <div class="grid__row e79d5c20c-f6bd-46db-9e39-02a48f2a78fc-header-row-1"> <div class="" style="grid-area:1 / 1 / span 6 / span 12;" tabIndex="3" tabindex="0"> <div class="widget__content__data"> </div> </div> </div> </div> <style> .e3e0d5604-f5bd-4c32-a59c-28dad4c0f8aa-header-row-2 { display: flex; } .e3e0d5604-f5bd-4c32-a59c-28dad4c0f8aa-header-container-2 { background-color: #ffffff; background-size: auto; background-position: center center; background-repeat: no-repeat; z-index: 100; max-width: 100% !important; } @media only screen and (min-width: 1024px) { .e3e0d5604-f5bd-4c32-a59c-28dad4c0f8aa-header-row-2 { display: grid; gap: 0px 0px !important;; } .e3e0d5604-f5bd-4c32-a59c-28dad4c0f8aa-header-container-2 { padding: 0px 0px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e3e0d5604-f5bd-4c32-a59c-28dad4c0f8aa-header-container-2"> <div class="grid__row e3e0d5604-f5bd-4c32-a59c-28dad4c0f8aa-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: rgb(96, 117, 171);padding: 0px 0px 0px 0px;min-height: 65px;" 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"> <style> </style> <div class="widget__content__menu" style="--level-1_is-customised:1;--level-1_font-family:Poppins;--level-1_font-size:20;--level-1_color:#ffffff;--level-2_font-family:Poppins;--level-2_color:#ffffff;--level-2_has-hover-effect:1;--level-2_hover_background-color:#6075ab;--level-1_hover_background-color:#4d65a4;--level-3_is-customised:1;--level-3_font-family:Poppins;--level-3_has-hover-effect:1;--level-3_hover_background-color:#6075ab;--level-3_color:#ffffff;--level-4_is-customised:1;--level-4_font-family:Poppins;--level-4_color:#ffffff;--level-4_has-hover-effect:1;--level-4_hover_background-color:#6075ab;--level-1_hover_color:#f6f6f6;--level-1_menu-background-color:#6075ab;--level-1_font-weight:700;--level-2_font-weight:700;--level-2_is-customised:1;--level-2_hover_color:#f3f3f3;--level-2_menu-background-color:#4d65a4;--level-3_menu-background-color:#4d65a4;--level-3_hover_color:#f3f3f3;--level-4_menu-background-color:#4d65a4;--level-4_hover_color:#f3f3f3;--level-4_font-weight:700;--level-4_font-size:15;--level-4_text-transform:none;--level-3_font-size:15;--level-3_text-transform:none;--level-2_text-transform:none;--level-2_font-size:15;--level-3_font-weight:700;--level-1_text-transform:none;--level-1_has-hover-effect: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="/">Home</a> </li> <li> <a href="/about-us/" class="menuLevelsMaxWidth">About us</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="https://www.bsbb.org.uk/photos">Photos</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class="level-3"> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=23">William Gilpin 300 Years</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=22">St Philip's Church Sydney</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=21">St John's Crib Service 2023</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=20">St John's Wedding Photos 2020</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=19">St Johns General</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=18">St John's Virtual Kids' Club</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=17">St John's Confirmation 2020</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=16">St John's Wedding Photos 2019</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=15">St John's Baptism Photos 2019</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=14">St John\'s Barn Dance May 2018</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=13">Africa Day St John\'s</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=12">St Marys Baptisms</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=11">Australia Day 2017 - St John's</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=10">St Mary's Wedding Photos</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=9">St John's Music & Verse June16</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=8">St John's Baptism Photos 2016-2018</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=7">St John's Wedding Photos 2016-2018</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=5">Australia Day Service 2016 - St John's</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=4">St Mary's Christmas Fair</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=3">St John's Remembrance Service</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=2">St John's Pet Service</a></li> </ul> </li> <li> <a href="/about-us/contact-us/" class="menuLevelsMaxWidth">Contact us</a> </li> <li> <a href="/about-us/bible-study/" class="menuLevelsMaxWidth">Study Groups</a> </li> <li> <a href="/about-us/parish-profile/" class="menuLevelsMaxWidth">Parish Profiles</a> </li> <li> <a href="/about-us/privacy/" class="menuLevelsMaxWidth">Privacy</a> </li> <li> <a href="/about-us/safeguarding/" class="menuLevelsMaxWidth">Safeguarding</a> </li> <li> <a href="/about-us/virtual-church/" class="menuLevelsMaxWidth">Virtual Church</a> </li> <li> <a href="https://www.bsbb.org.uk/search" class="menuLevelsMaxWidth">Search</a> </li> <li> <a href="https://www.bsbb.org.uk/links.php" class="menuLevelsMaxWidth">Links</a> </li> </ul> </li> <li> <a href="/our-churches/" class="menuLevelsMaxWidth">Our Churches</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/our-churches/st-johns/" class="menuLevelsMaxWidth">St John's</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class='level-3'> <li> <a href="/our-churches/st-johns/how-to-find-us/" class="menuLevelsMaxWidth">How to Find St John's</a> </li> <li> <a href="/our-churches/st-johns/electoral-roll-application-form-st-johns/" class="menuLevelsMaxWidth">Electoral Roll Application Form - St John's</a> </li> <li> <a href="/our-churches/st-johns/sunday-services/" class="menuLevelsMaxWidth">Services at St John's</a> </li> <li> <a href="/our-churches/st-johns/who-is-who-at-st-johns/" class="menuLevelsMaxWidth">Who's who at St John's?</a> </li> <li> <a href="/our-churches/st-johns/giving-to-st-johns/" class="menuLevelsMaxWidth">Giving to St John's</a> </li> <li> <a href="/our-churches/st-johns/boldre-church-trust/" class="menuLevelsMaxWidth">Boldre Church Trust</a> </li> <li> <a href="/our-churches/st-johns/history/" class="menuLevelsMaxWidth">History of St John's Church</a> </li> <li> <a href="/our-churches/st-johns/hms-hood/" class="menuLevelsMaxWidth">H.M.S. Hood Memorial</a> </li> <li> <a href="/our-churches/st-johns/st-johns-churchyard/" class="menuLevelsMaxWidth">St John's Churchyard</a> </li> <li> <a href="/our-churches/st-johns/music/" class="menuLevelsMaxWidth">Music at St. John's</a> </li> <li> <a href="/our-churches/st-johns/organ-appeal-2025/" class="menuLevelsMaxWidth">Organ Appeal 2025</a> </li> <li> <a href="/our-churches/st-johns/st-johns-annual-reports/" class="menuLevelsMaxWidth">Meetings and Reports</a> </li> <li> <a href="/our-churches/st-johns/privacy-policy-st-johns/" class="menuLevelsMaxWidth">Privacy Policy</a> </li> </ul> </li> <li> <a href="/our-churches/st-nicholas/" class="menuLevelsMaxWidth">St Nicholas'</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class='level-3'> <li> <a href="/our-churches/st-nicholas/how-to-find-st-nicholas/" class="menuLevelsMaxWidth">How to Find St Nicholas'</a> </li> <li> <a href="/our-churches/st-nicholas/services-at-st-nicholas/" class="menuLevelsMaxWidth">Services at St Nicholas'</a> </li> </ul> </li> <li> <a href="/our-churches/st-marys/" class="menuLevelsMaxWidth">St Mary's</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class='level-3'> <li> <a href="/our-churches/st-marys/electoral-roll-application-form-st-marys/" class="menuLevelsMaxWidth">Electoral Roll Application Form - St Mary's</a> </li> <li> <a href="/our-churches/st-marys/sunday-services-at-st-marys/" class="menuLevelsMaxWidth">Services at St Mary's</a> </li> <li> <a href="/our-churches/st-marys/how-to-find-st-marys/" class="menuLevelsMaxWidth">How to Find St Mary's</a> </li> <li> <a href="/our-churches/st-marys/history-st-marys/" class="menuLevelsMaxWidth">History of St Mary's Church</a> </li> <li> <a href="/our-churches/st-marys/who-is-who-at-st-marys/" class="menuLevelsMaxWidth">Who is Who at St Mary's</a> </li> <li> <a href="/our-churches/st-marys/music-at-st-marys/" class="menuLevelsMaxWidth">Music at St Mary's</a> </li> <li> <a href="/our-churches/st-marys/annual-reports/" class="menuLevelsMaxWidth">Annual Reports</a> </li> <li> <a href="/our-churches/st-marys/the-ken-allen-trust/" class="menuLevelsMaxWidth">The Ken Allen Trust</a> </li> <li> <a href="/our-churches/st-marys/privacy-policy/" class="menuLevelsMaxWidth">Privacy Policy St Mary's</a> </li> </ul> </li> <li> <a href="/our-churches/special-vergers-wanted/" class="menuLevelsMaxWidth">Special Vergers Wanted !!!</a> </li> </ul> </li> <li> <a href="/newsevents/" class="menuLevelsMaxWidth">News & Events</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/newsevents/blessing-of-animals-st-johns/" class="menuLevelsMaxWidth">Blessing of Animals - St John's</a> </li> <li> <a href="/newsevents/special-vergers-wanted81422/" class="menuLevelsMaxWidth">Special Vergers Wanted!</a> </li> <li> <a href="/newsevents/confirmation-classes/" class="menuLevelsMaxWidth">Confirmation Classes</a> </li> <li> <a href="/newsevents/help-ukraine/" class="menuLevelsMaxWidth">Help Ukraine</a> </li> </ul> </li> <li> <a href="https://www.bsbb.org.uk/calendar" class="menuLevelsMaxWidth">Calendar</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/" class="menuLevelsMaxWidth">Weddings, Baptisms & Funerals</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/weddings-amp-baptisms-funerals/policies/" class="menuLevelsMaxWidth">Policies</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/cost-of-weddings/" class="menuLevelsMaxWidth">Cost of Weddings & Baptisms</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/baptism-preparation/" class="menuLevelsMaxWidth">Baptism Preparation</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/marriage-preparation/" class="menuLevelsMaxWidth">Marriage Preparation</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/your-wedding-music/" class="menuLevelsMaxWidth">Wedding Music at St John's Boldre</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/wedding-music-at-st-marys/" class="menuLevelsMaxWidth">Wedding Music at St Mary's South Baddesley</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/funeral-charges/" class="menuLevelsMaxWidth">Funeral Charges</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/arranging-a-funeral/" class="menuLevelsMaxWidth">Arranging a Funeral</a> </li> </ul> </li> </ul> </div> <div id="full-menu" class="menu desktop-menu" style=" display:block; visibility:hidden; "> <ul class='level-1'> <li> <a href="/">Home</a> </li> <li> <a href="/about-us/" class="menuLevelsMaxWidth">About us</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="https://www.bsbb.org.uk/photos">Photos</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class="level-3"> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=23">William Gilpin 300 Years</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=22">St Philip's Church Sydney</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=21">St John's Crib Service 2023</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=20">St John's Wedding Photos 2020</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=19">St Johns General</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=18">St John's Virtual Kids' Club</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=17">St John's Confirmation 2020</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=16">St John's Wedding Photos 2019</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=15">St John's Baptism Photos 2019</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=14">St John\'s Barn Dance May 2018</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=13">Africa Day St John\'s</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=12">St Marys Baptisms</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=11">Australia Day 2017 - St John's</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=10">St Mary's Wedding Photos</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=9">St John's Music & Verse June16</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=8">St John's Baptism Photos 2016-2018</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=7">St John's Wedding Photos 2016-2018</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=5">Australia Day Service 2016 - St John's</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=4">St Mary's Christmas Fair</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=3">St John's Remembrance Service</a></li> <li><a href="https://www.bsbb.org.uk/photos/gallery.php?id=2">St John's Pet Service</a></li> </ul> </li> <li> <a href="/about-us/contact-us/" class="menuLevelsMaxWidth">Contact us</a> </li> <li> <a href="/about-us/bible-study/" class="menuLevelsMaxWidth">Study Groups</a> </li> <li> <a href="/about-us/parish-profile/" class="menuLevelsMaxWidth">Parish Profiles</a> </li> <li> <a href="/about-us/privacy/" class="menuLevelsMaxWidth">Privacy</a> </li> <li> <a href="/about-us/safeguarding/" class="menuLevelsMaxWidth">Safeguarding</a> </li> <li> <a href="/about-us/virtual-church/" class="menuLevelsMaxWidth">Virtual Church</a> </li> <li> <a href="https://www.bsbb.org.uk/search" class="menuLevelsMaxWidth">Search</a> </li> <li> <a href="https://www.bsbb.org.uk/links.php" class="menuLevelsMaxWidth">Links</a> </li> </ul> </li> <li> <a href="/our-churches/" class="menuLevelsMaxWidth">Our Churches</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/our-churches/st-johns/" class="menuLevelsMaxWidth">St John's</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class='level-3'> <li> <a href="/our-churches/st-johns/how-to-find-us/" class="menuLevelsMaxWidth">How to Find St John's</a> </li> <li> <a href="/our-churches/st-johns/electoral-roll-application-form-st-johns/" class="menuLevelsMaxWidth">Electoral Roll Application Form - St John's</a> </li> <li> <a href="/our-churches/st-johns/sunday-services/" class="menuLevelsMaxWidth">Services at St John's</a> </li> <li> <a href="/our-churches/st-johns/who-is-who-at-st-johns/" class="menuLevelsMaxWidth">Who's who at St John's?</a> </li> <li> <a href="/our-churches/st-johns/giving-to-st-johns/" class="menuLevelsMaxWidth">Giving to St John's</a> </li> <li> <a href="/our-churches/st-johns/boldre-church-trust/" class="menuLevelsMaxWidth">Boldre Church Trust</a> </li> <li> <a href="/our-churches/st-johns/history/" class="menuLevelsMaxWidth">History of St John's Church</a> </li> <li> <a href="/our-churches/st-johns/hms-hood/" class="menuLevelsMaxWidth">H.M.S. Hood Memorial</a> </li> <li> <a href="/our-churches/st-johns/st-johns-churchyard/" class="menuLevelsMaxWidth">St John's Churchyard</a> </li> <li> <a href="/our-churches/st-johns/music/" class="menuLevelsMaxWidth">Music at St. John's</a> </li> <li> <a href="/our-churches/st-johns/organ-appeal-2025/" class="menuLevelsMaxWidth">Organ Appeal 2025</a> </li> <li> <a href="/our-churches/st-johns/st-johns-annual-reports/" class="menuLevelsMaxWidth">Meetings and Reports</a> </li> <li> <a href="/our-churches/st-johns/privacy-policy-st-johns/" class="menuLevelsMaxWidth">Privacy Policy</a> </li> </ul> </li> <li> <a href="/our-churches/st-nicholas/" class="menuLevelsMaxWidth">St Nicholas'</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class='level-3'> <li> <a href="/our-churches/st-nicholas/how-to-find-st-nicholas/" class="menuLevelsMaxWidth">How to Find St Nicholas'</a> </li> <li> <a href="/our-churches/st-nicholas/services-at-st-nicholas/" class="menuLevelsMaxWidth">Services at St Nicholas'</a> </li> </ul> </li> <li> <a href="/our-churches/st-marys/" class="menuLevelsMaxWidth">St Mary's</a> <a class="expand" href="#" style="float:right;">▶</a><!-- across --> <ul class='level-3'> <li> <a href="/our-churches/st-marys/electoral-roll-application-form-st-marys/" class="menuLevelsMaxWidth">Electoral Roll Application Form - St Mary's</a> </li> <li> <a href="/our-churches/st-marys/sunday-services-at-st-marys/" class="menuLevelsMaxWidth">Services at St Mary's</a> </li> <li> <a href="/our-churches/st-marys/how-to-find-st-marys/" class="menuLevelsMaxWidth">How to Find St Mary's</a> </li> <li> <a href="/our-churches/st-marys/history-st-marys/" class="menuLevelsMaxWidth">History of St Mary's Church</a> </li> <li> <a href="/our-churches/st-marys/who-is-who-at-st-marys/" class="menuLevelsMaxWidth">Who is Who at St Mary's</a> </li> <li> <a href="/our-churches/st-marys/music-at-st-marys/" class="menuLevelsMaxWidth">Music at St Mary's</a> </li> <li> <a href="/our-churches/st-marys/annual-reports/" class="menuLevelsMaxWidth">Annual Reports</a> </li> <li> <a href="/our-churches/st-marys/the-ken-allen-trust/" class="menuLevelsMaxWidth">The Ken Allen Trust</a> </li> <li> <a href="/our-churches/st-marys/privacy-policy/" class="menuLevelsMaxWidth">Privacy Policy St Mary's</a> </li> </ul> </li> <li> <a href="/our-churches/special-vergers-wanted/" class="menuLevelsMaxWidth">Special Vergers Wanted !!!</a> </li> </ul> </li> <li> <a href="/newsevents/" class="menuLevelsMaxWidth">News & Events</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/newsevents/blessing-of-animals-st-johns/" class="menuLevelsMaxWidth">Blessing of Animals - St John's</a> </li> <li> <a href="/newsevents/special-vergers-wanted81422/" class="menuLevelsMaxWidth">Special Vergers Wanted!</a> </li> <li> <a href="/newsevents/confirmation-classes/" class="menuLevelsMaxWidth">Confirmation Classes</a> </li> <li> <a href="/newsevents/help-ukraine/" class="menuLevelsMaxWidth">Help Ukraine</a> </li> </ul> </li> <li> <a href="https://www.bsbb.org.uk/calendar" class="menuLevelsMaxWidth">Calendar</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/" class="menuLevelsMaxWidth">Weddings, Baptisms & Funerals</a> <a class="expand" href="#">▼</a><!--down --> <ul class='level-2'> <li> <a href="/weddings-amp-baptisms-funerals/policies/" class="menuLevelsMaxWidth">Policies</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/cost-of-weddings/" class="menuLevelsMaxWidth">Cost of Weddings & Baptisms</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/baptism-preparation/" class="menuLevelsMaxWidth">Baptism Preparation</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/marriage-preparation/" class="menuLevelsMaxWidth">Marriage Preparation</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/your-wedding-music/" class="menuLevelsMaxWidth">Wedding Music at St John's Boldre</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/wedding-music-at-st-marys/" class="menuLevelsMaxWidth">Wedding Music at St Mary's South Baddesley</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/funeral-charges/" class="menuLevelsMaxWidth">Funeral Charges</a> </li> <li> <a href="/weddings-amp-baptisms-funerals/arranging-a-funeral/" class="menuLevelsMaxWidth">Arranging a Funeral</a> </li> </ul> </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> </div> </header> <main class="main"> <style> .e213b92e0-648f-49c5-b116-32656155ab4c-main-row-0 { display: flex; } .e213b92e0-648f-49c5-b116-32656155ab4c-main-container-0 { 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) { .e213b92e0-648f-49c5-b116-32656155ab4c-main-row-0 { display: grid; gap: 0px 0px !important;; } .e213b92e0-648f-49c5-b116-32656155ab4c-main-container-0 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e213b92e0-648f-49c5-b116-32656155ab4c-main-container-0"> <div class="grid__row e213b92e0-648f-49c5-b116-32656155ab4c-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 12;background-color: rgb(243, 243, 243);padding: 10px 10px 10px 10px;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="widget__content__data"> <style> .breadcrumbClass { font-family:Poppins !important; font-size:12px !important; color:#999999 } </style> <script> $(document).ready(function() { $('.breadcrumbClass').unbind('mouseover').mouseover(function() { if ($(this).is('a')) { $(this).css('color', '#666666 !important'); } }); $('.breadcrumbClass').unbind('mouseout').mouseout(function() { if ($(this).is('a')) { $(this).css('color', '#999999 !important'); } }); }); </script> <div class="breadcrumbs breadcrumbClass" > <div class="links"> <a href="https://www.bsbb.org.uk" class="breadcrumbClass">Home</a> > <a class="breadcrumbClass" href="https://www.bsbb.org.uk/our-churches/">Our Churches</a> > <a class="breadcrumbClass" href="https://www.bsbb.org.uk/our-churches/st-johns/">St John's</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> <style> .ebba58f69-abe0-496c-80f4-30c4c119cb20-main-row-1 { display: flex; } .ebba58f69-abe0-496c-80f4-30c4c119cb20-main-container-1 { 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) { .ebba58f69-abe0-496c-80f4-30c4c119cb20-main-row-1 { display: grid; gap: 0px 40px !important;; } .ebba58f69-abe0-496c-80f4-30c4c119cb20-main-container-1 { padding: 40px 80px !important;; gap: 0px 40px !important;; } } </style> <div class="grid__container ebba58f69-abe0-496c-80f4-30c4c119cb20-main-container-1"> <div class="grid__row ebba58f69-abe0-496c-80f4-30c4c119cb20-main-row-1"> <div class="d-none" style="grid-area:1 / 1 / span 6 / span 3;" tabIndex="1" tabindex="0"> <div class="widget__content__data"> <div class="sidebarBody widget__content"> <div class="menu"> <ul class='level-1 ' style="padding-inline-start:0;margin-block-end:0px;"> <li class="sideBarHeader" style="list-style-type:none !important;"> <a href="/our-churches/">Our Churches</a> </li> <ul class="level-2 selected"> <li><a href="/our-churches/st-johns/">St John's</a></li> <li class="children level-2"> <ul class="level-3 "> <li><a href="/our-churches/st-johns/how-to-find-us/">How to Find St John's</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/electoral-roll-application-form-st-johns/">Electoral Roll Application Form - St John's</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/sunday-services/">Services at St John's</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/who-is-who-at-st-johns/">Who's who at St John's?</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/giving-to-st-johns/">Giving to St John's</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/boldre-church-trust/">Boldre Church Trust</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/history/">History of St John's Church</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/hms-hood/">H.M.S. Hood Memorial</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/st-johns-churchyard/">St John's Churchyard</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/music/">Music at St. John's</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/organ-appeal-2025/">Organ Appeal 2025</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/st-johns-annual-reports/">Meetings and Reports</a></li> </ul> <ul class="level-3 "> <li><a href="/our-churches/st-johns/privacy-policy-st-johns/">Privacy Policy</a></li> </ul> </li> </ul> <ul class="level-2 "> <li><a href="/our-churches/st-nicholas/">St Nicholas'</a></li> </ul> <ul class="level-2 "> <li><a href="/our-churches/st-marys/">St Mary's</a></li> </ul> <ul class="level-2 "> <li><a href="/our-churches/special-vergers-wanted/">Special Vergers Wanted !!!</a></li> </ul> </ul> </div> </div> </div> </div> <div class="" style="grid-area:1 / 4 / span 6 / span 9;" tabIndex="2" tabindex="0"> <div class="widget__content__data"> <h1>St John's</h1> <div class="page-content"><h4>St John’s church, Boldre, is one of the most beautiful churches in the New Forest and perhaps the oldest. It's an oasis of tranquillity and peace for people who come here, to worship, for their life's rites of passage, or simply to spend a little time with God and the past worshippers here, famous and not-so-famous.</h4> <p style="text-align: justify;"><meta charset="UTF-8" /></p> <p style="text-align: justify;"><meta charset="UTF-8" /></p> <p style="text-align: justify;"><br /> The worship in St John’s <img alt="St John's Boldre" src="/content/pages/uploaded_images/13.jpg" style="float:left; height:40%; margin:10px; width:40%" />is traditional and contemporary Anglican liturgy, led by a choir. You'll find Choral Matins still offered here, with Choral Evensong once a month, and a Common Worship Eucharist (Holy Communion) twice a month. It has a friendly, supportive congregation whose members do really care for one another, and who are always pleased to welcome others who come from time to time, often from a distance. If you enjoy singing, why not join the choir? </p> <p style="text-align: justify;">Refreshments are always served after the Sunday services. </p> <p><br /> Christianity is not a risk-free, safety zone; mean-spirited, narrow-minded and self-serving. It puts the first last, the last first. It declares the poor blessed, shoves and squeezes the wealthy through<br /> the eye of a needle, turns the other cheek, walks the second mile and forgives not<br /> once or, twice, three times or seven times, but seventy times seven. It declares<br /> crucifixion a victory, bad Friday becomes Good Friday, death life, the impossible<br /> possible. it is simple and free - and will cost you everything. The foolish learn wisdom, and love is discovered to be the ultimate virtue, life’s only <i>raison d’etre</i>. </p> <p><img alt="" src="https://www.youtube.com/watch?v=_LO3Mj7MzBw" style="margin: 5px;" /></p> <p><iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/_LO3Mj7MzBw?rel=0" width="640"></iframe><br /> Video by kind permission of Nick Swann</p> </div> </div> </div> </div> </div> </main> <footer class="main"> <style> .e958ed9b8-bbf4-4f8b-818c-6efb723d8524-footer-row-0 { display: flex; } .e958ed9b8-bbf4-4f8b-818c-6efb723d8524-footer-container-0 { 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) { .e958ed9b8-bbf4-4f8b-818c-6efb723d8524-footer-row-0 { display: grid; gap: 0px 20px !important;; } .e958ed9b8-bbf4-4f8b-818c-6efb723d8524-footer-container-0 { padding: 0px 80px !important;; gap: 0px 20px !important;; } } </style> <div class="grid__container e958ed9b8-bbf4-4f8b-818c-6efb723d8524-footer-container-0"> <div class="grid__row e958ed9b8-bbf4-4f8b-818c-6efb723d8524-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 12;background-color: rgb(52, 53, 111);padding: 0px 0px 0px 0px;min-height: 35px;" 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"> </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> .ef2a37278-d2a9-4641-8bd3-f0cc3121e603-footer-row-1 { display: flex; } .ef2a37278-d2a9-4641-8bd3-f0cc3121e603-footer-container-1 { 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) { .ef2a37278-d2a9-4641-8bd3-f0cc3121e603-footer-row-1 { display: grid; gap: 0px 0px !important;; } .ef2a37278-d2a9-4641-8bd3-f0cc3121e603-footer-container-1 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container ef2a37278-d2a9-4641-8bd3-f0cc3121e603-footer-container-1"> <div class="grid__row ef2a37278-d2a9-4641-8bd3-f0cc3121e603-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 7;background-color: rgb(52, 53, 111);padding: 10px 20px 10px 20px;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"> <h5><span style="color:#ecf0f1">The Benefice Office is open from 10am to 12 noon on Mondays, Tuesdays and Thursdays </span></h5> <h5><span style="color:#ecf0f1">Benefice of Boldre & South Baddesley<br /> The Benefice Office, St Nicholas Chapel,<br /> Pilley Street, Boldre, Lymington SO41 5QG</span></h5> <h5><a href="javascript:void(location.href='mailto:'+String.fromCharCode(111,102,102,105,99,101,64,98,115,98,98,99,104,117,114,99,104,101,115,46,99,111,109))"><span style="color:#ecf0f1">email us at: office@bsbbchurches.com</span></a></h5> <h5><span style="color:#ecf0f1">Telephone: 01590 673 484</span></h5> <h5> </h5> <h5> </h5> </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 / 8 / span 6 / span 1;background-color: rgb(103, 78, 167);padding: 0px 40px 0px 40px;min-height: 50px;" 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"> <h5> </h5> <h5><a href="https://bsbb.org.uk/about-us/safeguarding/" target="_blank"><span style="color:#ecf0f1">Safeguarding</span></a></h5> <h5><a href="https://bsbb.org.uk/about-us/privacy/" target="_blank"><span style="color:#ecf0f1">Privacy</span></a></h5> <h5><a href="https://bsbb.org.uk/cookies.php" target="_blank"><span style="color:#ecf0f1">Cookies</span></a></h5> </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 / 9 / span 6 / span 4;background-color: rgb(52, 53, 111);padding: 20px 20px 0px 20px;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"> <form id="searchForm" action="https://www.bsbb.org.uk/search" class="search-widget" method="get" style="background-color: #34356f; display:flex; flex-direction:column;"> <div class="search-input-wrapper" style="display:flex; align-items:center;"> <input id="search_widget_field" name="search" type="search" class="input" value="" placeholder="Search" style=" flex-grow:1; padding:7px;"> <button id="search_widget_button" name="submit_button" type="submit" class='button' style="padding: 8px 8px !important;margin:10px;"> <div class="layout" style="background-image: url('/control/images/navbar/white-magnifying-glass.svg'); width: 15px; height: 15px;" id="searchButton"></div> </button> </div> <!-- Error message should always be below the input and button --> <div id="search_widget_error" class="search_error"></div> </form> <style> .search_widget_field { width: 100%; } .search-input-wrapper { display: flex; flex-direction: row; /* Keep input and button inline */ align-items: left; width: 100%; } #search_widget_error { color: red; width: 100%; clear: both; float: left; display: block; /* Ensures it appears on a new line */ font-size: 12px; margin-top: -5px; margin-bottom: 5px; text-align: center; } </style> <script> $(document).ready(function() { $('#search_widget_error').text(''); $('#search_widget_field').keypress(function(e) { if (e.which == 13) { e.preventDefault(); $('#search_widget_button').click(); } }); $('#search_widget_button').unbind('click').click(function() { if ($('#search_widget_field').val().length < 3) { $('#search_widget_error').text('Search term must be least 3 characters'); return false; } else { $('#search_widget_error').text(''); $('#searchForm').submit(); } }); }); </script> <style> .search-field { width: 100%; } .error { color: red; width: 100%; clear:both; float:left; } </style> <script> $(document).ready(function() { $('#search_error').text(''); $('#search').keypress(function(e) { if (e.which == 13) { e.preventDefault(); $('#search_button').click(); } }); $('#search_button').unbind('click').click(function() { if ($('#search').val().length < 3) { $('#search_error').text('Please enter a search term that is at least 3 characters long.'); return false; } else { $('#search_error').text(''); $('#searchForm').submit(); } }); }); </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> </div> <style> .e59e06cd2-be7e-4de4-a834-361822b731a8-footer-row-2 { display: flex; } .e59e06cd2-be7e-4de4-a834-361822b731a8-footer-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) { .e59e06cd2-be7e-4de4-a834-361822b731a8-footer-row-2 { display: grid; gap: 0px 0px !important;; } .e59e06cd2-be7e-4de4-a834-361822b731a8-footer-container-2 { padding: 0px 80px !important;; gap: 0px 0px !important;; } } </style> <div class="grid__container e59e06cd2-be7e-4de4-a834-361822b731a8-footer-container-2"> <div class="grid__row e59e06cd2-be7e-4de4-a834-361822b731a8-footer-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: rgb(52, 53, 111);padding: 0px 0px 0px 0px;min-height: 25px;" 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> </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>