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_details">
                    <div class="program_detail">
                        <div class="program_detail_label">
                            Degree Level:&nbsp;
                        </div>
                        <div class="program_detail_data">
                            Graduate, Undergraduate, Doctoral
                        </div>
                    </div>
                    <div class="program_detail">
                        <div class="program_detail_label">
                            Department:&nbsp;
                        </div>
                        <div class="program_detail_data">

                            <a class="
		program_detail_data_link
				
	" href="#">
                                <span class="program_detail_data_link_inner">
                                    <span class="program_detail_data_link_label">
                                        Business Administration
                                    </span>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="program_detail">
                        <div class="program_detail_label">
                            Learning Mode:&nbsp;
                        </div>
                        <div class="program_detail_data">
                            On-campus, Online
                        </div>
                    </div>
                    <div class="program_detail">
                        <div class="program_detail_label">
                            Degree:&nbsp;
                        </div>
                        <div class="program_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_details">
					{% if level %}
						<div class="program_detail">
							<div class="program_detail_label">
								Degree Level:&nbsp;
							</div>
							<div class="program_detail_data">
								{{ level|join(', ') }}
							</div>
						</div>
					{% endif %}
					{% if department %}
						<div class="program_detail">
							<div class="program_detail_label">
								Department:&nbsp;
							</div>
							<div class="program_detail_data">
								{% include '@partial-link' with {
									classes: {
										base: 'program_detail_data_link'
									},
									id: null,
									title: department.title,
									url: department.url
								} %}
							</div>
						</div>
					{% endif %}
					{% if mode %}
						<div class="program_detail">
							<div class="program_detail_label">
								Learning Mode:&nbsp;
							</div>
							<div class="program_detail_data">
								{{ mode|join(', ') }}
							</div>
						</div>
					{% endif %}
					{% if degree %}
						<div class="program_detail">
							<div class="program_detail_label">
								Degree:&nbsp;
							</div>
							<div class="program_detail_data">
								{{ degree|join(', ') }}
							</div>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Program Meta -->

No notes defined.