<!-- Solution Card -->
<div class="card card_solution card_type_contained">
    <a class="card_solution_link" href="#" aria-label="Comprehensive School Reform Models">
        <div class="card_inner card_solution_inner">
            <div class="card_solution_grid">
                <div class="card_solution_group">
                    <div class="card_solution_header">
                        <h3 class="card_solution_title">Comprehensive School Reform Models</h3>
                        <p class="card_solution_category">Program Evaluation</p>
                    </div>
                    <p class="card_solution_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
                </div>
                <div class="card_solution_lists">
                    <h4 class="card_solution_list_title">Best For</h4>
                    <ul class="card_solution_list" aria-label="Best For">
                        <li class="card_solution_list_item">Educational Research Design and Evaluation;</li>
                        <li class="card_solution_list_item">Civics Education; STEM Education;</li>
                        <li class="card_solution_list_item">Computational Thinking;</li>
                    </ul>
                </div>
            </div>
        </div>
    </a>
</div>
<!-- END: Solution Card -->
{#
	{% include '@partial-solution-card' with {
		item: {
			type: 'default',
			url: '#',
			category: 'Category',
			title: 'Title',
			description: 'Description',
			list: {
				title: 'List Title',
				items: [
					'item'
				]
			}
		}
	} %}
#}

<!-- Solution Card -->
<div class="card card_solution card_type_{{ item.type ?: 'default' }}">
	<a class="card_solution_link" href="{{ item.url }}" aria-label="{{ item.title }}">
		<div class="card_inner card_solution_inner">
			<div class="card_solution_grid">
				<div class="card_solution_group">
					<div class="card_solution_header">
						{% if group_title %}
							<h2 class="card_solution_title">{{ item.title }}</h2>
						{% else %}
							<h3 class="card_solution_title">{{ item.title }}</h3>
						{% endif %}
						<p class="card_solution_category">{{ item.category }}</p>
					</div>
					<p class="card_solution_description">{{ item.description }}</p>
				</div>
				{% if item.list %}
					<div class="card_solution_lists">
						{% if item.list.title %}
							{% if group_title %}
								<h3 class="card_solution_list_title">{{ item.list.title }}</h3>
							{% else %}
								<h4 class="card_solution_list_title">{{ item.list.title }}</h4>
							{% endif %}
						{% endif %}
						<ul class="card_solution_list" aria-label="{% if item.list.title %}{{ item.list.title }}{% else %}{{ item.title }}{% endif %}">
							{% for item in item.list.items %}
								<li class="card_solution_list_item">{{ item }}</li>
							{% endfor %}
						</ul>
					</div>
				{% endif %}
			</div>
		</div>
	</a>
</div>
<!-- END: Solution Card -->

No notes defined.