<!-- Footer -->
<footer class="footer" id="footer">
    <div class="footer_hat">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_hat_inner">

                    <div class="social_nav social_nav_footer">
                        <div class="social_nav_header">
                            <h2 class="social_nav_title" id="social_nav_title_footer">Follow Merced College</h2>
                        </div>
                        <ul class="social_nav_list" aria-labelledby="social_nav_title_footer">
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_instagram" href="//www.instagram.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <i class="fa-brands fa-instagram"></i>
                                    </span>
                                    <span class="social_nav_label">Instagram</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_facebook" href="//www.facebook.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <i class="fa-brands fa-facebook"></i>
                                    </span>
                                    <span class="social_nav_label">Facebook</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_twitter" href="//www.twitter.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <i class="fa-brands fa-twitter"></i>
                                    </span>
                                    <span class="social_nav_label">Twitter</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_linkedin" href="//www.linkedin.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <i class="fa-brands fa-linkedin"></i>
                                    </span>
                                    <span class="social_nav_label">Linkedin</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_snapchat" href="//www.snapchat.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <i class="fa-brands fa-snapchat"></i>
                                    </span>
                                    <span class="social_nav_label">Snapchat</span>
                                </a>
                            </li>
                            <li class="social_nav_item">
                                <a class="social_nav_link social_nav_link_tiktok" href="//www.tiktok.com" target="_blank" rel="noopener">
                                    <span class="social_nav_icon">
                                        <i class="fa-brands fa-tiktok"></i>
                                    </span>
                                    <span class="social_nav_label">TikTok</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_primary">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="footer_primary_inner">
                    <div class="footer_logo">

                        <div class="logo logo_footer logo_icon">
                            <a class="logo_link" href="page-home.html">
                                <span class="logo_link_label">Merced</span>
                                <span class="logo_link_icon">
                                    <svg class="icon icon_logo">
                                        <use href="/images/icons.svg#logo" />
                                    </svg>
                                </span>
                            </a>
                        </div> <span class="footer_devil" aria-hidden="true">
                            <span class="footer_devil_icon"></span>
                            <span class="footer_devil_flames">
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                                <span class="footer_devil_flame"></span>
                            </span>
                        </span>
                    </div>

                    <div class="footer_middle_group">
                        <div class="footer_middle_side">

                            <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">
                                        <span class="nav_title_label footer_nav_title_label">Footer</span>
                                    </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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Employment</span>
                                                </div>
                                            </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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Events</span>
                                                </div>
                                            </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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">News</span>
                                                </div>
                                            </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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Academic Calendar</span>
                                                </div>
                                            </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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Give</span>
                                                </div>
                                            </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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Parking & Transportation</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-footer-nav-item js-footer-nav-item-7 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="#">
                                                <div class="nav_link_inner footer_nav_link_inner">
                                                    <span class="nav_link_label footer_nav_link_label">Directory</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="footer_middle_side">

                            <div class="meta" id="meta">
                                <script type="application/ld+json">
                                    {
                                        '@context': 'http://schema.org',
                                        '@type': 'Organization',
                                        'name': 'Merced',
                                        'logo': '//example.dev.slowblotch.com/site/images/logo-schema.png',
                                        'address': {
                                            '@type': 'PostalAddress',
                                            'streetAddress': '22 Mystery Road',
                                            'addressLocality': 'Circleless',
                                            'addressRegion': 'MD',
                                            'postalCode': '20122'
                                        },
                                        'email': 'info@slowblotch.com',
                                        'telephone': '(443) 218-2022',
                                        'url': '//example.dev.slowblotch.com/site',
                                        'sameAs': [
                                            '//www.instagram.com',
                                            '//www.facebook.com',
                                            '//www.twitter.com',
                                            '//www.linkedin.com',
                                            '//www.snapchat.com',
                                            '//www.tiktok.com'
                                        ]
                                    }
                                </script>
                                <div class="meta_details">
                                    <div class="meta_detail_wrapper">
                                        <div class="meta_detail meta_detail_address">
                                            <div class="meta_detail_address_title">Merced Campus</div>
                                            <a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                                                <span class="meta_address_street">3600 M Street</span>
                                                <span class="meta_address_group">
                                                    <span class="meta_address_city">Merced,</span>
                                                    <span class="meta_address_state">CA</span>
                                                    <span class="meta_address_zip">95348-2806</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="meta_detail meta_detail_phone">
                                            <a class="meta_detail_label meta_detail_link" href="tel:4432182022">(209) 384-6000</a>
                                        </div>
                                    </div>
                                    <div class="meta_detail_wrapper">
                                        <div class="meta_detail meta_detail_address">
                                            <div class="meta_detail_address_title">Los Banos Campus</div>
                                            <a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                                                <span class="meta_address_street">22240 Highway 152</span>
                                                <span class="meta_address_group">
                                                    <span class="meta_address_city">Los Banos,</span>
                                                    <span class="meta_address_state">CA</span>
                                                    <span class="meta_address_zip">93635</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="meta_detail meta_detail_phone">
                                            <a class="meta_detail_label meta_detail_link" href="tel:4432182022">(209) 826-3495</a>
                                        </div>
                                        <div class="meta_detail_discovery">

                                            <a href="#" class="meta_detail_discovery_link">
                                                <span class="meta_detail_discovery_link_inner">
                                                    <span class="meta_detail_discovery_link_label">Learn More</span>
                                                    <span class="meta_detail_discovery_link_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-circle-chevron-right"></i>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="meta_detail_wrapper">
                                        <div class="meta_detail meta_detail_address">
                                            <div class="meta_detail_address_title">Business Resource Center</div>
                                            <a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                                                <span class="meta_address_street">630 W. 19th Street</span>
                                                <span class="meta_address_group">
                                                    <span class="meta_address_city">Merced,</span>
                                                    <span class="meta_address_state">CA</span>
                                                    <span class="meta_address_zip">95340</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="meta_detail meta_detail_phone">
                                            <a class="meta_detail_label meta_detail_link" href="tel:4432182022">(209) 381-6561</a>
                                        </div>
                                        <div class="meta_detail_discovery">

                                            <a href="#" class="meta_detail_discovery_link">
                                                <span class="meta_detail_discovery_link_inner">
                                                    <span class="meta_detail_discovery_link_label">Learn More</span>
                                                    <span class="meta_detail_discovery_link_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-circle-chevron-right"></i>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="meta_detail_wrapper">
                                        <div class="meta_detail meta_detail_address">
                                            <div class="meta_detail_address_title">Online Education</div>
                                        </div>
                                        <div class="meta_detail_label">
                                            Online programs, certificates, and remote learning.
                                        </div>
                                        <div class="meta_detail_discovery">

                                            <a href="#" class="meta_detail_discovery_link">
                                                <span class="meta_detail_discovery_link_inner">
                                                    <span class="meta_detail_discovery_link_label">Learn More</span>
                                                    <span class="meta_detail_discovery_link_icon" aria-hidden="true">
                                                        <i class="fa-regular fa-circle-chevron-right"></i>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="footer_bottom_group">
                        <div class="footer_bottom_side">

                            <nav class="js-nav js-secondary-nav js-secondary-nav-cool nav secondary_nav secondary_nav_cool" aria-labelledby="secondary_nav_title_cool">
                                <div class="nav_header secondary_nav_header">
                                    <h2 class="nav_title secondary_nav_title" id="secondary_nav_title_cool">
                                        <span class="nav_title_label secondary_nav_title_label">Secondary</span>
                                    </h2>
                                </div>
                                <ul class="js-nav-list js-secondary-nav-list nav_list secondary_nav_list" aria-labelledby="secondary_nav_title_cool">
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-1 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Student Success Metrics</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-2 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Accessibility</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-3 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Board Docs</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-4 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Privacy Policy</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-5 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Salary</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-6 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Accreditation</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>

                            <nav class="js-nav js-secondary-nav js-secondary-nav-rad nav secondary_nav secondary_nav_rad" aria-labelledby="secondary_nav_title_rad">
                                <div class="nav_header secondary_nav_header">
                                    <h2 class="nav_title secondary_nav_title" id="secondary_nav_title_rad">
                                        <span class="nav_title_label secondary_nav_title_label">Policies</span>
                                    </h2>
                                </div>
                                <ul class="js-nav-list js-secondary-nav-list nav_list secondary_nav_list" aria-labelledby="secondary_nav_title_rad">
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-1 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Non-Discrimination Policy</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="js-nav-item js-secondary-nav-item js-secondary-nav-item-2 nav_item secondary_nav_item">
                                        <div class="nav_item_inner secondary_nav_item_inner">
                                            <a class="js-nav-link js-secondary-nav-link nav_link secondary_nav_link" href="#">
                                                <div class="nav_link_inner secondary_nav_link_inner">
                                                    <span class="nav_link_label secondary_nav_link_label">Title IX</span>
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="footer_bottom_side">

                            <p class="copyright">
                                <span class="copyright_icon">&copy;</span>
                                <span class="copyright_year">2024</span>
                                <span class="copyright_holder">
                                    <span class="copyright_holder_name">Merced Community College District</span>
                                </span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<div class="js-alert-wrapper">
</div>
<!-- END: Footer -->
<!-- Footer -->
<footer class="footer" id="footer">
	<div class="footer_hat">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_hat_inner">
					{% include '@navigation-social' with {
						modifier: 'footer',
						title: 'Follow Merced College',
						links: navigation.social
					} %}
				</div>
			</div>
		</div>
	</div>
	<div class="footer_primary">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="footer_primary_inner">
					<div class="footer_logo">
						{% include '@component-logo' with {
							modifier: 'footer',
							icon: 'logo',
							print: ''
						} %}
						<span class="footer_devil" aria-hidden="true">
							<span class="footer_devil_icon"></span>
							<span class="footer_devil_flames">
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
								<span class="footer_devil_flame"></span>
							</span>
						</span>
					</div>

					<div class="footer_middle_group">
						<div class="footer_middle_side">
							{% include '@navigation-basic' with {
								class: 'footer_nav',
								modifier: '',
								title: 'Footer',
								toggle_icon: '',
								active_index: '',
								links: navigation.footer
							} %}
						</div>
						<div class="footer_middle_side">
							{% render '@component-meta' %}
						</div>
					</div>

					<div class="footer_bottom_group">
						<div class="footer_bottom_side">
							{% include '@navigation-basic' with {
								class: 'secondary_nav',
								modifier: 'cool',
								title: 'Secondary',
								toggle_icon: '',
								active_index: '',
								links: navigation.secondary
							} %}

							{% include '@navigation-basic' with {
								class: 'secondary_nav',
								modifier: 'rad',
								title: 'Policies',
								toggle_icon: '',
								active_index: '',
								links: navigation.policy
							} %}
						</div>
						<div class="footer_bottom_side">
							{% render '@component-copyright' %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<div class="js-alert-wrapper">
	{% if page.alert == true %}
		{% set alert_path = page.alert_path|default('/components/render/component-alert') %}
		<!-- WordPress / Drupal, use AlertURL to target the script that returns this content. For BigTree, enter the alert markup here. -->
		<script>
			var AlertURL = "{{ alert_path|path }}";
		</script>
	{% endif %}
</div>
<!-- END: Footer -->

No notes defined.