<!DOCTYPE html>
<html lang="en">
<head>


		<title>Welcome | New Life Baptist Church</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="icon" href="/image?ci=58213&file=qmria3mz9q6s.png&h=aeabd3e651bb92d258b121a4c887c8f1" type="image/png">
		<link rel="apple-touch-icon" href="/image?ci=58213&file=qmria3mz9q6s.png&h=aeabd3e651bb92d258b121a4c887c8f1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta charset="utf-8">

		<meta name="description" content="We are a Bible Believing, Independent Baptist church in Odenville, Alabama. We seek to minister to people using traditional hymns and expository Bible preaching.">			<script type="text/javascript">var lang = {};</script>
				<script src="https://www.churchtrac.com/vendor/jquery/jquery-3.3.1.min.js"></script>
				<link rel="stylesheet" href="https://www.churchtrac.com/vendor/bootstrap/css/bootstrap.min.css"/>
		<script src="https://www.churchtrac.com/vendor/bootstrap/js/bootstrap.bundle.min.js" defer></script>
				<link rel="stylesheet" href="https://www.churchtrac.com/vendor/fontawesome/css/all.min.css?v=20250515212550"/>
				<script type="text/javascript" src="https://www.churchtrac.com/vendor/toastr/toastr.min.js?20250515m"></script>
		<link rel="stylesheet" type="text/css" href="https://www.churchtrac.com/vendor/toastr/toastr.min.css?20250515m" />
				<link rel="stylesheet" href="https://www.churchtrac.com/libraries/css/global.css?20250515m"/>
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/translate.min.js?20250515m"></script>
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/common.min.js?20250515m"></script>		<script type="text/javascript" src="https://www.churchtrac.com/vendor/bootbox/bootbox.min.js?20250515m" defer></script>
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/bwidgets.min.js?20250515m" defer></script>		<script type="text/javascript" src="https://www.churchtrac.com/vendor/sortablejs/sortable.min.js?20250515m"></script>
		<script type="text/javascript" src="https://www.churchtrac.com/vendor/sortablejs/jquery-sortable.js?20250515m"></script>
				<script type="text/javascript" src="https://www.churchtrac.com/vendor/select2/js/select2.full.min.js?20250515m"></script>
		<link rel="stylesheet" type="text/css" href="https://www.churchtrac.com/vendor/select2/css/select2.min.css?20250515m" />
		<link rel="stylesheet" type="text/css" href="https://www.churchtrac.com/vendor/select2/css/select2-bootstrap4.css?20250515m" />
				<script type="text/javascript" src="https://www.churchtrac.com/vendor/flatpickr/flatpickr.min.js?20250515m"></script>
		<link rel="stylesheet" type="text/css" href="https://www.churchtrac.com/vendor/flatpickr/flatpickr.min.css?20250515m" />
				<script type="text/javascript" src="https://www.churchtrac.com/vendor/moment/moment.js"></script>
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/tour/tour.js?20250515m"></script>
				<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/connect.min.js?20250515m"></script>		<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/shared.min.js?20250515m"></script>		<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/online_giving.min.js?20250515m"></script>		<script type="text/javascript" src="https://www.churchtrac.com/vendor/dropzone/dropzone.js"></script>
		<link rel="stylesheet" href="https://www.churchtrac.com/vendor/dropzone/dropzone.css"/>
				<script type="text/javascript" src="https://www.churchtrac.com/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
				<link rel="stylesheet" href="https://www.churchtrac.com/libraries/css/css_base.css?20250515m"/>
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/worship.min.js?20250515m"></script>		<script src='https://www.churchtrac.com/vendor/tokenfield/bootstrap-tokenfield.min.js'></script>
		<link rel='stylesheet' href='https://www.churchtrac.com/vendor/tokenfield/css/bootstrap-tokenfield.min.css' />
				<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/scheduling.min.js?20250515m"></script>		<link href="https://www.churchtrac.com/vendor/summernote/summernote-lite.css" rel="stylesheet">
		<script src="https://www.churchtrac.com/vendor/summernote/summernote-lite.js"></script>
					<script type="text/javascript" src="https://www.churchtrac.com/libraries/js/dist/messaging.min.js?20250515m"></script>		<link href="https://www.churchtrac.com/vendor/iconcaptcha/assets/client/css/iconcaptcha.min.css" rel="stylesheet" type="text/css">
		<style>
			.iconcaptcha-widget .iconcaptcha-modal__footer {
				display:none!important;
			}
			.iconcaptcha-widget .iconcaptcha-modal__body-info {
				display:none!important;
			}
			.iconcaptcha-widget .iconcaptcha-modal__header span {
				font-size: 13px;
			}
		</style>
		<script src="https://www.churchtrac.com/vendor/iconcaptcha/assets/client/js/iconcaptcha.min.js" type="text/javascript"></script>

		<script type="text/javascript">

			$(document).ready(function() {
				$('.iconcaptcha-widget').iconCaptcha({
					general: {
						endpoint: '/captcha_request?_iconcaptcha-csrf=' + ($('input[name="_iconcaptcha-csrf"]').val() || ''),
						fontFamily: 'inherit',
						credits: 'show',
					},
					security: {
						interactionDelay: 1500,
						hoverProtection: true,
						displayInitialMessage: true,
						initializationDelay: 500,
						incorrectSelectionResetDelay: 3000,
						loadingAnimationDuration: 1000,
					},
					locale: {
						initialization: {
							verify: translate('ic_verify') || 'Verify that you are human.',
							loading: translate('ic_loading') || 'Loading challenge...',
						},
						header: translate('ic_select') || 'Select the image that is not like the others',
						correct: translate('ic_complete') || 'Verification complete.',
						incorrect: {
							title: translate('ic_fail') || 'Uh oh.',
							subtitle: translate('ic_wrong_image') || "You've selected the wrong image.",
						},
						timeout: {
							title: translate('ic_please_wait') || 'Please wait.',
							subtitle: translate('ic_too_many_incorrect') || 'You made too many incorrect selections.'
						}
					}
				})
			});
			
		</script>

		
<meta id="datepicker_format" data-value="m/d/Y" />
<meta name="customer_ui" id="customer_ui" data-value="d8271bfa" />
<meta name="screen" id="current_screen" data-value="connect" />

<!-- online giving -->
<meta name="publishable_key" id="publishable_key" data-value="pk_live_51Obo0qEzFyNJ0qFY4EmQSVKbLVAvzB2kGklIUR1DuXef2oW3GPgWPcR7adqy9HsY1GS7jB20QTJYrj0HqIYNmhWr00mgLeQ4Id" />
<meta name="stripe_user_id" id="stripe_user_id" data-value="acct_1Obo0qEzFyNJ0qFY" />
<meta name="fc_scheduler_key" id="fc_scheduler_key" data-value="0477921719-fcs-1477332582" />
<meta name="connect_url" id="connect_url" data-value="https://nlbconline.churchtrac.com/">
<meta id="stripe-api-version" data-value="2022-11-15" />

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Connect">
<link rel="apple-touch-icon" href="/image?ci=58213&file=qmria3mz9q6s.png&h=aeabd3e651bb92d258b121a4c887c8f1">
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Connect">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<link rel="manifest" href="https://nlbconline.churchtrac.com/manifest.json"></link>

<script type="text/javascript">
if ('serviceWorker' in navigator) {
	window.addEventListener('load', function() {
		navigator.serviceWorker.register('https://nlbconline.churchtrac.com/pwa.js');
	});
}

$(function() {

	// Detects if device is on iOS
	const isIos = () => {
		const userAgent = window.navigator.userAgent.toLowerCase();
		return /iphone|ipad|ipod/.test( userAgent );
	}
	// Detects if device is in standalone mode
	const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone);

	var last_prompt = localStorage.last_prompt || 15;
	var today = moment();
	var days = today.diff(last_prompt, 'days');
	var show_again = (isNaN(days) || days > 12);
	// console.log(last_prompt, today, days, show_again);

	if (localStorage.getItem("last_reload") === null || window.location.pathname === '/') {
		// set last_reload if it is not present
		var d = new Date();
		localStorage.last_reload = d.getTime() / 1000;
	}

	var is_welcome_page = $('.welcome-page').length;

	// Checks if should display install popup notification:
	if (isIos() && !isInStandaloneMode() && show_again && is_welcome_page) {
		$.modal('no-spinner');
		$('#install-prompt').removeClass('hidden');
		localStorage.last_prompt = today;

		// prevent page/body scrolling on ios while the prompt is displayed
		$('body').css('overflow-y', 'hidden').css('overflow-x', 'hidden');

		$('#modal-overlay').on('click', function() {
			closePrompt();
		});
		$('.spinner-border').addClass('hidden');
	}

	common.scrollTop();

	window.addEventListener('offline', function(event){
		$.modal('offline');
	});
	window.addEventListener('online', function(event){
		$.modal('hide');
	});

	$('body').bTranslate();

	
});

function closePrompt() {
	$('#modal-overlay').off('click');
	$('#install-prompt').addClass('hidden');
	$('.spinner-border').removeClass('hidden');

	// return to normal scrolling for ios (see workaround in connect.js when deviceIsIOS)
	$('body').css('overflow-y', 'auto');

	$.modal('hide');
}

document.addEventListener("visibilitychange", () => {

	const state = document.visibilityState;
	if (state === "hidden") {
		// your PWA is now in the background
		// console.log('pwa background');
	}

	if (state === "visible") {
		// your PWA is now in the foreground
		// if stale, automatically reload the page when the app or tab gets the focus
		var d = new Date();
		var t = d.getTime() / 1000;
		var l = localStorage.last_reload > 0 ? localStorage.last_reload : 0;
		if ( (t*1) - (l*1) > 3600 && window.location.pathname === '/' ) {
			localStorage.last_reload = t;
			window.location.reload();
			return;
		}
	}

});

</script>

<script type="text/javascript" src="https://www.churchtrac.com/libraries/pwa/swipe-to-refresh.js"></script>

<link href="https://www.churchtrac.com/images/icons/splashscreens/iphone5_splash.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/iphoneplus_splash.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/iphonex_splash.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/iphonexr_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/iphonexsmax_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/ipad_splash.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/ipadpro1_splash.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/ipadpro3_splash.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
<link href="https://www.churchtrac.com/images/icons/splashscreens/ipadpro2_splash.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />

<style id="connect-style">

	.welcome-page {
		overflow-y: hidden;
		overflow-x: hidden;
	}

	h4, h5, .h4, .h5, .lead {
		/* font-weight: unset;
		letter-spacing: unset;
		margin-bottom: unset; */
		color: unset!important;
	}

	#footer-container {
		min-height: 300px;
		background-color: #274e13;
	}

	/* overrides justify-content-center that is applied to socials elsewhere for file footer6 */
	.justify-left-socials > * {
		justify-content: left!important;
	}

	/* overrides px-1 and px-2 that is applied to socials elsewhere for file footer6 */
	.justify-left-socials a, .justify-left-socials div {
		padding-left: 0!important;
		padding-right: 0.5rem!important;
	}

	.member-connect {
		overflow-x: hidden;
		background-color: #eeeeee;
	}

	.member-connect #mainpanel {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: 100px;
	}

	.member-connect #tab-content {
		padding-top:20px!important;
		max-width: 1000px;
		overflow-x: hidden;
	}

	.member-connect #page-container {
		max-width: calc(1000px + 300px);
		overflow-x: hidden;
	}

	.member-connect #page-wrapper {
		height: auto !important;
		overflow-y: hidden;
		overflow-x: hidden;
		background-color: #efefef;
	}

	/* this needs to stay body.member-connect to display the navbar correctly */
	body.member-connect #connect-nav {
		position: absolute!important;
	}

	#connect-nav {
		width: 100%;
		min-height: 50px;
		border-bottom: 0!important;
		z-index: 20;
		transition: opacity .25s ease-in-out;
		height: 100px;
		background-color: #eeeeee;
	}
	
	.member-connect .card:not(.song-card) {
		cursor: pointer;
		border-radius: 1rem;
	}
	.member-connect .card:not(.song-card):hover {
		text-decoration:none;
		transition: all 0.2s ease-out!important;
	}
	.member-connect .card div {
		cursor:pointer;
	}

	.member-connect #card-form .card, .member-connect .event-attendee-form .card {
		background-color:transparent;
		box-shadow: none!important;
	}

	.member-connect .bg-light,
	.member-connect .bg-dark,
	.member-connect .bg-translucent-light,
	.member-connect .bg-translucent-dark {
		padding: 20px;
		border-radius: 1rem;
	}

	.member-connect .alert-info {
		border-color: #38761d;
		color: #38761d!important;
	}

	.available-spots {
		background-color: #38761d!important;
	}

	.member-connect .btn {
		border-radius: 1rem;
	}

	.member-connect #signin-btn, .member-connect #home-btn {
		font-size:0.9em;
		border: thin solid;
		border-radius: 1rem!important;
	}

	.member-connect #signin-btn:hover, .member-connect #home-btn:hover {
		background-color: #38761d!important;
		color: white !important;
	}

	.member-connect .btn-group .btn {
		background-color: var(--btn-default-bg);
		color: var(--btn-default-color);
		border: 1px solid #38761d!important;
	}

	.member-connect .btn-group .btn:first-of-type {
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem;
	}
	.member-connect .btn-group .btn:last-of-type {
		border-top-right-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}
	.member-connect .btn-group .btn:not(.active, .btn-danger-hover):hover {
		background-color: #38761d!important;
		filter: brightness(110%);
	}

	.member-connect .btn-group .btn.active {
		background-color: #38761d!important;
		border: 1px solid #38761d!important;
	}

	.member-connect .btn-group .btn.active:hover {
		background-color: #38761d!important;
	}

	.btn-auto {
		background-color: #38761d!important;
		color:white!important;
		border-color:#38761d!important;
	}
	.btn-auto:hover, .btn-auto.active:hover {
		background-color: #38761d!important;
		filter: brightness(110%);
	}
	.btn-auto.active {
		background: linear-gradient(
			to top,
			rgba(0, 0, 0, 0.35),
			rgba(0, 0, 0, 0.35)
		) #38761d!important;
	}

	/* define paragraph classes */
	.paragraph-1 { /* similar to .lead in bootstrap */
		font-size: 1.25rem!important;
		font-weight: 300;
	}
	.paragraph-2 {
		font-size: 1rem!important; /* normal size */
	}
	.paragraph-3 {
		font-size: 0.85rem!important; /* small */
	}

	/* define text color classes */
	.text-color-light {
		color: #f8f9fa!important;
	}
	.text-color-dark {
		color: #343a40!important;
	}
	.text-color-muted {
		color: #6c757d!important;
	}
	.text-color-accent {
		color: #38761d!important;
	}

	.note-editable:hover {
		cursor: text;
	}

	/* add-section-btn is a CT button and should fallback to css_base styling */
	.member-connect .btn-primary:not(.add-section-btn),
	.note-editable .btn-primary,
	.member-connect .btn-auto,
	.note-editable .btn-auto {
		background-color: #38761d;
		color: white!important;
	}
	.member-connect .btn-default,
	.note-editable .btn-default,
	.note-editable .btn-danger {
		border-color: #38761d;
		color: #38761d!important;
	}
	.member-connect .btn-default.active {
		background-color: #38761d;
		color: white!important;
	}

	.member-connect .btn-default:hover, .member-connect .btn-danger:active {
		background-color: #38761d;
		color: white!important;
	}
	.member-connect .btn-default.btn-auto {
		color:white!important;
	}

	.text-white, .text-light {
		color: white!important;
	}
	.member-connect .text-primary,
	.member-connect .text-accent,
	.note-editable .text-accent,
	.note-editable .text-accent * {
		color: #38761d!important;
	}
	.member-connect .input-group-text {
		background-color:transparent!important;
	}
	.member-connect #recurring-btn.dropdown-toggle::after {
		float:right;
		position: relative;
		top:10px;
	}
	.member-connect .dropdown-item.active, .member-connect .dropdown-item.focus {
		background-color: #38761d!important;
	}
	
	/* change passcode dialog, manage recurring giving, availability dialog */
	.member-connect .modal-content,
	.member-connect .modal-footer,
	.member-connect #slidr,
	.member-connect #slidr-footer {
		background-color: white;
	}

	.member-connect #wrapper #connect-sidebar-nav,
	.member-connect #connect-links {
		top: 100px;
	}

	.member-connect #wrapper.toggled #connect-sidebar-nav,
	.member-connect #connect-links.toggled {
		top: 100px;
	}

	.member-connect #wrapper.toggled #connect-sidebar-nav a.list-group-item:not(.active):hover {
		background-color: #38761d!important;
	}

	.member-connect .flatpickr-day.selected {
		background-color: #38761d!important;
	}

	.member-connect .select2-container--bootstrap4 .select2-results__option--highlighted, 
	.member-connect .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
		background-color: var(--color-gray-300)!important;
		color: white!important;
	}

	.member-connect .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
		background-color: #38761d!important;
	}

	.member-connect .bg-normal {
		background-color: rgba(255,255,255,0.25);
		border: 1px solid white!important;
	}

	.member-connect .payment-source.active,
	.member-connect .payment-source.active:hover {
		background-color: #38761d!important;
	}

	.member-connect .custom-control-input:checked~.custom-control-label::before {
		background-color: #38761d!important;
	}

	/* display buttons inside the summernote editor correctly */
	.note-editor .note-editing-area .note-editable a,
	.note-editable .btn-auto,
	.connect-template .a,
	.connect-template .btn-auto {
		color: white!important;
		text-decoration: none!important;
		background-color:
			#38761d			!important;
		border: 1px solid #38761d;
		border-radius: 1rem!important;
	}

	/* override buttons and links in the summernote editor */
	.note-editor .note-editing-area .note-editable a:hover,
	.note-editor .note-editing-area .note-editable a:focus {
		color: white;
		text-decoration: none;
		outline: 0;
	}

	/* double-click to edit prompts in editor */
	.site-preview [class*="prompt-"]:hover
	{
		outline: thin dotted red!important;
		cursor: pointer;
	}
	.site-preview .columns .column:hover
	{
		outline: thin dotted blue!important;
		cursor: pointer;
	}
	.edit-column-dropdown {
		position: absolute;
		display: none; /* Hidden by default */
		padding: 5px;
		font-size: 12px;
		background-color: #f8f9fa;
		cursor: pointer;
		z-index: 1000; /* Ensure it floats above content */
	}

	/* custom class for text that will match the button/accent color selected */
	.text-accent {
		color: #38761d	}

	/* prevent interaction with the map in the editor */
	.note-editable iframe.google-map,
	.site-preview iframe.google-map {
		pointer-events: none!important;
	}

	.site-setup .hero-container {
		position: unset!important;
		left: unset!important;
		top: unset!important;
		width: unset!important;
	}

	.section-container {
		position: relative; /* Ensure .section-container is positioned relative for absolute positioning of overlay */
		margin: 4px!important;
		min-height: 150px; /* higher than 50 can cause small navbars to be too large, so we override those below */
	}
	#site-setup-navigation_bar {
		min-height: 50px;
	}

	.section-container .section-overlay-toolbar {
		display: none; /* Initially hidden */
		align-items: center;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		background-color: rgba(0, 0, 0, 0.65); /* Semi-transparent background */
		z-index: 60;
		color: #ddd!important;
		flex-direction: row;
		justify-content: center; /* Center toolbar buttons horizontally */
		outline: thin solid #777;
	}
	
	/* when hovering over a section, we want to display the toolbar */
	.section-container:hover .section-overlay-toolbar,
	.section-container .section-overlay-toolbar:hover {
		display: flex!important;
		cursor: pointer;
		z-index: 61;
	}

	.section-container:hover {
		outline: 4px solid var(--color-primary-500); /* show which section has the focus */
		opacity: 0.95;
	}

	.section-container .section-overlay-toolbar .btn {
		color: #ddd!important;
	}

	.site-setup .section-lock-overlay {
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		background-color: black;
		opacity: 0; /* hides site setup section menus unless hovered */
		z-index: 59;
	}

	/* when hover a section with a lock overlay, add some opacity to indicate the items under are not accessible */
	.section-container:hover .section-lock-overlay {
		opacity: 0.25;
	}

	.hero-height-0 {
		display: none;
	}
	.hero-height-100 {
		min-height: 100px;
		height: 100px!important;
	}
	.hero-height-250 {
		min-height: 250px;
		height: 250px!important;
	}
	.hero-height-400 {
		min-height: 400px;
		height: 400px!important;
	}
	.hero-height-500 {
		min-height: 500px;
		height: 500px!important;
	}
	.hero-height-600 {
		min-height: 600px;
		height: 600px!important;
	}
	.hero-height-700 {
		min-height: 700px;
		height: 700px!important;
	}

	
	.image-size-small img {
		width:25%!important;
	}
	.image-size-medium img {
		width:50%!important;
	}
	.image-size-large img {
		width:75%!important;
	}
	.image-size-full img {
		width:100%!important;
	}

	/* handles keeping columns the same width in connect templates with the third property flex-basis of 0%  */
	/* this is similar to a class in bootstrap 5 that handles initial column width (not available in bootstrap 4) */
	.flex-equal {
    	flex: 1 0 0%;
	}

</style>

<style>
		</style>

</head>

<body class="nouserselect member-connect" data-bg="efefef" data-btn="38761d">

	<div class="startup-overlay">
		<div class="text-center bold font-italic h4 w-100 pt-5">
			<i class="fa fa-spinner fa-pulse mr-1"></i>&nbsp;<span data-lang="love_joy_peace">Love, Joy, Peace...</span>
		</div>
	</div>

	<!-- Wrapper -->
	<div id="wrapper" class="member-no-auth" style="background-color:#efefef;">

		<div id="menu-overlay" class="" style="z-index: 96"></div>
		
		
<style>
	@media (max-width: 876px) {
		.nav-links {
			font-size: 0.69rem;
		}
	}
	@media (max-width: 576px) {
		.navbar-is-small .navbar-logo {
			max-width: 200px;
			height: auto !important;
			max-height: 70px!important;
		}
		#signin-btn, #home-btn {
			padding: 5px 15px 5px 15px !important;
		}
	}
	@media (max-width: 394px) {
		.navbar-is-small .navbar-logo {
			max-width: 175px;
			height: auto !important;
			max-height: 70px!important;
		}
	}
</style>

<div id="connect-nav" class="navbar-is-small border-bottom navbar navbar-expand-lg align-content-center align-items-center d-flex flex-row justify-content-between no-print flex-nowrap">

	<div class="flex-grow-1 order-1">

					<img src="/download?ci=58213&file=4d5cqijssq4z.png&h=d532115155339b22f99f2d7387c74e2e" style="height: 70px; max-height:75%;" class="navbar-logo p-1 pointer " onclick="connect.showWelcome();">
		
	</div>

	<div class="d-md-flex d-none mx-auto align-items-center flex-shrink-1 order-2 pr-3 text-dark">
					<a href="/card/47" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_self" style="min-width: 70px!important;">
				<span>About Us</span>
			</a>
					<a href="/eventscalendar" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_self" style="min-width: 70px!important;">
				<span>Events Calendar</span>
			</a>
					<a href="https://www.youtube.com/@newlifebaptistchurch4652/streams" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_blank" style="min-width: 70px!important;">
				<span>Watch Online</span>
			</a>
					<a href="/give" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_self" style="min-width: 70px!important;">
				<span>Give</span>
			</a>
			</div>

			<div class="d-md-none d-flex align-items-center pb-1 order-3">
			<a id="connect-links-nav" class="btn btn-sm w-100 mt-1 px-3 text-dark">
				Links
			</a>
		</div>
	
	
		<div class="align-items-center flex-shrink-0  order-3" onclick="connect.showLoginForm('')">
			<div id="signin-btn" class="btn btn-sm w-100 px-4 text-dark" style="padding: 0.35rem 0;">
				<i class="fa fa-user"></i>&nbsp;<span data-lang="sign_in">Sign In</span>
			</div>
		</div>

	
</div>

<form id="signout-form" action="/connect?signout=1" method="post"></form>

<div id="connect-sidebar-nav" class="d-inline-block connect-menu no-print" style="height: 100%!important;">

	<div class="list-group rounded-0" role="navigation">
		<div id="connect-close" class=""></div>
						<a href="javascript:;" onclick="connect.showWelcome()" class="list-group-item list-group-item-action rounded-0 ">
					<span class="fal fa-home"></span>
					<span class="menu-label pl-2"><span data-lang="connect_home">Home</span></span>
				</a>
							<a href="/upcoming_events" onclick="" class="list-group-item list-group-item-action rounded-0 ">
					<span class="fal fa-calendar-alt"></span>
					<span class="menu-label pl-2"><span data-lang="upcoming_events">Upcoming Events</span></span>
				</a>
							<a href="/give" onclick="" class="list-group-item list-group-item-action rounded-0 ">
					<span class="fal fa-donate"></span>
					<span class="menu-label pl-2"><span data-lang="online_giving">Online Giving</span></span>
				</a>
			
		<a class="list-group-item py-3 text-decoration-none" href="javascript:;" style="padding: 20px!important;" onclick="common.changeUserEmail()" data-lang="change_email_1">Change Login Email</a>
        <a class="list-group-item py-3 text-decoration-none" href="javascript:;" style="padding: 20px!important;" onclick="connect.changePasscodeDialog()" data-lang="change_pw">Change Password</a>
        <a class="list-group-item py-3 text-decoration-none" style="padding: 20px!important;" onclick="connect.signout(0)" href="javascript:;" data-lang="sign_out">Sign Out</a>

	</div>

</div>

<div id="connect-links" class="d-md-none d-flex connect-menu no-print" style="height: 100%!important;">
	<div class="list-group rounded-0" role="navigation">
					<a href="/card/47" class="list-group-item list-group-item-action rounded-0" target="_self">
				<span class="menu-label pl-2">About Us</span>
			</a>
					<a href="/eventscalendar" class="list-group-item list-group-item-action rounded-0" target="_self">
				<span class="menu-label pl-2">Events Calendar</span>
			</a>
					<a href="https://www.youtube.com/@newlifebaptistchurch4652/streams" class="list-group-item list-group-item-action rounded-0" target="_blank">
				<span class="menu-label pl-2">Watch Online</span>
			</a>
					<a href="/give" class="list-group-item list-group-item-action rounded-0" target="_self">
				<span class="menu-label pl-2">Give</span>
			</a>
			</div>
</div>

<input id="currentTab" type="hidden" name="currentTab" value="details" />
<input id="edit" type="hidden" name="edit" value="true" />
<input type="hidden" id="ui" value="d8271bfa" />
<input type="hidden" id="ai" value="0">

		<!-- Main Panel -->
		<div id="mainpanel" class="d-inline-block w-100" style="overflow-x:hidden!important; ">

			<!-- Page Wrapper -->
			<div id="page-wrapper" class="container-fluid mx-auto not-scrollable">

				<style>

	.hero-container {
		position: absolute!important;
		left: 0px!important;
		top: 100px!important;
		width: 100vw!important;
		overflow-y: hidden;
		background-color: #222;
		background-image: url('/image?ci=58213&file=5s3ao61dhxw7.jpg&h=23c942cb8974277abd5e15d2801192b8');
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: center;
		background-size: cover;
		z-index: 2; /* Ensure text is on top */
	}

		.hero-container::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000000;
		opacity: 0.1;
		pointer-events: none;
		z-index: 1; /* Ensure overlay is below text */
	}
	
	.hero-container div { /* Target the text container */
		position: relative;
		z-index: 2; /* Ensure text is on top */
	}

	#page-container {
		padding-top: 400px;
	}

</style>


		<div class="hero-container editor-content px-3 hero-height-400" data-height="400">
			<div data-section-id="4" data-section-published="1" class="section-content d-flex flex-column justify-content-center align-center h-100 mx-auto" style="width:100%; max-width: 1000px; z-index:3!important;">
				<div class="connect-template align-center w-100 bg-translucent-dark">
  <div class="prompt-heading h1 bold text-color-light pt-5 pb-0" draggable="false">Welcome to New Life Baptist Church</div>
  <p class="prompt-subheading h3 text-color-light pt-0 pb-0">Come Join Us in Loving God and Loving People</p>
  <a href="/planavisit" class="prompt-button btn btn-auto btn-lg px-4 mt-3 mb-5" target="_self">Plan a Visit</a>
</div>			</div>
		</div>


				<!-- Page Container -->
				<div id="page-container" class="d-flex flex-column flex-xs-row px-md-3 px-lg-4 pb-3 mx-auto" style="min-height: 60vh">

					<div id="tab-content" class="px-2 w-100 mx-auto">
						<div class="welcome-page">


			<div class="py-5 text-auto editor-content"><div style="max-width:1000;border-radius:1rem;background-color:#ffffff!important;padding:10px!important;"><div class="connect-template align-left w-100">
	<div class="prompt-text h2 text-color-accent pt-3 pb-0" draggable="false">Thanks for visiting our website!</div>
	<div class="prompt-text paragraph-2 text-color-dark pt-0 pb-3" draggable="false">We are a Bible Believing, Independent Baptist church in Odenville, Alabama. We seek to minister to people using traditional hymns and expository Bible preaching. We would love to have you join us soon!</div>
</div></div></div>
	
	<div class="cards mt-4 card-columns-x">
			<a class="card no-underline shadow-sm text-dark card-clickable card-page" href="/aboutus" style="background-color:#ffffff;border-radius:1rem;" data-card-id="47">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=f8280xc2tc1t.jpg&h=48dd10652714f3f679be3390ff4f1d9a" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-clickable card-page" href="/planavisit" style="background-color:#000000;border-radius:1rem;" data-card-id="42">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=8vxfx431zswk.jpg&h=6ca079f7a05cf19d0d48310b5f44ce32" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-clickable card-link" href="https://www.youtube.com/@newlifebaptistchurch4652/streams" target="_blank" style="background-color:#ffffff;border-radius:1rem;" data-card-id="16">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=kgrzi9h780xz.jpg&h=c17aee012cb7cfa03ae5650b254299bf" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-clickable card-page" href="/eventscalendar" style="background-color:#ffffff;border-radius:1rem;" data-card-id="34">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=s21l10dme5w8.jpg&h=1e1dd5f3e9636a5abe4907f09f4d6f1f" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-clickable card-page" href="/ministries" style="background-color:#ffffff;border-radius:1rem;" data-card-id="43">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=dp6ycwnglf3l.jpg&h=a757939d76f9d51464643cd979110c7e" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-clickable card-page" href="/missionaries" style="background-color:#ffffff;border-radius:1rem;" data-card-id="44">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=zrm1l4aqrdb7.jpg&h=116b3431865f0c91b46fb64b4990264e" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-white card-clickable card-form" href="/connectwithus" style="background-color:#343A40;border-radius:1rem;" data-card-id="4">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=chk2wi6aqwtl.jpg&h=3d6ac49aea6838aba3f3a65014df695e" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-clickable card-giving" href="/give" style="background-color:#ffffff;border-radius:1rem;" data-card-id="9">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=xq5lfaxvkk27.jpg&h=f1ae9693545c7399608eea32326355ee" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-white card-clickable text-center card-page" href="/salvation" style="background-color:#274e13;border-radius:1rem;" data-card-id="35">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=qciw6md172kp.jpg&h=37a24be6b4a81c1d5a7157969fd209ca" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-info" href="javascript:;" onclick="connect.infoCard(51)" style="background-color:#ffffff;border-radius:1rem;" data-card-id="51">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=vxphct15und7.jpg&h=d34cc25491a589fbbbeae1057e4bcce5" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;" />
			</div>

		
		

					<div class="card-body">

				
									<div class="info-click-more info-section card-text small">Click for more info</div>
					<div class="info-expanded info-section d-none">
				
				
									<div class="card-text small">On Tuesday, May 20, 2025 the Senior Saints will be having a Sunday School picnic at 12:00 PM at Palisades Park in Oneonta, AL. The bus will leave the church at 11:00 AM.</div>
				
									</div>
				
			</div>
		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-info" href="javascript:;" onclick="connect.infoCard(31)" style="background-color:#ffffff;border-radius:1rem;" data-card-id="31">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=55sns5k2b3tz.jpg&h=e5e729b9d5ad78bd64c3f5833eb96ebe" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;" />
			</div>

		
		

					<div class="card-body">

				
									<div class="info-click-more info-section card-text small">Click for more info</div>
					<div class="info-expanded info-section d-none">
				
				
									<div class="card-text small">Join us Sunday, May 25 as we have a Memorial Day Service followed by a Memorial Day picnic where we honor those who gave their lives for our country. There will be no evening service on this Sunday.</div>
				
									</div>
				
			</div>
		
		
		
		
	</a>

		<a class="card no-underline shadow-sm text-dark card-info" href="javascript:;" onclick="connect.infoCard(32)" style="background-color:#ffffff;border-radius:1rem;" data-card-id="32">

		
					<div class="card-img-container text-center" style="border-top-right-radius:1rem;border-top-left-radius:1rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="/image?ci=58213&file=lvnsyy5oevwr.jpg&h=184c73c26a3287cc84c726ae65ade5e2" class="card-img-top" style="border-top-right-radius:1rem;border-top-left-radius:1rem;" />
			</div>

		
		

					<div class="card-body">

				
									<div class="info-click-more info-section card-text small">Click for more info</div>
					<div class="info-expanded info-section d-none">
				
				
									<div class="card-text small">Join us for Bible Time 2025, June 16-20, 2025 from 6:00 - 8:15 PM. We will have snacks, games and a Bible story each night. Children four years old thru Teens are invited to attend.</div>
				
									</div>
				
			</div>
		
		
		
		
	</a>

		</div>

			<div class="py-5 text-auto editor-content"><div style="max-width:1000;border-radius:1rem;background-color:#ffffff!important;padding:10px!important;"><div class="connect-template w-100 align-center rounded">
	<div class="prompt-heading h1 bold text-color-dark pt-3 pb-1">Service Times</div>
	<hr style="width:80%;">
	<div class="service-template-container columns d-flex flex-column flex-md-row">
		<div class="column mt-3 mb-3 flex-equal">
			<div class="prompt-headline h3 bold text-color-dark pt-0 pb-0">Sunday</div>
			<div class="prompt-paragraph paragraph-1 align-left text-color-dark pt-0 pb-0">10:00 AM - Sunday School<br>
11:00 AM - Worship Service / Children's Ministry<br>
6:00 PM - Sunday Evening Service</div>
		</div>
		<div class="column mt-3 mb-3 flex-equal">
			<div class="prompt-headline h3 bold text-color-dark pt-0 pb-0">Wednesday</div>
			<div class="prompt-paragraph paragraph-1 text-color-dark pt-0 pb-0">7:00 PM - Adult Bible Study / King's Kids / Teens for Christ</div>
		</div>
	</div>
</div><div class="paragraph prompt-text align-center text-color-dark pt-0 pb-0">Nursery provided for all services. Children's ministry and bus transportation provided for Sunday morning and Wednesday evening services.</div></div></div>
	
	<script type="text/javascript">
		$(function() {
			$('.cards').bmasonry({
				gutter: 15,
				minCardWidth: 300,
			});
		});
	</script>


</div> <!-- close .welcome-page -->
					</div>

				</div><!-- Page Container -->

			</div><!-- Page Wrapper -->
			
						<div class="rounded-0" style="background-color: #274e13">
				

	
		<div data-section-id="5" data-section-published="1" class="section-content d-flex flex-column pt-5 pb-3 justify-content-center align-center mx-auto text-color-light" style="width:100%; max-width: 1000px; z-index:3!important;">
			<div class="connect-template d-flex flex-column flex-lg-row justify-content-around align-items-center w-100">
	<div class="w-100 d-flex order-1 order-md-2 order-2 order-lg-1 col-md-12 col-lg-4 col-11 mx-auto" style="padding: 0px!important;">
		<div class="embed-responsive embed-responsive-16by9 rounded" style="min-height:350px!important;">
			<iframe class="google-map border-0" width="200" height="200" frameborder="0" src="https://maps.google.com/maps?q=1405%20Simpson%20Road%2C%20Odenville%2C%20AL%2035120&t=&z=13&ie=UTF8&iwloc=&output=embed" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
		</div>
	</div>
	<div class="d-flex flex-column flex-md-row order-1 order-md-1 order-lg-2 col-lg-7 col-11 mx-auto py-4 px-2" style="">
		<div class="w-100 order-1 col-md-6 d-flex flex-column py-4" style="padding-left: 0px!important; padding-right: 0px!important;">
			<div class="d-flex prompt-heading prompt-text w-75 h5 bold align-left pt-0 pb-0">New Life Baptist Church</div>
			<div class="prompt-address m-0 align-left pt-1 pb-1 prompt-text">1405 Simpson Road, Odenville, AL 35120</div>
			<div class="prompt-text m-0 align-left pt-1 pb-1"><a style="color:unset;" href="tel:(2056295788)">(205) 629-5788</a></div>
			<div class="prompt-text m-0 align-left pt-1 pb-2"><a href="mailto:info@nlbconline.org">info@nlbconline.org</a></div>
			<div class="w-100 align-left pt-0 pb-0 prompt-social-media justify-left-socials">
				<div class="d-flex my-2 mx-auto justify-content-center">

			<div class="px-1">
			<a href="https://www.facebook.com/NewLifeBaptistOdenville" target="_blank" class="px-2 no-underline">
				<i class="text-center fa-2x fab fa-facebook text-color-light"></i>
			</a>
		</div>
			<div class="px-1">
			<a href="https://www.youtube.com/@newlifebaptistchurch4652" target="_blank" class="px-2 no-underline">
				<i class="text-center fa-2x fab fa-youtube text-color-light"></i>
			</a>
		</div>
		
</div>

			</div>
		</div>
		<div class="w-100 d-none d-md-flex border-left order-2" style="margin-left:3%; padding-right:3%; max-height: 350px;"></div>
		<div class="w-100 text-md-right text-left d-flex flex-column my-auto pt-0 pb-0 order-3 col-md-5 order-2 py-4" style="padding-left: 0px!important;">
			<div class="prompt-heading prompt-text h2 pt-0">Quick Links </div>
			<div class="prompt-footer-links p1 font-lato"><div class="d-flex flex-column">
			<a class="text-color-light underline mt-2 w-100" href="/" target="_self">
			Home		</a>
			<a class="text-color-light underline mt-2 w-100" href="/planavisit" target="_self">
			Plan a Visit		</a>
			<a class="text-color-light underline mt-2 w-100" href="/aboutus" target="_self">
			About Us		</a>
			<a class="text-color-light underline mt-2 w-100" href="/eventscalendar" target="_self">
			Upcoming Events		</a>
			<a class="text-color-light underline mt-2 w-100" href="/ministries" target="_self">
			Ministries		</a>
			<a class="text-color-light underline mt-2 w-100" href="/connectwithus" target="_self">
			Connect with Us		</a>
			<a class="text-color-light underline mt-2 w-100" href="https://www.youtube.com/@newlifebaptistchurch4652/streams" target="_blank">
			Watch online		</a>
			<a class="text-color-light underline mt-2 w-100" href="/give" target="_self">
			Give		</a>
	</div>
</div>
		</div>
	</div>
</div>		</div>

	
	<div class="pt-5"><div class="text-center text-small small p3-5 pb-5 no-print text-color-light">
			Copyright &copy 2025 | Powered by <a class="text-color-light" href="https://www.churchtrac.com"><img class="mr-1 mt-n1" src="/images/icons/logo_white.png" style="width:auto; height:20px;"><b>church</b>trac</a>
		</div></div>
			</div>
			
		</div><!-- Main Panel -->

					<div id="install-prompt" onclick="closePrompt()" class="position-absolute hidden no-print" style="bottom: 20px; left:50%; min-width:300px; max-width:400px; width:85%; z-index:1000;">
				<div class="card position-relative border shadow text-center bg-white" style="left:-50%;">
					<div class="card-body p-4">
						<div class="h5" data-lang="install_cc">Install Church Connect</div>
						<div class="" data-lang="install_cc_sub">
							Install this app on your device home screen for quick and easy access.
						</div>
					</div>
					<div class="card-footer text-muted small">
						<span data-lang="just_tap">Just tap</span> <img src="https://www.churchtrac.com/libraries/pwa/ios.png" style="width:35px;" alt=""> <span data-lang="add_to_homescreen">then 'Add to Home Screen'</span>
					</div>
				</div>
			</div>
		
	</div><!-- Wrapper -->
	<div id="modal-overlay" class="no-print"></div>

			<!-- Google tag (gtag.js) -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-2TMPWDMBDL"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'G-2TMPWDMBDL');
		</script>
		
</body>
</html>
