</main>
<!-- END: Page -->

<!-- Footer -->
<footer class="footer" id="footer">
    <div class="footer_primary">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_primary_inner">

                    <div class="logo logo_footer logo_icon">
                        <a class="logo_link" href="/" aria-label="Logo Link">
                            <span class="logo_link_label">JTCC</span>
                            <span class="logo_link_icon">

                                <svg class="icon icon_logo">
                                    <use href="/images/icons.svg#logo" />
                                </svg>

                            </span>
                        </a>
                    </div>

                    <div class="footer_primary_content">
                        <div class="footer_primary_group footer_primary_group_meta">

                            <div class="meta_info">
                                <script type="application/ld+json">
                                    {
                                        "@context": "http://schema.org",
                                        "@type": "",
                                        "name": "",
                                        "logo": "///images/logo-schema.png",
                                        "address": {
                                            "@type": "PostalAddress",
                                            "streetAddress": "13101 Jefferson Davis Highway",
                                            "addressLocality": "Chester",
                                            "addressRegion": "Virginia",
                                            "postalCode": "23831-5316"
                                        },
                                        "telephone": "804-796-4000",
                                        "url": "//jtcc.edu",
                                        "sameAs": [
                                            "//www.twitter.com/johntylercc",
                                            "//facebook.com/johntylercc",
                                            "//instagram.com/johntylercc",
                                            "//www.linkedin.com/school/59502",
                                            "//www.youtube.com/johntylercommcollege"
                                        ]
                                    }
                                </script>
                                <a class="meta_info_link" href="#">
                                    <span class="meta_info_link_label">Chester Campus</span>
                                    <span class="meta_info_link_icon">
                                        <svg class="icon icon_caret_right">
                                            <use href="/images/icons.svg#caret_right" />
                                        </svg>
                                    </span>
                                </a>
                                <div class="meta_info_details">
                                    <div class="meta_info_detail meta_info_detail_address">
                                        <span class="meta_info_detail_icon">
                                            <svg class="icon icon_place">
                                                <use href="/images/icons.svg#place" />
                                            </svg>
                                        </span>
                                        <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:" target="_blank" rel="noopener">
                                            <span class="meta_info_address_street">13101 Jefferson Davis Highway,</span>
                                            <span class="meta_info_address_group">
                                                <span class="meta_info_address_city">Chester,</span>
                                                <span class="meta_info_address_state">Virginia</span>
                                                <span class="meta_info_address_zip">23831-5316</span>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="meta_info_detail meta_info_detail_phone">
                                        <span class="meta_info_detail_icon">
                                            <svg class="icon icon_phone">
                                                <use href="/images/icons.svg#phone" />
                                            </svg>
                                        </span>
                                        <a class="meta_info_detail_label meta_info_detail_link" href="tel:8047964000">
                                            <span class="meta_info_detail_label_hint">Phone</span>
                                            804-796-4000</a>
                                    </div>
                                </div>
                            </div>

                            <div class="meta_info">
                                <script type="application/ld+json">
                                    {
                                        "@context": "http://schema.org",
                                        "@type": "",
                                        "name": "",
                                        "logo": "///images/logo-schema.png",
                                        "address": {
                                            "@type": "PostalAddress",
                                            "streetAddress": "800 Charter Colony Parkway",
                                            "addressLocality": "Midlothian",
                                            "addressRegion": "Virginia",
                                            "postalCode": "23114-4383"
                                        },
                                        "telephone": "804-796-4000",
                                        "url": "//jtcc.edu",
                                        "sameAs": [
                                            "//www.twitter.com/johntylercc",
                                            "//facebook.com/johntylercc",
                                            "//instagram.com/johntylercc",
                                            "//www.linkedin.com/school/59502",
                                            "//www.youtube.com/johntylercommcollege"
                                        ]
                                    }
                                </script>
                                <a class="meta_info_link" href="#">
                                    <span class="meta_info_link_label">Midlothian Campus</span>
                                    <span class="meta_info_link_icon">
                                        <svg class="icon icon_caret_right">
                                            <use href="/images/icons.svg#caret_right" />
                                        </svg>
                                    </span>
                                </a>
                                <div class="meta_info_details">
                                    <div class="meta_info_detail meta_info_detail_address">
                                        <span class="meta_info_detail_icon">
                                            <svg class="icon icon_place">
                                                <use href="/images/icons.svg#place" />
                                            </svg>
                                        </span>
                                        <a class="meta_info_detail_label meta_info_detail_link" href="//www.google.com/maps/place/?q=place_id:" target="_blank" rel="noopener">
                                            <span class="meta_info_address_street">800 Charter Colony Parkway,</span>
                                            <span class="meta_info_address_group">
                                                <span class="meta_info_address_city">Midlothian,</span>
                                                <span class="meta_info_address_state">Virginia</span>
                                                <span class="meta_info_address_zip">23114-4383</span>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="meta_info_detail meta_info_detail_phone">
                                        <span class="meta_info_detail_icon">
                                            <svg class="icon icon_phone">
                                                <use href="/images/icons.svg#phone" />
                                            </svg>
                                        </span>
                                        <a class="meta_info_detail_label meta_info_detail_link" href="tel:8047964000">
                                            <span class="meta_info_detail_label_hint">Phone</span>
                                            804-796-4000</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="footer_primary_group footer_primary_group_nav">

                            <nav class="js-nav js-footer-nav nav footer_nav" aria-labelledby="footer_nav_title">
                                <div class="nav_header footer_nav_header">
                                    <h2 class="nav_title footer_nav_title" id="footer_nav_title">Footer</h2>
                                </div>
                                <ul class="js-nav-list js-footer-nav-list nav_list footer_nav_list" aria-labelledby="footer_nav_title">
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-1 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label footer_nav_link_label">Contact Us</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-2 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label footer_nav_link_label">Nondiscrimination Policy</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-3 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label footer_nav_link_label">Diversity & Inclusion</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-4 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label footer_nav_link_label">Privacy/Disclaimer</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-5 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label footer_nav_link_label">Financial Aid</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-6 nav_item footer_nav_item">
                                        <div class="nav_item_inner footer_nav_item_inner">
                                            <a class="js-nav-link js-footer-nav-link nav_link footer_nav_link" href="#">
                                                <span class="nav_link_icon footer_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label footer_nav_link_label">Public Records</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>

                            <nav class="js-nav js-auxilary-nav js-auxilary-nav-sm nav auxilary_nav auxilary_nav_sm" aria-labelledby="auxilary_nav_title_sm">
                                <div class="nav_header auxilary_nav_header">
                                    <h2 class="nav_title auxilary_nav_title" id="auxilary_nav_title_sm">Auxilary</h2>
                                </div>
                                <ul class="js-nav-list js-auxilary-nav-list nav_list auxilary_nav_list" aria-labelledby="auxilary_nav_title_sm">
                                    <li class="js-nav-item js-auxilary-nav-item js-auxilary-nav-item-1 nav_item auxilary_nav_item">
                                        <div class="nav_item_inner auxilary_nav_item_inner">
                                            <a class="js-nav-link js-auxilary-nav-link nav_link auxilary_nav_link" href="#">
                                                <span class="nav_link_icon auxilary_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label auxilary_nav_link_label">FOIA</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-auxilary-nav-item js-auxilary-nav-item-2 nav_item auxilary_nav_item">
                                        <div class="nav_item_inner auxilary_nav_item_inner">
                                            <a class="js-nav-link js-auxilary-nav-link nav_link auxilary_nav_link" href="#">
                                                <span class="nav_link_icon auxilary_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label auxilary_nav_link_label">Employment at Tyler</span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-auxilary-nav-item js-auxilary-nav-item-3 nav_item auxilary_nav_item">
                                        <div class="nav_item_inner auxilary_nav_item_inner">
                                            <a class="js-nav-link js-auxilary-nav-link nav_link auxilary_nav_link" href="#">
                                                <span class="nav_link_icon auxilary_nav_link_icon" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                                <span class="nav_link_label auxilary_nav_link_label">VCCS</span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_ribbon">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_ribbon_inner">
                    <div class="footer_ribbon_group footer_ribbon_group_social">

                        <div class="social_nav">
                            <div class="social_nav_header">
                                <h2 class="social_nav_title" id="social_nav_title">Social</h2>
                            </div>
                            <ul class="social_nav_list" aria-labelledby="social_nav_title">
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com/johntylercc" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_twitter">
                                                <use href="/images/icons.svg#twitter" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Twitter</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_facebook" href="//facebook.com/johntylercc" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_facebook">
                                                <use href="/images/icons.svg#facebook" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Facebook</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_instagram" href="//instagram.com/johntylercc" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_instagram">
                                                <use href="/images/icons.svg#instagram" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Instagram</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_linkedin" href="//www.linkedin.com/school/59502" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_linkedin">
                                                <use href="/images/icons.svg#linkedin" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Linkedin</span>
                                    </a>
                                </li>
                                <li class="social_nav_item">
                                    <a class="social_nav_link social_nav_link_youtube" href="//www.youtube.com/johntylercommcollege" target="_blank" rel="noopener">
                                        <span class="social_nav_icon">
                                            <svg class="icon icon_youtube">
                                                <use href="/images/icons.svg#youtube" />
                                            </svg>
                                        </span>
                                        <span class="social_nav_label">Youtube</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer_ribbon_group footer_ribbon_group_auxilary">

                        <nav class="js-nav js-auxilary-nav js-auxilary-nav-lg nav auxilary_nav auxilary_nav_lg" aria-labelledby="auxilary_nav_title_lg">
                            <div class="nav_header auxilary_nav_header">
                                <h2 class="nav_title auxilary_nav_title" id="auxilary_nav_title_lg">Auxilary</h2>
                            </div>
                            <ul class="js-nav-list js-auxilary-nav-list nav_list auxilary_nav_list" aria-labelledby="auxilary_nav_title_lg">
                                <li class="js-nav-item js-auxilary-nav-item js-auxilary-nav-item-1 nav_item auxilary_nav_item">
                                    <div class="nav_item_inner auxilary_nav_item_inner">
                                        <a class="js-nav-link js-auxilary-nav-link nav_link auxilary_nav_link" href="#">
                                            <span class="nav_link_icon auxilary_nav_link_icon" aria-hidden="true">
                                                <svg class="icon icon_caret_right">
                                                    <use href="/images/icons.svg#caret_right" />
                                                </svg>
                                            </span>
                                            <span class="nav_link_label auxilary_nav_link_label">FOIA</span>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-auxilary-nav-item js-auxilary-nav-item-2 nav_item auxilary_nav_item">
                                    <div class="nav_item_inner auxilary_nav_item_inner">
                                        <a class="js-nav-link js-auxilary-nav-link nav_link auxilary_nav_link" href="#">
                                            <span class="nav_link_icon auxilary_nav_link_icon" aria-hidden="true">
                                                <svg class="icon icon_caret_right">
                                                    <use href="/images/icons.svg#caret_right" />
                                                </svg>
                                            </span>
                                            <span class="nav_link_label auxilary_nav_link_label">Employment at Tyler</span>
                                        </a>
                                    </div>
                                </li>
                                <li class="js-nav-item js-auxilary-nav-item js-auxilary-nav-item-3 nav_item auxilary_nav_item">
                                    <div class="nav_item_inner auxilary_nav_item_inner">
                                        <a class="js-nav-link js-auxilary-nav-link nav_link auxilary_nav_link" href="#">
                                            <span class="nav_link_icon auxilary_nav_link_icon" aria-hidden="true">
                                                <svg class="icon icon_caret_right">
                                                    <use href="/images/icons.svg#caret_right" />
                                                </svg>
                                            </span>
                                            <span class="nav_link_label auxilary_nav_link_label">VCCS</span>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>

                        <p class="copyright">
                            <span class="copyright_icon">&copy;</span>
                            <span class="copyright_holder">
                                <span class="copyright_holder_name">JTCC</span>
                            </span>
                            <span class="copyright_year">2025</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- END: Footer -->

<div class="alert_open_wrapper">
    <div class="fs-row">
        <div class="fs-cell">
            <button class="js-alert-open alert_open">
                <span class="alert_open_inner">
                    <span class="alert_open_icon" aria-hidden="true">
                        <svg class="icon icon_alert">
                            <use href="/images/icons.svg#alert" />
                        </svg>
                    </span>
                    <span class="alert_open_label">Open site alert</span>
                </span>
            </button>
        </div>
    </div>
</div>
</main>
<!-- END: Page -->

<!-- Footer -->
<footer class="footer" id="footer">
	<div class="footer_primary">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_primary_inner">
					{% render "@partial-logo" with {
						modifier: "footer",
						icon: "logo",
						print: ""
					} %}

					<div class="footer_primary_content">
						<div class="footer_primary_group footer_primary_group_meta">
							{% render "@partial-meta--chester" %}
							{% render "@partial-meta--midlothian" %}
						</div>
						<div class="footer_primary_group footer_primary_group_nav">
							{% render "@navigation-basic--footer" with {
								class: "footer_nav"
							} %}
							{% render "@navigation-basic--auxilary" with {
								class: "auxilary_nav",
								modifier: "sm"
							} %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer_ribbon">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_ribbon_inner">
					<div class="footer_ribbon_group footer_ribbon_group_social">
						{% render "@navigation-social" with {
							links: navigation.social
						} %}
					</div>
					<div class="footer_ribbon_group footer_ribbon_group_auxilary">
						{% render "@navigation-basic--auxilary" with {
							modifier: "lg"
						} %}

						{% render "@partial-copyright" %}
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- END: Footer -->

{% if page.alert == true %}
	<div class="alert_open_wrapper">
		<div class="fs-row">
			<div class="fs-cell">
				<button class="js-alert-open alert_open">
					<span class="alert_open_inner">
						<span class="alert_open_icon" aria-hidden="true">{{icon("alert")}}</span>
						<span class="alert_open_label">Open site alert</span>
					</span>
				</button>
			</div>
		</div>
	</div>
{% endif %}

No notes defined.