Le Moyne Component Library

Header 

<!-- Header -->
<header class="js-header header" id="header">
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>

    <a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>

    <div class="header_primary">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="header_primary_inner">
                    <div class="header_logo">

                        <div class="logo logo_header logo_icon">
                            <a class="logo_link" href="page-home.html">
                                <span class="logo_link_label">Le Moyne</span>
                                <img class="logo_image logo_web logo_image_color" src="/images/logo.svg" alt="" width="295" height="85">
                                <img class="logo_image logo_web logo_image_white" src="/images/logo-white.svg" alt="" width="295" height="85">
                            </a>
                            <img class="logo_image logo_print" src="/images/logo.svg" width="295" height="85" alt="">
                        </div>
                    </div>
                    <div class="header_main_nav">

                        <nav class="main_basic_nav" aria-labelledby="basic_nav_title-7">
                            <div class="main_basic_nav_header">
                                <h2 class="main_basic_nav_title" id="basic_nav_title-7">Site</h2>
                            </div>
                            <ul class="main_basic_nav_list" aria-labelledby="basic_nav_title-7">
                                <li class="main_basic_nav_item">
                                    <a class="main_basic_nav_link" href="#">
                                        <div class="main_basic_nav_link_inner">
                                            <span class="main_basic_nav_link_label">Apply</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="main_basic_nav_item">
                                    <a class="main_basic_nav_link" href="#">
                                        <div class="main_basic_nav_link_inner">
                                            <span class="main_basic_nav_link_label">Visit</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="header_controls">
                        <a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
                            <span class="menu_toggle_label_default menu_toggle_label">Menu</span>
                            <span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">

                                <svg class="icon icon_menu">
                                    <use href="/images/icons.svg#menu" />
                                </svg>

                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END: Header -->
 
<!-- Header -->
<header class="js-header header" id="header">
	<noscript>
		<iframe src="//www.googletagmanager.com/ns.html?id=GTM-K6P58WP" height="0" width="0" style="display:none;visibility:hidden"></iframe>
	</noscript>

	{% if page.cookie_notice %}
		{% render '@partial-cookie-notice' %}
	{% endif %}

	<a class="skip_link skip_main" id="skip_main_link" href="#page_title">Skip Main Navigation</a>

	{% if page.alert == true %}
		<a class="js-skip-alert skip_link skip_alert" id="skip_alert_link" href="#alert_title">Skip to site alert</a>
	{% endif %}

	<div class="header_primary">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="header_primary_inner">
					<div class="header_logo">
						{% include '@partial-logo' with {
							modifier: 'header',
							icon: 'logo',
							print: true,
						} %}
					</div>
					<div class="header_main_nav">
						{% include '@navigation-basic' with {
							class: 'main_basic',
							modifier: '',
							title: 'Site',
							active_index: page.activePage,
							links: navigation.cta|slice(0, 2),
						} %}
					</div>
					<div class="header_controls">
						<a href="#menu" class="menu_toggle js-menu-toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
							<span class="menu_toggle_label_default menu_toggle_label">Menu</span>
							<span class="menu_toggle_icon_default menu_toggle_icon" aria-hidden="true">
								{{ icon('menu') }}
							</span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
<!-- END: Header -->

No notes defined.