Paul Smith's Component Library

Landing Footer 

<div class="landing_footer">
    <div class="landing_footer_inner">
        <div class="landing_footer_media">
            <figure class="landing_footer_figure">

                <picture class="landing_footer_picture">
                    <source media="(min-width: 1220px)" srcset="https://images.fastspot.com/generic/1440x810/5" width="1440" height="810">
                    <source media="(min-width: 980px)" srcset="https://images.fastspot.com/generic/1220x686/5" width="1220" height="686">
                    <source media="(min-width: 740px)" srcset="https://images.fastspot.com/generic/980x735/5" width="980" height="735">
                    <source media="(min-width: 500px)" srcset="https://images.fastspot.com/generic/740x740/5" width="740" height="740">
                    <img class="landing_footer_image" src="//images.fastspot.com/generic/555x740/5" alt="" loading="lazy" width="555" height="740">
                </picture>
            </figure>
        </div>
        <div class="landing_footer_group">
            <div class="landing_footer_logo">
                <img src="../../images/footer_logo.png" alt="Paul Smith's College" class="landing_footer_logo_image">
            </div>
            <div class="landing_footer_body">
                <div class="fs-row">
                    <div class="fs-cell fs-xl-10 fs-xl-justify-center">
                        <div class="landing_footer_body_inner">
                            <h2 class="landing_footer_title">Reserve Your Spot at Open House</h2>
                            <span class="landing_footer_description">The best way to experience Paul Smith's College is to visit—and the Open House we've lined up for you is not to be missed! See you on April 27?</span>
                            <a href="#register" class="landing_footer_link js-landing-action-link">Sign me up</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="landing_footer_disclaimer">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="landing_footer_disclaimer_inner">

                    <p>Can't make that date? Prefer a personal tour, or have you already been admitted? <br><a href="#">Check out all our visit options</a>.</p>

                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="landing_footer">
	<div class="landing_footer_inner">
		<div class="landing_footer_media">
			<figure class="landing_footer_figure">
				{% include '@partial-picture' with {
					class: 'landing_footer',
					image: image,
					alt: '',
					loading: 'lazy',
					default: img.portraitFull.sml,
					sources: {
						'1220px': img.wide.xlrg,
						'980px': img.wide.lrg,
						'740px': img.full.med,
						'500px': img.square.sml
					}
				} %}
			</figure>
		</div>
		<div class="landing_footer_group">
			<div class="landing_footer_logo">
				<img src="../../images/footer_logo.png" alt="Paul Smith's College" class="landing_footer_logo_image">
			</div>
			<div class="landing_footer_body">
				<div class="fs-row">
					<div class="fs-cell fs-xl-10 fs-xl-justify-center">
						<div class="landing_footer_body_inner">
							<h2 class="landing_footer_title">{{ title }}</h2>
							<span class="landing_footer_description">{{ description }}</span>
							{% if link %}
							<a href="{{ link.url }}" class="landing_footer_link js-landing-action-link">{{ link.label }}</a>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{% if disclaimer %}
	<div class="landing_footer_disclaimer">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="landing_footer_disclaimer_inner">
					{{ disclaimer }}
				</div>
			</div>
		</div>
	</div>
	{% endif %}
</div>

No notes defined.