JHU Carey Centers Component Library

Cookie Notice 

<!-- Cookie Notice -->
<div class="js-cookie-notice cookie_notice notification" id="cookie_notice" role="alert" aria-label="Cookie Notice" tabindex="-1">
    <div class="notification_inner">
        <div class="notification_icon">
            <svg class="icon icon_jh_cookie">
                <use href="/images/icons.svg#jh_cookie" />
            </svg>
        </div>
        <div class="notification_body">
            <h2 class="notification_title">Cookie Notice</h2>
            <div class="notification_description typography">
                <p>Our website uses cookies to understand how you navigate our content and to give you the best browsing experience. View our <a href="#">privacy policy</a>.</p>
            </div>
        </div>
        <button class="js-cookie-notice-button notification_close" aria-label="Close Cookie Notice">
            <span class="notification_close_inner">
                <span class="notification_close_label">Close</span>
                <span class="notification_close_icon" aria-hidden="true">
                    <span class="notification_close_icon_inner"><svg class="icon icon_close">
                            <use href="/images/icons.svg#close" />
                        </svg></span>
                </span>
            </span>
        </button>
    </div>
</div>
<!-- END: Cookie Notice -->
 
{#
	{% include '@partial-cookie-notice' with {
		title: 'Title',
		description: '<p>Description.</p>'
	} %}
#}

<!-- Cookie Notice -->
<div class="js-cookie-notice cookie_notice notification" id="cookie_notice" role="alert" aria-label="Cookie Notice" tabindex="-1">
	<div class="notification_inner">
		<div class="notification_icon">
			{{ icon('jh_cookie') }}
		</div>
		<div class="notification_body">
			{% if title %}
				<h2 class="notification_title">{{ title }}</h2>
			{% endif %}
			<div class="notification_description typography">
				{{ description }}
			</div>
		</div>
		<button class="js-cookie-notice-button notification_close" aria-label="Close Cookie Notice">
			<span class="notification_close_inner">
				<span class="notification_close_label">Close</span>
				<span class="notification_close_icon" aria-hidden="true">
					<span class="notification_close_icon_inner">{{ icon('close') }}</span>
				</span>
			</span>
		</button>
	</div>
</div>
<!-- END: Cookie Notice -->

No notes defined.