Johns Hopkins University Component Library

Jumper 

<div class="jumper">
    <div class="jumper_inner">
        <h2 class="jumper_title">Ipsum Fermentum Tristique</h2>

        <nav class="jumper_links">

            <a href="#" class="jumper_link">
                <span class="jumper_link_inner">
                    <span class="jumper_link_label">Heading 2 Section</span>
                </span>
            </a>
            <a href="#" class="jumper_link">
                <span class="jumper_link_inner">
                    <span class="jumper_link_label">Section 2</span>
                </span>
            </a>
            <a href="#" class="jumper_link">
                <span class="jumper_link_inner">
                    <span class="jumper_link_label">Section 2</span>
                </span>
            </a>
            <a href="#" class="jumper_link">
                <span class="jumper_link_inner">
                    <span class="jumper_link_label">Section 2</span>
                </span>
            </a>
        </nav>
    </div>
</div>
 
<div class="jumper">
	<div class="jumper_inner">
		{% if title %}
			<h2 class="jumper_title">{{ title }}</h2>
		{% endif %}

		<nav class="jumper_links">
			{% for link in links %}
				{% include '@partial-link' with {
					class: 'jumper',
					title: link.title,
					url: link.url,
					icon: link.icon
				} %}
			{% endfor %}
		</nav>
	</div>
</div>

No notes defined.