<div class="js-view-test spotlight">
<div class="js-background spotlight_background" data-background-options='{"source": { "1220px": "//images.fastspot.com/jtcc/1440x1080/17", "740px": "//images.fastspot.com/jtcc/1220x523/17", "500px": "//images.fastspot.com/jtcc/980x654/17", "0px": "//images.fastspot.com/jtcc/494x740/17", "980px": "//images.fastspot.com/jtcc/915x1220/17"}, "lazy": true, "alt": ""}' aria-hidden="true">
<div class="spotlight_background_fallback" style="background-image: url(' //images.fastspot.com/jtcc/300x129/17');"></div>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="spotlight_inner">
<div class="spotlight_header">
<div class="spotlight_header_inner">
<div class="spotlight_header_body">
<h1 class="spotlight_title">
<span class="spotlight_title_group spotlight_title_group_primary">
<span class="spotlight_title_label spotlight_title_label_primary">A Success Story</span>
</span>
<span class="spotlight_title_group spotlight_title_group_secondary">
<span class="spotlight_title_label spotlight_title_label_secondary">For Every Student</span>
</span>
</h1>
<div class="spotlight_header_details">
<p class="spotlight_caption">At Tyler, we are invested in student success and focused on equipping our graduates with workforce-ready skills. <strong>Will you be next up?</strong></p>
<a href="#" class="spotlight_details_link">
<span class="spotlight_details_link_inner">
<span class="spotlight_details_link_label">View all Next Up Stories</span>
<span class="spotlight_details_link_icon" aria-hidden="true">
<span class="spotlight_details_link_icon_inner">
<span class="spotlight_details_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="stories">
<div class="js-carousel stories_carousel" data-carousel-options='{
"controls": false,
"contained": false,
"maxWidth": "980px",
"show": {
"600px": 2
}
}'>
<div class="stories_item">
<div class="story theme_turquoise">
<figure class="story_figure has_classic_image">
<a class="story_figure_link" href="" aria-label="Read more about Jumpstarting Limitless Opportunity" tabindex="-1">
<span class="lazy_image_wrapper story_image_wrapper">
<img class="js-lazy js-lazyload story_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/740x494/4" data-srcset="//images.fastspot.com/jtcc/740x494/4 740w, //images.fastspot.com/jtcc/980x654/4 980w" alt="">
</span>
<noscript>
<img class="story_image" src="https://images.fastspot.com/jtcc/980x654/4" srcset="//images.fastspot.com/jtcc/980x654/4 980w, //images.fastspot.com/jtcc/740x494/4 740w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="story_wrapper">
<h2 class="story_title">
<a href="#" class="story_title_link">
<span class="story_title_link_inner">
<span class="story_title_link_label">Jumpstarting Limitless Opportunity</span>
</span>
</a>
</h2>
<div class="story_description">
<p>Engineering grad and physician-to-be Alex Ritchie views medicine from multiple angles. After a NASA internship, leading campus groups, and two years at Tyler, she’s completing her bachelor’s in biomedical engineering at Virginia Commonwealth University—and winning awards for investigating how to use nanoparticles to regenerate lung tissue.</p>
</div>
<a href="#" class="story_discovery_link">
<span class="story_discovery_link_inner">
<span class="story_discovery_link_label">Read Her Story</span>
<span class="story_discovery_link_icon" aria-hidden="true">
<span class="story_discovery_link_icon_inner">
<span class="story_discovery_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="stories_item">
<div class="story theme_mustard">
<figure class="story_figure has_classic_image">
<a class="story_figure_link" href="" aria-label="Read more about Training for Advancement" tabindex="-1">
<span class="lazy_image_wrapper story_image_wrapper">
<img class="js-lazy js-lazyload story_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/740x494/5" data-srcset="//images.fastspot.com/jtcc/740x494/5 740w, //images.fastspot.com/jtcc/980x654/5 980w" alt="">
</span>
<noscript>
<img class="story_image" src="https://images.fastspot.com/jtcc/980x654/5" srcset="//images.fastspot.com/jtcc/980x654/5 980w, //images.fastspot.com/jtcc/740x494/5 740w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="story_wrapper">
<h2 class="story_title">
<a href="#" class="story_title_link">
<span class="story_title_link_inner">
<span class="story_title_link_label">Training for Advancement</span>
</span>
</a>
</h2>
<div class="story_description">
<p>Joe Dettmer had the opportunity to move into a new role at work. the only catch? It required electrical skills he didn’t have. To get up to speed, Joe took classes at Tyler and now has the right skills and qualifications to move forward in today’s fast-paced workplace, all while staying at the company he’s been with for decades.</p>
</div>
<a href="#" class="story_discovery_link">
<span class="story_discovery_link_inner">
<span class="story_discovery_link_label">Read His Story</span>
<span class="story_discovery_link_icon" aria-hidden="true">
<span class="story_discovery_link_icon_inner">
<span class="story_discovery_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="stories_item">
<div class="story theme_blush">
<figure class="story_figure has_classic_image">
<a class="story_figure_link" href="" aria-label="Read more about Careers that Matter" tabindex="-1">
<span class="lazy_image_wrapper story_image_wrapper">
<img class="js-lazy js-lazyload story_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/jtcc/740x494/6" data-srcset="//images.fastspot.com/jtcc/740x494/6 740w, //images.fastspot.com/jtcc/980x654/6 980w" alt="">
</span>
<noscript>
<img class="story_image" src="https://images.fastspot.com/jtcc/980x654/6" srcset="//images.fastspot.com/jtcc/980x654/6 980w, //images.fastspot.com/jtcc/740x494/6 740w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="story_wrapper">
<h2 class="story_title">
<a href="#" class="story_title_link">
<span class="story_title_link_inner">
<span class="story_title_link_label">Careers that Matter</span>
</span>
</a>
</h2>
<div class="story_description">
<p>While she helps fill the marketplace demand for skilled nurses, Anissa Ellis is living out her dream: a career that matters. After completing clinical rotations at two local hospitals and earning her associate degree in nursing at Tyler, she’s now a branch director with a home health company, helping nurses to make the biggest impact and difference possible in lives across the area.</p>
</div>
<a href="#" class="story_discovery_link">
<span class="story_discovery_link_inner">
<span class="story_discovery_link_label">Read Her Story</span>
<span class="story_discovery_link_icon" aria-hidden="true">
<span class="story_discovery_link_icon_inner">
<span class="story_discovery_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<a href="#" class="stories_discovery_link">
<span class="stories_discovery_link_inner">
<span class="stories_discovery_link_label">View all Next Up Stories</span>
<span class="stories_discovery_link_icon" aria-hidden="true">
<span class="stories_discovery_link_icon_inner">
<span class="stories_discovery_link_icon_space"></span>
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-view-test spotlight">
{% render "@partial-background" with {
class: "spotlight",
image: image,
sources: {
'0px': img("portraitClassic").sml,
'500px': img("classic").med,
'740px': img("ultrawide").lrg
}
} %}
<div class="fs-row">
<div class="fs-cell">
<div class="spotlight_inner">
<div class="spotlight_header">
<div class="spotlight_header_inner">
<div class="spotlight_header_body">
<h1 class="spotlight_title">
<span class="spotlight_title_group spotlight_title_group_primary">
<span class="spotlight_title_label spotlight_title_label_primary">{{ title.primary }}</span>
</span>
<span class="spotlight_title_group spotlight_title_group_secondary">
<span class="spotlight_title_label spotlight_title_label_secondary">{{ title.secondary }}</span>
</span>
</h1>
<div class="spotlight_header_details">
<p class="spotlight_caption">{{ caption }}</p>
{% render '@partial-link' with {
title: "View all Next Up Stories",
url: "#",
class: "spotlight_details",
icon: "caret_right"
} %}
</div>
</div>
</div>
</div>
<div class="stories">
<div class="js-carousel stories_carousel" data-carousel-options='{
"controls": false,
"contained": false,
"maxWidth": "980px",
"show": {
"600px": 2
}
}'>
{% for item in items %}
<div class="stories_item">
{% render "@component-story" with {
item: item
} %}
</div>
{% endfor %}
</div>
{% render '@partial-link' with {
title: "View all Next Up Stories",
url: "#",
class: "stories_discovery",
icon: "caret_right"
} %}
</div>
</div>
</div>
</div>
</div>
No notes defined.