Framework Component Library

Program Meta 

<!-- Program Meta -->
<div class="program-meta" id="program-meta-1">
    <div class="fw-container">
        <div class="program-meta__inner">
            <div class="program-meta__details">
                <div class="program-meta__detail">
                    <div class="program-meta__detail-label">
                        Degree Level:&nbsp;
                    </div>
                    <div class="program-meta__detail-data">Graduate, Undergraduate, Doctoral</div>
                </div>
                <div class="program-meta__detail">
                    <div class="program-meta__detail-label">
                        Department:&nbsp;
                    </div>
                    <div class="program-meta__detail-data">

                        <a class="program-meta__detail-data-link
 				" href="#">
                            <span class="program-meta__detail-data-link-inner"> <span class="program-meta__detail-data-link-label">Business Administration</span>
                            </span>
                        </a>
                    </div>
                </div>
                <div class="program-meta__detail">
                    <div class="program-meta__detail-label">
                        Learning Mode:&nbsp;
                    </div>
                    <div class="program-meta__detail-data">On-campus, Online</div>
                </div>
                <div class="program-meta__detail">
                    <div class="program-meta__detail-label">
                        Degree:&nbsp;
                    </div>
                    <div class="program-meta__detail-data">B.S., M.S.</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Program Meta -->
 
{#
	{% include '@component-program-meta' with {
		mode: ['Mode'],
		level: ['Level'],
		department: {
			url: '#',
			title: 'Department'
		},
		degree: ['Degree']
	} %}
#}

{% set id = uniqid('program-meta') %}

<!-- Program Meta -->
<div class="program-meta" id="{{ id }}">
	<div class="fw-container">
		<div class="program-meta__inner">
			<div class="program-meta__details">
				{% if level %}
					<div class="program-meta__detail">
						<div class="program-meta__detail-label">
							Degree Level:&nbsp;
						</div>
						<div class="program-meta__detail-data">
							{{- level|join(', ') -}}
						</div>
					</div>
				{% endif %}
				{% if department %}
					<div class="program-meta__detail">
						<div class="program-meta__detail-label">
							Department:&nbsp;
						</div>
						<div class="program-meta__detail-data">
							{% include '@partial-link' with {
								classes: {
									base: 'program-meta__detail-data-link'
								},
								title: department.title,
								url: department.url
							} only %}
						</div>
					</div>
				{% endif %}
				{% if mode %}
					<div class="program-meta__detail">
						<div class="program-meta__detail-label">
							Learning Mode:&nbsp;
						</div>
						<div class="program-meta__detail-data">
							{{- mode|join(', ') -}}
						</div>
					</div>
				{% endif %}
				{% if degree %}
					<div class="program-meta__detail">
						<div class="program-meta__detail-label">
							Degree:&nbsp;
						</div>
						<div class="program-meta__detail-data">
							{{- degree|join(', ') -}}
						</div>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>
<!-- END: Program Meta -->

No notes defined.