JHU SOE Component Library

Page Content: Landing 

<div class="page_content" id="page_content" tabindex="-1">
    <div class="fs-row">

        <div class="fs-cell fs-lg-5">
            <div class="page_sidebar alt">
                <div class="sub_nav_wrapper">

                    <div class="page_intro">
                        <h1 class="page_title" id="page_title" tabindex="-1">
                            <span class="page_title_long">Creating and Translating Knowledge for Impact</span>
                        </h1>
                    </div>

                    <div class="page_cta">
                        <a class="page_cta_link" href="#">
                            <span class="page_cta_link_label">Emphasized Link</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="fs-cell fs-lg-7">
            <div class="page_content_inner">
                <p class="page_description">The most important aspect of our strategic vision for the Johns Hopkins School of Education is our people: students, staff, faculty, and leadership.</p>

                <div class="page_cta">
                    <a class="page_cta_link" href="#">
                        <span class="page_cta_link_label">Emphasized Link</span>
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>
 
{#
	{% include '@partial-page-content--landing' with {
		page: page,
		content: 'content'
	} %}
#}

<div class="page_content" id="page_content" tabindex="-1">
	<div class="fs-row">

		{% if page.subNav != false or page.cta or page.related_content %}
			<div class="fs-cell fs-lg-5">
				<div class="page_sidebar alt">
					{% if page.subNav != false or page.cta %}
						<div class="sub_nav_wrapper">

							{% if page.title or page.position %}
								<div class="page_intro">
									<h1 class="page_title" id="page_title" tabindex="-1">
										<span class="page_title_long">{{ page.title }}</span>
									</h1>
								</div>
							{% endif %}

							{% if page.cta %}
								<div class="page_cta">
									<a class="page_cta_link" href="{{ page.cta.url }}">
										<span class="page_cta_link_label">{{ page.cta.label }}</span>
									</a>
								</div>
							{% endif %}
						</div>
					{% endif %}
					{% if page.related_content %}
						<div class="related_content">
							{% for card in page.related_content %}
								<div class="related_content_card">
									{% include '@partial-' ~ card.card_type ~ '-card' with {
										item: card.item
									} %}
								</div>
							{% endfor %}
						</div>
					{% endif %}
				</div>
			</div>
		{% endif %}
		<div class="fs-cell fs-lg-7">
			<div class="page_content_inner">
				{% if page.description %}
					<p class="page_description">{{ page.description }}</p>
				{% endif %}
				{% if content %}
					<!-- WYSIWYG -->
					<div class="typography">
						{{ content }}
					</div>
					<!-- END: WYSIWYG -->
				{% endif %}

				{% if page.cta %}
					<div class="page_cta">
						<a class="page_cta_link" href="{{ page.cta.url }}">
							<span class="page_cta_link_label">{{ page.cta.label }}</span>
						</a>
					</div>
				{% endif %}
			</div>
		</div>

	</div>
</div>

No notes defined.