JHU Sustainability Component Library

Promoted Link Group: Light 

<div class="promoted_link_group theme_light">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="promoted_link_group_inner">
                <header class="promoted_link_group_head">
                    <h2 class="promoted_link_group_title">
                        Our Commitments
                    </h2>

                    <div class="promoted_link_group_desc">
                        <div class="typography">
                            <p>Sustainability at Hopkins focuses on outreach efforts to decrease our collective carbon footprint through research and action.</p>
                        </div>
                    </div>
                </header>

                <div class="promoted_link_group_content">
                    <div class="promoted_link_group_items">
                        <div class="promoted_link_group_item">

                            <a href="#" class="basic_link theme_light">
                                <span class="basic_link_inner">
                                    <span class="basic_link_label">Reduce Emissions</span>
                                </span>
                            </a>
                        </div>
                        <div class="promoted_link_group_item">

                            <a href="#" class="basic_link theme_light">
                                <span class="basic_link_inner">
                                    <span class="basic_link_label">Build Climate Resilience</span>
                                </span>
                            </a>
                        </div>
                        <div class="promoted_link_group_item">

                            <a href="#" class="basic_link theme_light">
                                <span class="basic_link_inner">
                                    <span class="basic_link_label">Create Healthy Buildings</span>
                                </span>
                            </a>
                        </div>
                        <div class="promoted_link_group_item">

                            <a href="#" class="basic_link theme_light">
                                <span class="basic_link_inner">
                                    <span class="basic_link_label">Minimize Waste</span>
                                </span>
                            </a>
                        </div>
                        <div class="promoted_link_group_item">

                            <a href="#" class="basic_link theme_light">
                                <span class="basic_link_inner">
                                    <span class="basic_link_label">Consume Responsibly</span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="promoted_link_group theme_{{ theme }}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="promoted_link_group_inner">
				<header class="promoted_link_group_head">
					<h2 class="promoted_link_group_title">
						{{ title }}
					</h2>

					{% if description %}
						<div class="promoted_link_group_desc">
							<div class="typography">
								<p>{{ description }}</p>
							</div>
						</div>
					{% endif %}
				</header>

				<div class="promoted_link_group_content">
					<div class="promoted_link_group_items">
						{% for item in items %}
							<div class="promoted_link_group_item">
								{% include "@partial-link" with {
									class: "basic",
									title: item.title,
									url: "#"
								} %}
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.