<!DOCTYPE html>
<html lang="en"

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
<style>
body {margin:0;font-family:"Lato", sans-serif}

.verytop {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  background-color: #413D31;
      

}
.topnav {
  overflow: hidden;
  background-color: #413D31;
     

}

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #413D31;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

<!--
</style>

<script language="JavaScript">
function na_preload_img()
{ 
  var img_list = na_preload_img.arguments;
  if (document.preloadlist == null) 
    document.preloadlist = new Array();
  var top = document.preloadlist.length;
  for (var i=0; i < img_list.length-1; i++) {
    document.preloadlist[top+i] = new Image;
    document.preloadlist[top+i].src = img_list[i+1];
  } 
}

function na_change_img_src(name, nsdoc, rpath, preload)
{ 
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img) {
    img.altsrc = img.src;
    img.src    = rpath;
  } 
}

function na_restore_img_src(name, nsdoc)
{
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img && img.altsrc) {
    img.src    = img.altsrc;
    img.altsrc = null;
  } 
}

// -->
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="keywords" content="hristian, Christ, service, Church, Jesus, commuinity, Aylesbury, Southcourt, Baptist, social justice, food bank, elderly, young people, youth, seniors, poverty, shelter, cafe, love">
<meta name="description" content="Southcourt Baptist Church has a real heart for the local community, while also serving the wider town of Aylesbury, Bucks.">
<body bgcolor="#E8E4DF">

<div class="verytop">

	<div class="topnav" id="myTopnav" style="overflow:hidden;">
  	<a href="index.html" class="active">home</a>
  		<a href="SBC_EVENTS.htm">events</a>
	<a href="SBC_STAFF_AND_LEADERS.htm">who we are</a>
  
  	<div class="dropdown" style="overflow:hidden;">
    <button class="dropbtn">what we do
      <i class="fa fa-caret-down"></i>
    </button>
    <div class="dropdown-content">
      <a href="SBC_CHILDREN.htm">children</a>
      <a href="SBC_TREEHOUSE.htm">Treehouse pre-school</a>
      <a href="SBC_YOUNG_PEOPLE.htm">young people</a>
	  <a href="SBC_SENIORS.htm">seniors</a>
	  <a href="SBC_NEIGHBOURHOOD.htm">neighbourhood</a>
	  <a href="SBC_GLOBAL_PARTNERS.htm">global partners</a>
	  <a href="SBC_LIFE_GROUPS.htm">lifegroups</a>
	  <a href="https://www.youtube.com/channel/UClnKLaeLlCdHQOWtmTproNw?reload=9" target="blank">youtube</a>
	  <a href="SBC_ROOM_HIRE.htm">room hire</a>
	  
	  
	  
    	</div>
		
  	</div> 
  

   	<a href="SBC_DONATE.htm">donate</a>
	<a href="index.html#FindUs">contact/find us</a>
             <a href="SBC_JOB_VACANCIES.htm">job vacancies</a>
              <a href="SBC_OUR_POLICIES.htm">our policies</a>
	
   	<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
	</div>





<!-- Navbar -->

</div>

<!-- Header -->

<div><img src="images/banners/events.png" width="100%" height="auto" border="0"></div>



<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
  <div class="w3-content"> 
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/01.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/02.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/03.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/04.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/05.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/06.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/07.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/08.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/09.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/10.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/11.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/12.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/13.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/14.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/15.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/16.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/17.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/18.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
<div class="w3-half w3-center"><img src="https://www.southcourtbaptist.org.uk/events/19.jpg" border="0" alt="" width="95%" height="auto"></br></br></div>
  </div>
</div>

<div class="w3-container w3-black w3-center w3-opacity w3-padding-4">
    <h1 class="w3-margin w3-xlarge">He has come so that we may have life and have it to the full!</h1>
</div>

<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
   <address>Southcourt Baptist Church, Aylesbury, HP21 8HW Tel: 01296 480080 Charity no: 287821</address>
 <address>Treehouse Pre-school, 1 Coxhill Way, Aylesbury, HP21 8BF</address>
            <address>&nbsp;</address>
      
<p><a href="https://www.facebook.com/southcourtbaptistchurch" target="_blank"><img src="images/FB.png" width="32" height="32" border="0"></a><a href="https://twitter.com/SouthcourtBC" target="_blank"><img src="images/Twitter-icon.png" width="32" height="32" border="0"></a></p>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>

<script>
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>

  

</body>
</html>