Flint Institute of Music Component Library

Banner 

<!-- Banner -->
<div class="banner">
    <div class="banner_inner">
        <h2 class="banner_title">Build a Package</h2>
        <div class="banner_description">
            <p>Package lorem up to 15% off ipsum dolor sit amet avec. Lorem ipsum dolor sit amet avec.</p>
        </div>
        <div class="banner_action">

            <a href="#" class="banner_link" aria-label="Link Aria">
                <span class="banner_link_inner">
                    <span class="banner_link_label">Build a Package</span>
                </span>
            </a>
        </div>
    </div>
    <div class="banner_footer">
        <p>Policies for attending such as lorem ipsum dolor sit amet avec. <a href>Read more about the Ticket Center policies</a>.</p>
    </div>
</div>
<!-- END: Banner -->
 
{#
	{% include '@component-banner' %}
#}

<!-- Banner -->
<div class="banner">
	<div class="banner_inner">
		<h2 class="banner_title">{{ title }}</h2>
		<div class="banner_description">
			<p>{{ description }}</p>
		</div>
		<div class="banner_action">
			{% include '@partial-link' with {
				class: 'banner',
				title: link.label,
				url: link.url,
				icon: link.icon,
				aria: link.aria
			} %}
		</div>
	</div>
	<div class="banner_footer">
		<p>{{ footer }}</p>
	</div>
</div>
<!-- END: Banner -->

No notes defined.