New College of Florida Component Library

What Can I Study 

<!-- HOME: What can I study? -->
<div class="study">
    <div class="fs-row">
        <div class="fs-cell fs-lg-11">
            <div class="study_inner">
                <figure class="study_figure" aria-hidden="true">
                    <span class="lazy_image_wrapper study_image_wrapper">
                        <img class="js-lazy js-lazyload study_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x169/1" data-src="//images.fastspot.com/new-college-of-florida/740x416/1" data-srcset="//images.fastspot.com/new-college-of-florida/740x416/1 740w, //images.fastspot.com/new-college-of-florida/500x282/1 500w, //images.fastspot.com/new-college-of-florida/300x169/1 300w" alt="">
                    </span>
                    <noscript>
                        <img class="study_image" src="https://images.fastspot.com/new-college-of-florida/300x169/1" srcset="https://images.fastspot.com/new-college-of-florida/300x169/1 300w, https://images.fastspot.com/new-college-of-florida/500x282/1 500w, https://images.fastspot.com/new-college-of-florida/740x416/1 740w" sizes="100vw" alt="">
                    </noscript>
                </figure>
                <div class="study_content_wrapper">
                    <h2 class="study_title">What can I study?</h2>
                    <span class="study_description">From observing dolphin burst pulses to composing experimental music. Choose from 45 areas of concentration or design a multidisciplinary or special area of concentration.</span>
                    <a href="#" class="study_link">
                        <span class="study_link_inner">
                            <span class="study_link_label">Explore Academics & Majors</span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: HOME: What can I study? -->
 
<!-- HOME: What can I study? -->
<div class="study">
	<div class="fs-row">
		<div class="fs-cell fs-lg-11">
			<div class="study_inner">
				{% if image %}
					<figure class="study_figure" aria-hidden="true">
						{% include "@partial-image" with {
							class: "study",
							alt: "",
							image: image,
							sources: [
								img.wide.sml,
								img.wide.xsml,
								img.wide.xxsml
							]
						} %}
					</figure>
				{% endif %}
				<div class="study_content_wrapper">
					<h2 class="study_title">{{ title }}</h2>
					<span class="study_description">{{ description }}</span>
					{% if link %}
						<a href="{{ link.url }}" class="study_link">
							<span class="study_link_inner">
								<span class="study_link_label">{{ link.label }}</span>
							</span>
						</a>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: HOME: What can I study? -->

No notes defined.