<div class="page_header event_detail_header theme_site_theme">
    <div class="page_header_inner">
        <div class="page_header_inner_content">

            <div class="page_header_intro">
                <div class="fs-row">
                    <div class="fs-cell">

                        <!-- Event Detail -->
                        <div class="event_detail" id="meta" data-type="event" data-category="Category A, Category B">
                            <div class="fs-row">
                                <div class="fs-cell">
                                    <div class="event_detail_inner">

                                        <div class="event_detail_breadcrumb">
                                            <div class="page_header_breadcrumb">
                                                <div class="fs-row">
                                                    <div class="fs-cell">
                                                        <div class="page_header_breadcrumb_inner">

                                                            <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_label">Home</span>
                                                                                </span>
                                                                            </a>
                                                                            <span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_caret_right">
                                                                                    <use href="/images/icons.svg#caret_right" />
                                                                                </svg></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"><svg class="icon icon_caret_right">
                                                                                    <use href="/images/icons.svg#caret_right" />
                                                                                </svg></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"><svg class="icon icon_caret_right">
                                                                                    <use href="/images/icons.svg#caret_right" />
                                                                                </svg></span>

                                                                        </li>
                                                                        <li class="breadcrumb_item">

                                                                        </li>
                                                                    </ol>
                                                                </nav>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="event_detail_date">
                                            <div class="event_related_item_date">
                                                <time class="event_date theme_default" datetime="2023-05-21 17:00:00">
                                                    <span class="event_date_start">
                                                        <span class="event_date_month">
                                                            May
                                                        </span>
                                                        <span class="event_date_day">
                                                            21
                                                        </span>
                                                    </span>
                                                </time>
                                            </div>
                                        </div>

                                        <div class="event_detail_info">

                                            <div class="event_detail_title">
                                                <h1 class="page_header_title" id="page_header_title" tabindex="-1">In Enim Justo Rhoncus Ut</h1>
                                            </div>
                                            <div class="event_detail_description">
                                                <p class="page_header_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus est.</p>
                                            </div>
                                            <div class="event_detail_meta">

                                                <!-- Event Meta -->
                                                <div class="event_meta" id="meta" data-type="event" data-category="Category A, Category B">
                                                    <div class="fs-row">
                                                        <div class="fs-cell">
                                                            <div class="event_meta_inner">

                                                                <div class="event_meta_details">
                                                                    <div class="event_meta_detail">
                                                                        <span class="event_meta_detail_title">When</span>
                                                                        <span class="event_meta_detail_hint">Time:&nbsp;</span>
                                                                        <span class="event_meta_detail_label">
                                                                            <span class="event_meta_detail_label_date">
                                                                            </span>

                                                                            <span class="event_meta_detail_label_time">5:00 PM</span>
                                                                            - <span class="event_meta_detail_label_time">7:00 PM</span>
                                                                        </span>
                                                                    </div>

                                                                    <div class="event_meta_detail">
                                                                        <span class="event_meta_detail_title">Where</span>
                                                                        <span class="event_meta_detail_hint">Location:&nbsp;</span>
                                                                        <span class="event_meta_detail_label">Location Name</span>
                                                                        <span class="event_meta_detail_type">In Person</span>
                                                                    </div>

                                                                    <div class="event_meta_detail event_meta_detail_category">
                                                                        <span class="event_meta_detail_title">Category</span>
                                                                        <span class="event_meta_detail_hint">Categories:&nbsp;</span>
                                                                        <ul class="event_meta_detail_list" aria-label="Categories">
                                                                            <li class="event_meta_detail_item">

                                                                                <span class="event_meta_detail_label">Category A</span>
                                                                            </li>
                                                                            <li class="event_meta_detail_item">

                                                                                <span class="event_meta_detail_label">Category B</span>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- END: Event Meta -->
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: Event Detail -->
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{#
	{% include '@partial-page-header--event-detail' with {
		page: page
	} %}
#}

<div class="page_header event_detail_header theme_site_theme">
	<div class="page_header_inner">
		<div class="page_header_inner_content">
			{% if page.background %}
				<img class="page_header_inner_background" src="{{ page.background }}">
			{% endif %}

			<div class="page_header_intro">
				<div class="fs-row">
					<div class="fs-cell">
						{% render '@partial-event-detail' %}
					</div>
				</div>
			</div>

		</div>
	</div>
</div>

No notes defined.