Framework Component Library

Program Meta 

<!-- Program Meta -->
<div class="program-meta" id="program-meta-1">
    <div class="fs-row">
        <div class="fs-cell">
            <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>
</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="fs-row">
		<div class="fs-cell">
			<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>
</div>
<!-- END: Program Meta -->

No notes defined.