CGCC Component Library

People Meta 

<!-- Person Meta -->
<div class="people_meta" id="meta" data-type="entity" data-category="">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-push-2">
            <div class="people_meta_inner">
                <div class="people_meta_wrap">
                    <div class="people_meta_item">
                        <div class="people_meta_label">
                            Email
                        </div>

                        <div class="people_meta_content">
                            <div class="people_meta_content_item">
                                <a href="mailto:jane@cgcc.edu">
                                    jane@cgcc.edu
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="people_meta_item">
                        <div class="people_meta_label">
                            Phone
                        </div>

                        <div class="people_meta_content">
                            <div class="people_meta_content_item">
                                <a href="mailto: tel:(555) 436-2359">
                                    (555) 436-2359
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="people_meta_item">
                        <div class="people_meta_label">
                            Department
                        </div>

                        <div class="people_meta_content">
                            <div class="people_meta_content_item">
                                <a href="#">
                                    Nursing & Health Occupations Department
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Person Meta -->
 
{#
	{% include '@partial-people-meta' with {
		item: {
			phone_number: '(410) 555-1234',
			email_address: 'email@address.com',
			department: {
				url: '#',
				label: 'Department'
			}
		}
	} %}
#}
<!-- Person Meta -->
<div class="people_meta" id="meta" data-type="entity" data-category="{% for item in item.departments %}{{ item.name }}{% if not loop.last %}, {% endif %}{% endfor %}">
	<div class="fs-row">
		<div class="fs-cell fs-lg-8 fs-lg-push-2">
			<div class="people_meta_inner">
				<div class="people_meta_wrap">
					{% if item.email_address %}
						<div class="people_meta_item">
							<div class="people_meta_label">
								Email
							</div>

							<div class="people_meta_content">
								<div class="people_meta_content_item">
									<a href="mailto:{{ item.email_address }}">
										{{ item.email_address }}
									</a>
								</div>
							</div>
						</div>
					{% endif %}

					{% if item.phone_number %}
						<div class="people_meta_item">
							<div class="people_meta_label">
								Phone
							</div>

							<div class="people_meta_content">
								<div class="people_meta_content_item">
									<a href="mailto: tel:{{ item.phone_number }}">
										{{ item.phone_number }}
									</a>
								</div>
							</div>
						</div>
					{% endif %}

					{% if item.department %}
						<div class="people_meta_item">
							<div class="people_meta_label">
								Department
							</div>

							<div class="people_meta_content">
								<div class="people_meta_content_item">
									<a href="{{ item.department.url }}">
										{{ item.department.label }}
									</a>
								</div>
							</div>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Person Meta -->

No notes defined.