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

<script type="text/javascript">
	const ctframe = 0;
	const ctapp = 0;
</script>			<title>Welcome | Heritage Grace Community Church</title>
			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
			<link rel="icon" href="https://www.heritagegrace.org/favicon.ico" type="image/png">
			<link rel="apple-touch-icon" href="https://www.heritagegrace.org/favicon.ico">
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<meta charset="utf-8">

		<meta name="description" content="Heritage Grace Community Church
A Reformed Baptist Church in North Texas">			<script type="text/javascript">var lang = {};</script>
				<script src="https://cdn.churchtrac.com/vendor/jquery/jquery-3.3.1.min.a09e13ee.js"></script>
				<link rel="stylesheet" href="https://cdn.churchtrac.com/vendor/bootstrap/css/bootstrap.min.a4b3f509.css"/>
		<script src="https://cdn.churchtrac.com/vendor/bootstrap/js/bootstrap.bundle.min.a0805bca.js" defer></script>
				<link rel="preload" href="https://cdn.churchtrac.com/vendor/fontawesome/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="https://cdn.churchtrac.com/vendor/fontawesome/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="https://cdn.churchtrac.com/vendor/fontawesome/webfonts/fa-light-300.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="stylesheet" href="https://cdn.churchtrac.com/vendor/fontawesome/css/all.min.0a4f9d4e.css"/>
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/toastr/toastr.min.8ee1218b.js"></script>
		<link rel="stylesheet" type="text/css" href="https://cdn.churchtrac.com/vendor/toastr/toastr.min.f284028c.css" />
				<link rel="stylesheet" href="https://cdn.churchtrac.com/libraries/css/dist/global.min.fcf01094.css"/>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/translate.min.ae808a14.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/common.min.7cde501a.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/bootbox/bootbox.min.62be73ae.js" defer></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/bwidgets.min.564b3bca.js" defer></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/sortablejs/sortable.min.2205f234.js"></script>
		<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/sortablejs/jquery-sortable.f2fa2041.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/select2/js/select2.full.min.0a96cf2d.js"></script>
		<link rel="stylesheet" type="text/css" href="https://cdn.churchtrac.com/vendor/select2/css/select2.min.8e44c39a.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.churchtrac.com/vendor/select2/css/select2-bootstrap4.a11bd80c.css" />
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/flatpickr/flatpickr.min.956d2bae.js"></script>
		<link rel="stylesheet" type="text/css" href="https://cdn.churchtrac.com/vendor/flatpickr/flatpickr.min.20f054b8.css" />
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/moment/moment.0941fc7e.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/tour/tour.a5c142f6.js"></script>
				<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/connect.min.c248cf3a.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/shared.min.9b808d04.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/online_giving.min.bcb41049.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/dropzone/dropzone.14baa29e.js"></script>
		<link rel="stylesheet" href="https://cdn.churchtrac.com/vendor/dropzone/dropzone.5e018ddc.css"/>
				<script type="text/javascript" src="https://cdn.churchtrac.com/vendor/imagesloaded/imagesloaded.pkgd.min.e596839a.js"></script>
				<link rel="stylesheet" href="https://cdn.churchtrac.com/libraries/css/dist/css_base.min.83c848f6.css"/>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/worship.min.2d557bad.js"></script>
				<style>
			@font-face {
				font-family: accidentals;
				src: url(https://cdn.churchtrac.com/fonts/accidentals.ttf);
				font-weight: normal;
				font-style: normal;
			}
		</style>		<script src='https://cdn.churchtrac.com/vendor/tokenfield/bootstrap-tokenfield.min.d7dc5c5d.js'></script>
		<link rel='stylesheet' href='https://cdn.churchtrac.com/vendor/tokenfield/css/bootstrap-tokenfield.min.d0ce3b84.css' />
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/scheduling.min.8f838bdf.js"></script>
				<link href="https://cdn.churchtrac.com/vendor/summernote/summernote-lite.b0e2b7fa.css" rel="stylesheet">
		<script src="https://cdn.churchtrac.com/vendor/summernote/summernote-lite.0bca4fa6.js"></script>
				<script src='https://cdn.churchtrac.com/vendor/spectrum/spectrum.5f141b16.js'></script>
		<link rel='stylesheet' href='https://cdn.churchtrac.com/vendor/spectrum/spectrum.c4570cb2.css' />
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/messaging.min.ba7faf74.js"></script>
				<script type="text/javascript" src="https://cdn.churchtrac.com/libraries/js/dist/email_builder.min.b03c1b15.js"></script>
				<link href="https://cdn.churchtrac.com/vendor/iconcaptcha/assets/client/css/iconcaptcha.min.6222a32e.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://cdn.churchtrac.com/vendor/iconcaptcha/assets/client/js/iconcaptcha.min.03729a4c.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>

		
<link rel="canonical" href="https://www.heritagegrace.org/">

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


<!-- online giving -->
<meta name="publishable_key" id="publishable_key" data-value="pk_live_51M9xOfGgqaQXnRNvPizXYHOEUu7iNEOUtzZfQRGXZDHvxCWJhUMruzlXfVwBmSTYuZPtQT3uIytfEYOzoOv07yG600EWsajKFc" />
<meta name="stripe_user_id" id="stripe_user_id" data-value="acct_1M9xOfGgqaQXnRNv" />
<meta name="fc_scheduler_key" id="fc_scheduler_key" data-value="0477921719-fcs-1477332582" />
<meta name="connect_url" id="connect_url" data-value="https://www.heritagegrace.org/">
<meta id="stripe-api-version" data-value="2022-11-15" />

<!-- custom domain -->
<meta id="churchtrac-domain" name="churchtrac-domain" data-value="dc9bc1091293930bad5a7e24b361070a" />
<style id="connect-style">

	.solve-captcha {
		position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
	}

	.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: #999999;
	}

	/* 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: #ffffff;
	}

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

	.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: #eeeeee;
	}

	/* 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: 50px;
		background-color: #ffffff;
	}
	
	.member-connect .card:not(.song-card) {
		cursor: pointer;
		border-radius: 0.5rem;
	}
	.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: 0.5rem;
	}

	.member-connect .alert-info {
		border-color: #990000;
		color: #990000;
	}

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

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

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

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

	.member-connect .btn-group .btn {
		background-color: transparent !important;
		color: #990000 !important;
		border: none !important;
		transition: background-color 0.15s ease, color 0.15s ease !important;
		position: relative;
		z-index: 2;
	}

	.member-connect .btn-group-indicator {
		background-color: #990000 !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}

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

	.member-connect .btn-group .btn.active {
		background-color: #990000!important;
		border: none !important;
	}

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

	/* for darker backgrounds, show btn-groups in white */
	.btn-group.btn-group-inverse .btn {
		border-color:white!important;
		color:white;
	}
	.btn-group.btn-group-inverse .btn:hover, .btn-group.btn-group-inverse .btn.active:hover {
		color:white!important;
	}
	.btn-group.btn-group-inverse .btn.active {
		border-color:white!important;
		background-color: white !important;
		color: #990000!important;
	}

	/* in connect, btn-group-inverse should not override the accent-based styling */
	.member-connect .btn-group.btn-group-inverse .btn {
		background-color: transparent !important;
		color: #990000 !important;
		border: none !important;
	}
	.member-connect .btn-group.btn-group-inverse .btn.active,
	.member-connect .btn-group.btn-group-inverse .btn.active:hover {
		background-color: #990000 !important;
		border: none !important;
		color: white !important;
	}
	.member-connect .btn-group.btn-group-inverse .btn:not(.active):hover {
		background-color: #990000 !important;
		color: white !important;
	}

	/* for slidrs, override default style for btn-groups */
	.member-connect #slidr-content .btn-group .btn {
		color: #990000!important;
	}
	.member-connect #slidr-content .btn-group .btn.active {
		color: white!important;
	}
	.member-connect #slidr-content .btn-group .btn:not(.active):hover {
		background-color: #990000!important;
		color: white!important;
	}

	.btn-auto {
		background-color: #990000!important;
		color:white!important;
		border-color:#990000!important;
	}
	.btn-auto:hover, .btn-auto.active:hover {
		background-color: #990000!important;
		filter: brightness(110%);
	}
	.btn-auto.active {
		background: linear-gradient(
			to top,
			rgba(0, 0, 0, 0.35),
			rgba(0, 0, 0, 0.35)
		) #990000!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: #990000!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: #990000;
		color: white!important;
		border-color: #990000;
	}
	.member-connect .btn-outline-primary {
		border-color: #990000;
		color: #990000!important;
	}
	.member-connect .btn-outline-primary:hover {
		color: white!important;
	}
	.member-connect .btn-default,
	.note-editable .btn-default,
	.note-editable .btn-danger {
		border-color: #990000;
		color: #990000!important;
	}
	.member-connect .btn-default.active {
		background-color: #990000;
		color: white!important;
	}

	.member-connect .btn-default:hover, .member-connect .btn-danger:active {
		background-color: #990000;
		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: #990000!important;
	}
	.border-primary {
		border-color: #990000!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: #990000!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: var(--color-almost-white);
	}

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

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

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

	.member-connect .flatpickr-day.selected {
		background-color: #990000!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: #990000!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: #990000!important;
	}

	.member-connect .custom-control-input:checked~.custom-control-label::before {
		background-color: #990000!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:
			#990000			!important;
		border: 1px solid #990000;
		border-radius: 0.5rem!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: #990000	}

	/* 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:has(.show) {
		min-height:250px;
		transition: min-height 0.15s ease-in-out;
	}

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

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

	@media (max-width: 576px) {
		/* if a page section has padding applied, it is horrible on smaller screens */
		/* this is necessary to reduce the extra padding on mobile so the text is readable */
		.page-card-section {
			padding-left:10px!important;
			padding-right:10px!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) */
	/* lets items share space evenly and shrink if needed */
	.flex-equal { 
		flex: 1 1 0; 
	}

/* same, but never shrink (can overflow/wrap sooner) */
	.flex-equal-noshrink { 
		flex: 1 0 0; 
	}

	.upcoming-events-card {
		word-break: break-all;
	}

</style>

<style>
			</style>

</head>

<body class="nouserselect-x member-connect" data-bg="eeeeee" data-btn="990000">

			<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:#eeeeee;">

		<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: 40px!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: 40px!important;
		}
	}
	.connect-hamburger-menu {
		background-color: #262831;
	}
</style>

<div id="connect-nav" class=" 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="https://cdn.churchtrac.com/image?ci=49097&file=h1khpxucowe4.jpg&h=e42962652d2d6f373b6dd88459a1edfe&r=633623226" style="height: 40px; 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/70" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_blank" style="min-width: 70px!important;">
				<span>About Us</span>
			</a>
					<a href="https://www.youtube.com/@HeritageGraceCommunityChurch/streams" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_blank" style="min-width: 70px!important;">
				<span>Media</span>
			</a>
					<a href="/card/69" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_self" style="min-width: 70px!important;">
				<span>Missions and Outreach</span>
			</a>
					<a href="/card/68" class="btn btn-sm px-3 nav-links flex-shrink-1 text-dark" target="_self" style="min-width: 70px!important;">
				<span>Resources</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/70" class="list-group-item list-group-item-action rounded-0" target="_blank">
				<span class="menu-label pl-2">About Us</span>
			</a>
					<a href="https://www.youtube.com/@HeritageGraceCommunityChurch/streams" class="list-group-item list-group-item-action rounded-0" target="_blank">
				<span class="menu-label pl-2">Media</span>
			</a>
					<a href="/card/69" class="list-group-item list-group-item-action rounded-0" target="_self">
				<span class="menu-label pl-2">Missions and Outreach</span>
			</a>
					<a href="/card/68" class="list-group-item list-group-item-action rounded-0" target="_self">
				<span class="menu-label pl-2">Resources</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="0261d999" />
<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: 50px!important;
		width: 100vw!important;
		overflow-y: hidden;
		background-color: #ffffff;
		background-image: url('https://cdn.churchtrac.com/image?ci=49097&file=9k0jv1lz9sf8.jpg&h=a1730f659097aeff51116ba3753fcc9a');
		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: #000;
		opacity: 0;
		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: 250px;
	}

</style>


		<div class="hero-container editor-content px-3 hero-height-250" data-height="250">
						<div data-section-id="3" 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 container align-center w-100" style="transform: translate3d(0px, 0px, 0px); transition: transform 150ms;">
  
  
</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-5xx text-auto editor-content"><div class="page-card-section" style="margin: 30px auto 40px auto !important; width: 99%; max-width: 1000px;background-color:#e6e6e6!important;border-radius:0.5rem;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;"><div class="connect-template align-center w-100" style="" draggable="false">
  <div class="prompt-heading font-lucida_grande h3 bold align-center text-color-dark pt-3 pb-0" style="">Welcome to Heritage Grace Community Church</div>
  <div class="paragraph prompt-text font-arial paragraph-1 align-center text-color-dark pt-0 pb-5" style="">We welcome you to join us each Lord's day as we gather to worship the Triune God in the preaching and teaching His Inerrant, Infallible, All-Sufficient Word, and in lifting our voices in songs, hymns, and spiritual songs.  We are also a congregation who holds to the Second London Baptist Confession 1689.  We currently meet in the Water's Edge Church building in Frisco, TX.</div><div class="paragraph prompt-text font-lucida_grande paragraph-2 bold align-center text-color-dark pt-0 pb-0" style="" draggable="false">Click below for information about Heritage Grace</div>
  <a href="/card/12" class="prompt-button btn btn-auto btn-lg px-4 mt-2 mb-4" target="_blank" style="" draggable="false">Connect With Us!</a>
</div><div class="align-center mb-3 mt-3" style=""></div></div></div>
	
	<div class="cards mt-4 card-columns-x w-100">
			<a class="card no-underline border shadow-sm text-dark card-clickable card-page" href="/card/63" style="background-color:#ffffff;border-radius:0.5rem;" data-card-id="63">

		
					<div class="card-img-container text-center" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="https://cdn.churchtrac.com/image?ci=49097&file=c8orl354co23.jpg&h=2c2578b29bd8fd6c6fcbc9b828cdfd49" class="card-img-top" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem;" alt="" />
			</div>

		
		

		
		
		
		
	</a>

		<a class="card no-underline border shadow-sm text-dark card-clickable card-link" href="https://1689londonbaptistconfession.com" target="_blank" style="background-color:#ffffff;border-radius:0.5rem;" data-card-id="55">

		
					<div class="card-img-container text-center" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="https://cdn.churchtrac.com/image?ci=49097&file=xsoxj1i2jzmk.jpg&h=8d97e6f8e51656902bb89d876d1735d1" class="card-img-top" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem;" alt="" />
			</div>

		
		

		
		
		
		
	</a>

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

		
					<div class="card-img-container text-center" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="https://cdn.churchtrac.com/image?ci=49097&file=8w2fmnjo43tl.jpg&h=04962855b7c27cc14697fc939ee52d23" class="card-img-top" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem;" alt="" />
			</div>

		
		

		
		
		
		
	</a>

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

		
					<div class="card-img-container text-center" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="https://cdn.churchtrac.com/image?ci=49097&file=hb8u9hqtix0j.jpg&h=d63d83d699def19dd9d1518d30ad0075" class="card-img-top" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;" alt="" />
			</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">We celebrate the Lord's Supper on the first Sunday of each month.  <br />
1 Corinthians 11:26</div>
				
									</div>
				
			</div>
		
		
		
		
	</a>

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

		
					<div class="card-img-container text-center" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;">
								<i class="fa fa-spinner fa-pulse mt-3 text-muted"></i>
								<img src="https://cdn.churchtrac.com/image?ci=49097&file=hbga06da2x5j.jpg&h=cfccba097f492a919ece1f8d6644dfe1" class="card-img-top" style="border-top-right-radius:0.5rem;border-top-left-radius:0.5rem;" alt="" />
			</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">Our small groups gather in homes throughout the North DFW area on the first Wednesday of each month at 7 pm. It is a blessed time of study, worship, and growing in our relationships with one another. Please contact one of the elders for further information!</div>
				
									</div>
				
			</div>
		
		
		
		
	</a>

		</div>

			<div class="py-5xx text-auto editor-content"><div class="page-card-section" style="margin: 30px auto 30px auto !important; width: 99%; max-width: 1000px;"><div class="connect-template d-flex flex-column flex-md-row container align-center align-items-center py-4 justify-content-between px-0">
  <div class="col-md-5 col-12 py-4 align-center">  
    <div class="prompt-heading prompt-text h2 text-color-dark pt-0 pb-0">HGCC Worship Services</div>
    <div class="prompt-address prompt-text border-bottom border-secondary paragraph-1 text-color-dark pt-0 pb-3">5475 Coit Road, Frisco, TX 75035</div>
    <div class="prompt-subheading p1 prompt-text paragraph-1 pt-3 pb-3">We meet in the Water's Edge Lutheran Church building</div>
    <div class="prompt-subheading p1 prompt-text paragraph-1 pt-0 pb-3">Adult Sunday School or Corporate Prayer and Children's Sunday School | 1:30pm</div>
    <div class="prompt-subheading p1 prompt-text paragraph-1 pt-0 pb-3">Worship Service | 2:30pm</div>
  </div>


  <div class="embed-responsive embed-responsive-16by9 rounded prompt-text col-md-6 pt-5 col-12">
	  <iframe class="google-map border-0" width="400" height="50" frameborder="0" src="https://maps.google.com/maps?q=5475%20Coit%20Road%2C%20Frisco%2C%20TX%2075035&t=&z=13&ie=UTF8&iwloc=&output=embed" allowfullscreen=""></iframe>
  </div>
</div></div></div>
	
		<script type="text/javascript">
			$(function() {
				$('.cards').bmasonry({
					gutter: 10,
					minCardWidth: 275,
				});
			});
		</script>
	

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

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

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

	
		<div data-section-id="6" 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-md-row align-items-start w-100">
	<div class="w-100 mt-4 order-2 order-md-1 mt-3 px-3">
		
		
	</div>
	<div class="d-none d-md-inline-block mx-3 prompt-text order-1 order-md-2"> </div>
	<div class="w-100 order-md-3 px-3">
		<div class="prompt-heading prompt-text h3 align-center text-color-accent pt-0 pb-0 font-lucida_grande">Heritage Grace Community Church</div>
		
		
		<div class="prompt-text m-0 font-arial paragraph-2 align-center pt-2 pb-2">Mailing Address: P.O. Box 250947, Plano, TX 75025-0947</div>
		<div class="w-100 align-center pt-0 pb-0 prompt-social-media paragraph-1">
			<div class="d-flex flex-column my-2 mx-auto justify-content-center">

	<div class="d-flex justify-content-center">
					<div class="px-1">
				<a href="https://www.facebook.com/Heritagegrace/" 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/@HeritageGraceCommunityChurch/videos" 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>
	<div class="d-none d-md-inline-block mx-3 prompt-text order-md-4"> </div>
	<div class="w-100 mt-4 align-center pt-0 pb-0 order-3 order-md-5 mt-3 px-3">
		
		<div class="prompt-footer-links paragraph-1">
			
		</div>
	</div>
</div><div class="paragraph prompt-text paragraph-2 align-center text-color-light pt-0 pb-0" style="">Email: admin@heritagegrace.org</div>		</div>

	
	<div class="pt-5"><div class="text-center text-small small p3-5 pb-5 no-print text-color-light">
			Copyright &copy 2026 | 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>
	
	<div id="modal-overlay" class="no-print"></div>
	
			<!-- Google tag (gtag.js) -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-WR4VK4VYB8"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'G-WR4VK4VYB8');
		</script>
		
</body>
</html>
