<div class="page_header_wrapper page_header_has_media">
<div class="page_header">
<div class="page_header_content">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_content_inner">
<div class="page_header_breadcrumb">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<i class="fa-regular fa-regular fa-house"></i>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"></span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"></span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"></span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label"></span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
<div class="page_header_intro">
<h1 class="page_header_title" id="page_title" tabindex="-1">Hi Mom</h1>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_media">
<div class="page_header_media_inner">
<div class="full_media full_media_has_video">
<figure class="full_media_figure">
<picture class="full_media_picture">
<source media="(min-width: 1200px)" srcset="https://images.fastspot.com/merced/1440x810/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/merced/1220x686/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/merced/980x552/1">
<img class="full_media_image" src="//images.fastspot.com/merced/735x980/1" alt="" loading="eager" width="735" height="980">
</picture>
</figure>
<div class="js-background-video-wrapper full_media_video" data-background-video='{"autoplay":true,"display":"background","id":{"service":"","id":"","title":""},"type":"youtube","title":"video","playerVars":{"loop":1}}'>
<div class="full_media_iframe_wrapper">
<div class="js-iframe-target full_media_iframe"></div>
</div>
<div class="full_media_video_controls">
<div class="fs-row">
<div class="fs-cell">
<div class="full_media_video_controls_inner">
<div class="full_media_video_controls_bubble">
<div class="full_media_video_control">
<button class="full_media_video_play_button js-full-media-video-play-button">
<span class="full_media_video_play_button_inner">
<span class="full_media_video_play_button_label">Play Video</span>
<span class="full_media_video_play_button_icon" aria-hidden="true"><span class="full_media_video_play_button_icon_inner">
<i class="fa-regular fa-play"></i>
</span>
</span>
</button>
</div>
<div class="full_media_video_control">
<button class="full_media_video_pause_button js-full-media-video-pause-button">
<span class="full_media_video_pause_button_inner">
<span class="full_media_video_pause_button_label">Pause Video</span>
<span class="full_media_video_pause_button_icon" aria-hidden="true"><span class="full_media_video_pause_button_icon_inner">
<i class="fa-regular fa-pause"></i>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_sole">
<div class="page_header_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_nav_inner">
<div class="js-sub-nav-group sub_nav_group">
<button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-down"></i>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-up"></i>
</span>
</span>
</button>
<nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="sub_nav_title">
Explore This Section <span class="visually_hide">for Hi Mom</span>
</h2>
</div>
<div class="js-sub-nav-body sub_nav_body">
<div class="js-sub-nav-body-inner sub_nav_body_inner">
<ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Accounting</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Administrative Office Management</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Business Administration</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Economics</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Management</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Marketing</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Real Estate</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Virtual Office</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_teaser">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_teaser_inner">
<figure class="page_header_teaser_figure">
<span class="gallery_item_figure_media">
<a class="js-video-appender video_feature_appender" href="https://www.youtube.com/embed/cD4Q11_f_5U">
<span class="video_feature_appender_inner">
<span class="video_feature_appender_icon">
<i class="fa-regular fa-play"></i>
</span>
<span class="video_feature_appender_label">Play</span>
</span>
</a> <span class="gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/merced/1220x686/1 1220w, https://images.fastspot.com/merced/980x552/1 980w" src="https://images.fastspot.com/merced/980x552/1" alt="" loading="lazy" width="980" height="552">
</span>
</span>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
{#
{% include '@component-page-header' with {
page: page
} %}
#}
<div class="page_header_wrapper {% if page.background or page.video %} page_header_has_media{% endif %}">
<div class="page_header">
<div class="page_header_content">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_content_inner">
{% if page.breadcrumbNav != false %}
<div class="page_header_breadcrumb">
{% render '@navigation-breadcrumb' with {
modifier: '',
links: page.breadcrumbNav,
icon_home: 'fa-regular fa-house',
icon_divider: 'fa-slash-forward'
} %}
</div>
{% endif %}
{% if page.title %}
<div class="page_header_intro">
{% if page.title %}
<h1 class="page_header_title" id="page_title" tabindex="-1">{{ page.title }}</h1>
{% endif %}
</div>
{% endif %}
{% if page.details %}
<div class="page_header_details">
{% for detail in page.details %}
<div class="page_header_detail{% if detail.label|lower == 'share' or detail.label|lower == 'share this' %} page_header_detail_share{% endif %}">
<div class="page_header_detail_label">{{ detail.label }}</div>
{% if detail.items %}
<div class="page_header_detail_value">
{% for item in detail.items %}
{{ item }}{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
{% elseif detail.value %}
<div class="page_header_detail_value">{{ detail.value }}</div>
{% elseif detail.date %}
<time class="page_header_detail_value" datetime="2018-07-07">{{ detail.date }}</time>
{% elseif detail.link %}
<a class="page_header_detail_value" href="{{ detail.link.url }}">{{ detail.link.title }}</a>
{% elseif detail.label|lower == 'share' or detail.label|lower == 'share this' %}
{% render '@component-share' %}
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
{% if page.link %}
<a class="page_header_link" href="{{ page.link.url }}">{{ page.link.title }}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% if page.video or page.background %}
<div class="page_header_media">
<div class="page_header_media_inner">
{% if page.video %}
{% include '@component-full-media' with {
image: page.image,
video: page.video,
} %}
{% elseif page.background %}
<figure class="page_header_figure">
{% include '@component-image' with {
class: 'page_header',
alt: '',
image: page.background,
loading: 'eager',
sources: [
img.wide.xlrg,
img.wide.lrg,
img.wide.med,
]
} %}
</figure>
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="page_header_sole">
{% if page.subNav != false %}
<div class="page_header_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_nav_inner">
{% render '@navigation-sub' with {
modifier: '',
title: page.title
} %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="page_header_teaser">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_teaser_inner">
{% if page.description %}
<div class="page_header_teaser_description">{{ page.description }}</div>
{% endif %}
{% if page.image or page.video %}
<figure class="page_header_teaser_figure">
{% if page.image and not page.video %}
{% include '@component-image' with {
class: 'page_header_teaser',
alt: '',
image: page.image,
loading: 'eager',
sources: [
img.wide.lrg,
img.wide.med,
]
} %}
{% endif %}
{% if page.video %}
<span class="gallery_item_figure_media">
{% if page.appender %}
{% include '@component-video-appender' %}
{% endif %}
<span class="gallery_item_media gallery_item_size_{{ img_size }}">
{% include '@component-image' with {
class: 'gallery_item',
alt: '',
image: page.image,
loading: 'lazy',
sources: [
img.wide.lrg,
img.wide.med,
]
} %}
{% if item.video.service == 'youtube' %}
<iframe class="gallery_item_iframe" width="560" height="315" src="https://www.youtube.com/embed/{{ page.video.id }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"{% if page.video.title %} title="{{ page.video.title }}"{% endif %} allowfullscreen></iframe>
{% elseif page.video.service == 'vimeo' %}
<iframe class="gallery_item_iframe" src="https://player.vimeo.com/video/{{ page.video.id }}?color=ffffff&title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen"{% if page.video.title %} title="{{ page.video.title }}"{% endif %} allowfullscreen></iframe>
<script src="https://player.vimeo.com/api/player.js"></script>
{% endif %}
</span>
</span>
{% endif %}
</figure>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.