Flint Institute of Music Component Library

Program Callout 

<!-- Card Group -->
<div class="program_callout">
    <div class="fs-row">
        <div class="fs-cell fs-lg-7">
            <div class="program_callout_item">
                <figure class="program_callout_item_figure">

                    <img class="program_callout_item_image" src="https://images.fastspot.com/fim/100x100/2" alt="" loading="lazy" width="100" height="100">
                </figure>
                <div class="program_callout_item_description">
                    <p>This program and/or service is funded in whole or in part by the Genesee County Arts Education and Cultural Enrichment Millage funds. Your tax dollars are at work.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Card Group -->
 
{#
	{% include '@component-card-group' with {
		title: 'Title',
		description: 'Description',
		items: [
			{
				image: '1',
				title: 'Item Title',
				description: 'Item Description'
			}
		]
	} %}
#}

<!-- Card Group -->
<div class="program_callout">
	<div class="fs-row">
		<div class="fs-cell fs-lg-7">
			<div class="program_callout_item">
				<figure class="program_callout_item_figure">
					{% include '@partial-image' with {
						class: 'program_callout_item',
						alt: '',
						image: image,
						loading: 'lazy',
						sources: [
							img.square.thumb,
						]
					} %}
				</figure>
				<div class="program_callout_item_description">
					<p>{{ description }}</p>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Card Group -->

No notes defined.