<div class="spotlight">
<div class="spotlight_hat">
<div class="spotlight_hat_media">
<div class="spotlight_hat_media_inner">
<div class="spotlight_hat_video">
<div class="full_media full_media_has_video">
<figure class="full_media_figure">
<picture class="full_media_picture">
<source media="(min-width: 1200px)" srcset="https://images.fastspot.com/merced/1440x810/1">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/merced/1220x686/1">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/merced/980x552/1">
<img class="full_media_image" src="//images.fastspot.com/merced/735x980/1" alt="" loading="eager" width="735" height="980">
</picture>
</figure>
<div class="js-background-video-wrapper full_media_video" data-background-video='{"autoplay":true,"display":"background","id":"AjEwsxtp-yg","type":"youtube","title":"video","playerVars":{"loop":1}}'>
<div class="full_media_iframe_wrapper">
<div class="js-iframe-target full_media_iframe"></div>
</div>
<div class="full_media_video_controls">
<div class="fs-row">
<div class="fs-cell">
<div class="full_media_video_controls_inner">
<div class="full_media_video_controls_bubble">
<div class="full_media_video_control">
<button class="full_media_video_play_button js-full-media-video-play-button">
<span class="full_media_video_play_button_inner">
<span class="full_media_video_play_button_label">Play Video</span>
<span class="full_media_video_play_button_icon" aria-hidden="true"><span class="full_media_video_play_button_icon_inner">
<i class="fa-regular fa-play"></i>
</span>
</span>
</button>
</div>
<div class="full_media_video_control">
<button class="full_media_video_pause_button js-full-media-video-pause-button">
<span class="full_media_video_pause_button_inner">
<span class="full_media_video_pause_button_label">Pause Video</span>
<span class="full_media_video_pause_button_icon" aria-hidden="true"><span class="full_media_video_pause_button_icon_inner">
<i class="fa-regular fa-pause"></i>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="spotlight_hat_body">
<div class="fs-row">
<div class="fs-cell">
<div class="spotlight_hat_inner">
<h1 class="spotlight_hat_title" id="page_title">Made in Merced. <em>Built for the World.</em></h1>
</div>
</div>
</div>
</div>
</div>
<div class="spotlight_header">
<div class="fs-row">
<div class="fs-cell">
<h2 class="spotlight_title">I want to...</h2>
</div>
</div>
</div>
<div class="spotlight_body">
<div class="fs-row">
<div class="fs-cell">
<div class="spotlight_rows">
<div class="spotlight_row">
<button class="js-spotlight spotlight_row_title" data-swap-linked="spotlight_1" data-swap-target=".spotlight_modal_1">
<span class="spotlight_row_title_label">Enroll at Merced College</span>
<span class="spotlight_row_title_icons">
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
</span>
</button>
<span class="spotlight_teaser_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/980x735/1 980w, https://images.fastspot.com/merced/740x555/1 740w" src="https://images.fastspot.com/merced/740x555/1" alt="" loading="lazy" width="740" height="555">
</span>
<div class="spotlight_modal spotlight_modal_1">
<div class="spotlight_modal_bg js-spotlight-bg"></div>
<div class="spotlight_modal_inner">
<div class="spotlight_modal_body">
<div class="spotlight_modal_header">
<h3 class="spotlight_modal_title">Enroll at Merced</h3>
<div class="spotlight_modal_caption">
Take the first step and explore how you can get started at Merced.
</div>
</div>
<div class="spotlight_cards">
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/1 740w, https://images.fastspot.com/merced/500x282/1 500w, https://images.fastspot.com/merced/300x169/1 300w" src="https://images.fastspot.com/merced/300x169/1" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Apply Today</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/2 740w, https://images.fastspot.com/merced/500x282/2 500w, https://images.fastspot.com/merced/300x169/2 300w" src="https://images.fastspot.com/merced/300x169/2" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Talk to a Counselor</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/3 740w, https://images.fastspot.com/merced/500x282/3 500w, https://images.fastspot.com/merced/300x169/3 300w" src="https://images.fastspot.com/merced/300x169/3" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Enrollment Process</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/4 740w, https://images.fastspot.com/merced/500x282/4 500w, https://images.fastspot.com/merced/300x169/4 300w" src="https://images.fastspot.com/merced/300x169/4" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Explore Enrollment Support</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<button class="js-swap spotlight_modal_close" data-swap-linked="spotlight_1" data-swap-target=".spotlight_modal_1">
<span class="spotlight_modal_close_icon">
<i class="fa-regular fa-xmark"></i>
</span>
<span class="spotlight_modal_close_label">Close</span>
</button>
</div>
</div>
<div class="spotlight_row">
<button class="js-spotlight spotlight_row_title" data-swap-linked="spotlight_2" data-swap-target=".spotlight_modal_2">
<span class="spotlight_row_title_label">Register for Classes</span>
<span class="spotlight_row_title_icons">
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
</span>
</button>
<span class="spotlight_teaser_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/980x735/2 980w, https://images.fastspot.com/merced/740x555/2 740w" src="https://images.fastspot.com/merced/740x555/2" alt="" loading="lazy" width="740" height="555">
</span>
<div class="spotlight_modal spotlight_modal_2">
<div class="spotlight_modal_bg js-spotlight-bg"></div>
<div class="spotlight_modal_inner">
<div class="spotlight_modal_body">
<div class="spotlight_modal_header">
<h3 class="spotlight_modal_title">Register for Classes</h3>
<div class="spotlight_modal_caption">
Take the first step and explore how you can get started at Merced.
</div>
</div>
<div class="spotlight_cards">
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/1 740w, https://images.fastspot.com/merced/500x282/1 500w, https://images.fastspot.com/merced/300x169/1 300w" src="https://images.fastspot.com/merced/300x169/1" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Apply Today</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/2 740w, https://images.fastspot.com/merced/500x282/2 500w, https://images.fastspot.com/merced/300x169/2 300w" src="https://images.fastspot.com/merced/300x169/2" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Talk to a Counselor</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/3 740w, https://images.fastspot.com/merced/500x282/3 500w, https://images.fastspot.com/merced/300x169/3 300w" src="https://images.fastspot.com/merced/300x169/3" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Enrollment Process</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/4 740w, https://images.fastspot.com/merced/500x282/4 500w, https://images.fastspot.com/merced/300x169/4 300w" src="https://images.fastspot.com/merced/300x169/4" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Explore Enrollment Support</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<button class="js-swap spotlight_modal_close" data-swap-linked="spotlight_2" data-swap-target=".spotlight_modal_2">
<span class="spotlight_modal_close_icon">
<i class="fa-regular fa-xmark"></i>
</span>
<span class="spotlight_modal_close_label">Close</span>
</button>
</div>
</div>
<div class="spotlight_row">
<button class="js-spotlight spotlight_row_title" data-swap-linked="spotlight_3" data-swap-target=".spotlight_modal_3">
<span class="spotlight_row_title_label">Explore Programs</span>
<span class="spotlight_row_title_icons">
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
</span>
</button>
<span class="spotlight_teaser_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/980x735/3 980w, https://images.fastspot.com/merced/740x555/3 740w" src="https://images.fastspot.com/merced/740x555/3" alt="" loading="lazy" width="740" height="555">
</span>
<div class="spotlight_modal spotlight_modal_3">
<div class="spotlight_modal_bg js-spotlight-bg"></div>
<div class="spotlight_modal_inner">
<div class="spotlight_modal_body">
<div class="spotlight_modal_header">
<h3 class="spotlight_modal_title">Explore Programs</h3>
<div class="spotlight_modal_caption">
Take the first step and explore how you can get started at Merced.
</div>
</div>
<div class="spotlight_cards">
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/1 740w, https://images.fastspot.com/merced/500x282/1 500w, https://images.fastspot.com/merced/300x169/1 300w" src="https://images.fastspot.com/merced/300x169/1" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Apply Today</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/2 740w, https://images.fastspot.com/merced/500x282/2 500w, https://images.fastspot.com/merced/300x169/2 300w" src="https://images.fastspot.com/merced/300x169/2" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Talk to a Counselor</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/3 740w, https://images.fastspot.com/merced/500x282/3 500w, https://images.fastspot.com/merced/300x169/3 300w" src="https://images.fastspot.com/merced/300x169/3" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Enrollment Process</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/4 740w, https://images.fastspot.com/merced/500x282/4 500w, https://images.fastspot.com/merced/300x169/4 300w" src="https://images.fastspot.com/merced/300x169/4" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Explore Enrollment Support</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<button class="js-swap spotlight_modal_close" data-swap-linked="spotlight_3" data-swap-target=".spotlight_modal_3">
<span class="spotlight_modal_close_icon">
<i class="fa-regular fa-xmark"></i>
</span>
<span class="spotlight_modal_close_label">Close</span>
</button>
</div>
</div>
<div class="spotlight_row">
<button class="js-spotlight spotlight_row_title" data-swap-linked="spotlight_4" data-swap-target=".spotlight_modal_4">
<span class="spotlight_row_title_label">Learn about Support Services</span>
<span class="spotlight_row_title_icons">
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
</span>
</button>
<span class="spotlight_teaser_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/980x735/1 980w, https://images.fastspot.com/merced/740x555/1 740w" src="https://images.fastspot.com/merced/740x555/1" alt="" loading="lazy" width="740" height="555">
</span>
<div class="spotlight_modal spotlight_modal_4">
<div class="spotlight_modal_bg js-spotlight-bg"></div>
<div class="spotlight_modal_inner">
<div class="spotlight_modal_body">
<div class="spotlight_modal_header">
<h3 class="spotlight_modal_title">Learn about Support Services</h3>
<div class="spotlight_modal_caption">
Take the first step and explore how you can get started at Merced.
</div>
</div>
<div class="spotlight_cards">
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/1 740w, https://images.fastspot.com/merced/500x282/1 500w, https://images.fastspot.com/merced/300x169/1 300w" src="https://images.fastspot.com/merced/300x169/1" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Apply Today</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/2 740w, https://images.fastspot.com/merced/500x282/2 500w, https://images.fastspot.com/merced/300x169/2 300w" src="https://images.fastspot.com/merced/300x169/2" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Talk to a Counselor</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/3 740w, https://images.fastspot.com/merced/500x282/3 500w, https://images.fastspot.com/merced/300x169/3 300w" src="https://images.fastspot.com/merced/300x169/3" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Enrollment Process</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/4 740w, https://images.fastspot.com/merced/500x282/4 500w, https://images.fastspot.com/merced/300x169/4 300w" src="https://images.fastspot.com/merced/300x169/4" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Explore Enrollment Support</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<button class="js-swap spotlight_modal_close" data-swap-linked="spotlight_4" data-swap-target=".spotlight_modal_4">
<span class="spotlight_modal_close_icon">
<i class="fa-regular fa-xmark"></i>
</span>
<span class="spotlight_modal_close_label">Close</span>
</button>
</div>
</div>
<div class="spotlight_row">
<button class="js-spotlight spotlight_row_title" data-swap-linked="spotlight_5" data-swap-target=".spotlight_modal_5">
<span class="spotlight_row_title_label">Explore Campus Life & Athletics</span>
<span class="spotlight_row_title_icons">
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
<span class="spotlight_row_title_icon">
<i class="fa-regular fa-arrow-right"></i>
</span>
</span>
</button>
<span class="spotlight_teaser_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/980x735/2 980w, https://images.fastspot.com/merced/740x555/2 740w" src="https://images.fastspot.com/merced/740x555/2" alt="" loading="lazy" width="740" height="555">
</span>
<div class="spotlight_modal spotlight_modal_5">
<div class="spotlight_modal_bg js-spotlight-bg"></div>
<div class="spotlight_modal_inner">
<div class="spotlight_modal_body">
<div class="spotlight_modal_header">
<h3 class="spotlight_modal_title">Explore Campus Life & Athletics</h3>
<div class="spotlight_modal_caption">
Take the first step and explore how you can get started at Merced.
</div>
</div>
<div class="spotlight_cards">
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/1 740w, https://images.fastspot.com/merced/500x282/1 500w, https://images.fastspot.com/merced/300x169/1 300w" src="https://images.fastspot.com/merced/300x169/1" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Apply Today</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/2 740w, https://images.fastspot.com/merced/500x282/2 500w, https://images.fastspot.com/merced/300x169/2 300w" src="https://images.fastspot.com/merced/300x169/2" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Talk to a Counselor</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/3 740w, https://images.fastspot.com/merced/500x282/3 500w, https://images.fastspot.com/merced/300x169/3 300w" src="https://images.fastspot.com/merced/300x169/3" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Enrollment Process</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
<div class="spotlight_card">
<div class="spotlight_card_inner">
<figure class="spotlight_card_figure" aria-hidden="true">
<span class="spotlight_card_media">
<img class="topic_image" srcset="https://images.fastspot.com/merced/740x416/4 740w, https://images.fastspot.com/merced/500x282/4 500w, https://images.fastspot.com/merced/300x169/4 300w" src="https://images.fastspot.com/merced/300x169/4" alt="" loading="lazy" width="300" height="169">
</span>
<figcaption class="spotlight_card_figcaption">
<a href="" class="spotlight_card_link">
<span class="spotlight_card_link_inner">
<span class="spotlight_card_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
<span class="spotlight_card_link_label">Explore Enrollment Support</span>
</span>
</a>
<div class="spotlight_card_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel libero purus.
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
<button class="js-swap spotlight_modal_close" data-swap-linked="spotlight_5" data-swap-target=".spotlight_modal_5">
<span class="spotlight_modal_close_icon">
<i class="fa-regular fa-xmark"></i>
</span>
<span class="spotlight_modal_close_label">Close</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
<div class="news_events">
<div class="news_events_header">
<div class="fs-row">
<div class="fs-cell">
<div class="news_events_header_inner">
<h2 class="news_events_title">What’s new</h2>
<div class="news_events_discoveries news_events_discoveries_lg">
<div class="news_events_discovery">
<a href="#" class="news_events_link">
<span class="news_events_link_inner">
<span class="news_events_link_label">Upcoming Events</span>
<span class="news_events_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
<div class="news_events_discovery">
<a href="#" class="news_events_link">
<span class="news_events_link_inner">
<span class="news_events_link_label">Latest News</span>
<span class="news_events_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="js-carousel news_events_items" aria-label="What’s new" data-carousel-options='{"contained":false,"controls":false,"pagination":false,"show":{"500px":2,"980px":3}}'>
<div class="news_events_item">
<figure class="news_events_item_figure">
<a class="news_events_item_figure_link" href="page-news-detail.html" aria-label="Read more about Military experience led to meaningful career for MC alumnus" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/merced/555x740/1 555w, https://images.fastspot.com/merced/375x500/1 375w" src="https://images.fastspot.com/merced/375x500/1" alt="" loading="lazy" width="375" height="500">
</a>
</figure>
<div class="news_events_item_wrapper">
<div class="news_events_item_header">
<h2 class="news_events_item_title">
<a href="page-news-detail.html" class="news_events_item_title_link">
<span class="news_events_item_title_link_inner">
<span class="news_events_item_title_link_label">Military experience led to meaningful career for MC alumnus</span>
</span>
</a>
</h2>
<div class="news_events_item_type">
<span class="news_events_item_type_icon">
<i class="fa-regular fa-newspaper"></i>
</span>
<span class="news_events_item_type_label">News</span>
</div>
</div>
<div class="news_events_item_body">
<div class="news_events_item_details">
<div class="news_events_item_detail">
<span class="news_events_item_detail_hint">Time: </span>
<span class="news_events_item_detail_label">
May 31, 2017
</span>
</div>
</div>
</div>
</div>
</div>
<div class="news_events_item">
<figure class="news_events_item_figure">
<a class="news_events_item_figure_link" href="page-news-detail.html" aria-label="Read more about Class of 2022 Graduation Ceremony" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/merced/555x740/2 555w, https://images.fastspot.com/merced/375x500/2 375w" src="https://images.fastspot.com/merced/375x500/2" alt="" loading="lazy" width="375" height="500">
</a>
</figure>
<div class="news_events_item_wrapper">
<div class="news_events_item_header">
<h2 class="news_events_item_title">
<a href="page-news-detail.html" class="news_events_item_title_link">
<span class="news_events_item_title_link_inner">
<span class="news_events_item_title_link_label">Class of 2022 Graduation Ceremony</span>
</span>
</a>
</h2>
<div class="news_events_item_type">
<span class="news_events_item_type_icon">
<i class="fa-regular fa-calendar-days"></i>
</span>
<span class="news_events_item_type_label">Events</span>
</div>
</div>
<div class="news_events_item_body">
<div class="news_events_item_details">
<div class="news_events_item_detail">
<span class="news_events_item_detail_hint">Time: </span>
<span class="news_events_item_detail_label">
May 31, 2017
</span>
</div>
</div>
</div>
</div>
</div>
<div class="news_events_item">
<figure class="news_events_item_figure">
<a class="news_events_item_figure_link" href="page-news-detail.html" aria-label="Read more about Upcoming Priority Registration Deadline: May 22" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/merced/555x740/3 555w, https://images.fastspot.com/merced/375x500/3 375w" src="https://images.fastspot.com/merced/375x500/3" alt="" loading="lazy" width="375" height="500">
</a>
</figure>
<div class="news_events_item_wrapper">
<div class="news_events_item_header">
<h2 class="news_events_item_title">
<a href="page-news-detail.html" class="news_events_item_title_link">
<span class="news_events_item_title_link_inner">
<span class="news_events_item_title_link_label">Upcoming Priority Registration Deadline: May 22</span>
</span>
</a>
</h2>
<div class="news_events_item_type">
<span class="news_events_item_type_icon">
<i class="fa-regular fa-newspaper"></i>
</span>
<span class="news_events_item_type_label">News</span>
</div>
</div>
<div class="news_events_item_body">
<div class="news_events_item_details">
<div class="news_events_item_detail">
<span class="news_events_item_detail_hint">Time: </span>
<span class="news_events_item_detail_label">
May 31, 2017
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="news_events_discoveries news_events_discoveries_sm">
<div class="news_events_discovery">
<a href="#" class="news_events_link">
<span class="news_events_link_inner">
<span class="news_events_link_label">Upcoming Events</span>
<span class="news_events_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
<div class="news_events_discovery">
<a href="#" class="news_events_link">
<span class="news_events_link_inner">
<span class="news_events_link_label">Latest News</span>
<span class="news_events_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related News -->
<!-- Card Group -->
<div class="js-stats stats">
<div class="stats_header">
<div class="fs-row">
<div class="fs-cell">
<div class="fs-mini">
<div class="stats_header_inner">
<h2 class="stats_title">Finding Your Path</h2>
<div class="stats_description">
<p>Wherever you are on your journey, we’ll guide you toward a welcoming, rewarding and fulfilling college experience that’s right for you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="stats_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="stats_items">
<li class="stats_item">
<div class="stats_item_body">
<div class="stats_item_value">
<div class="stats_item_value_icon">
<i class="fa-regular fa-clipboard-list"></i>
</div>
<div class="stats_item_value_label">130+</div>
</div>
<div class="stats_item_description">
<p>degree and certificate programs</p>
</div>
</div>
</li>
<li class="stats_item">
<div class="stats_item_body">
<div class="stats_item_value">
<div class="stats_item_value_icon">
<i class="fa-regular fa-user-graduate"></i>
</div>
<div class="stats_item_value_label">52%</div>
</div>
<div class="stats_item_description">
<p>of students are first-generation</p>
</div>
</div>
</li>
<li class="stats_item">
<div class="stats_item_body">
<div class="stats_item_value">
<div class="stats_item_value_icon">
<i class="fa-regular fa-money-bill-1-wave"></i>
</div>
<div class="stats_item_value_label">$31M</div>
</div>
<div class="stats_item_description">
<p>of financial aid has been awarded to students</p>
</div>
</div>
</li>
<li class="stats_item">
<div class="stats_item_body">
<div class="stats_item_value">
<div class="stats_item_value_icon">
<i class="fa-regular fa-users"></i>
</div>
<div class="stats_item_value_label">40+</div>
</div>
<div class="stats_item_description">
<p>student organizations and athletics programs</p>
</div>
</div>
</li>
</ul>
<div class="stats_slippers">
<div class="stats_slippers_inner">
<img class="stats_slipper_image" alt="" src="https://blog.healthypawspetinsurance.com/wp-content/uploads/2021/09/brown-and-white-corgi-dog-outside.jpg" />
<img class="stats_slipper_image" alt="" src="https://cdn.buttercms.com/ZF8K2t8hT8OoNR3W42bX" />
<img class="stats_slipper_image" alt="" src="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/welsh-corgi-pembroke-1650462407.jpg?crop=0.535xw:1.00xh;0.240xw,0&resize=480:*" />
<img class="stats_slipper_image" alt="" src="https://assets.vogue.com/photos/5a1c87b6213b100eae3f6cc9/master/pass/00-promo-image-queen-elizabeths-corgis-love-meghan-markle.jpg" />
<img class="stats_slipper_image" alt="" src="https://www.thesprucepets.com/thmb/8-X_UisF2kcJnn8_0Ynt4Q3wRyQ=/735x0/40926432_560505141051912_3896594467564281999_n-5ba052bac9e77c0050e669bb.jpg" />
<img class="stats_slipper_image" alt="" src="https://imagesvc.meredithcorp.io/v3/mm/image?url=https%3A%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F47%2F2021%2F07%2F20%2Fpembroke-welsh-corgi-two-dogs-beach-1286164476-2000.jpg" />
<img class="stats_slipper_image" alt="" src="https://mymodernmet.com/wp/wp-content/uploads/2020/08/welsh-corgi-facts-thumbnail-3.jpg" />
<img class="stats_slipper_image" alt="" src="https://images.squarespace-cdn.com/content/v1/5cc341c87980b32fbad33e98/1556512127514-6WEMORDGDCB1Q5D2KXWE/2A02E015-6F13-4010-8799-30F2C7C0DA3D.jpg" />
<img class="stats_slipper_image" alt="" src="https://imagesvc.meredithcorp.io/v3/mm/image?url=https%3A%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F47%2F2020%2F08%2F24%2Fcorgi-puppy-on-floor-512536165-2000.jpg&q=60" />
<img class="stats_slipper_image" alt="" src="https://nypost.com/wp-content/uploads/sites/2/2022/01/queen-corgi-comp.jpg?quality=75&strip=all" />
<img class="stats_slipper_image" alt="" src="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/welsh-corgi-pembroke-1650462407.jpg?crop=0.535xw:1.00xh;0.240xw,0&resize=480:*" />
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
<!-- Testimonial Gallery -->
<div class="js-observable js-testimonial-gallery testimonial_gallery">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_gallery_inner">
<div class="testimonial_gallery_header">
<h2 class="testimonial_gallery_title">Being a Blue Devil</h2>
<div class="js-carousel testimonial_gallery_carousel_progress testimonial_gallery_carousel_link" aria-hidden="true" data-carousel-options='{"contained":false,"controls":false,"pagination":false,"single":true,"theme":"theme_light"}' data-carousel-linked=".testimonial_gallery_carousel_link">
<div class="testimonial_gallery_progress_item">
</div>
<div class="testimonial_gallery_progress_item">
</div>
<div class="testimonial_gallery_progress_item">
</div>
<div class="testimonial_gallery_progress_item">
</div>
<div class="testimonial_gallery_progress_item">
</div>
</div>
<div class="js-carousel testimonial_gallery_carousel_hint testimonial_gallery_carousel_link" data-carousel-options='{"contained":false,"controls":false,"pagination":false,"single":true,"theme":"theme_light"}' data-carousel-linked=".testimonial_gallery_carousel_link">
<div class="testimonial_gallery_hint">1 / 5</div>
<div class="testimonial_gallery_hint">2 / 5</div>
<div class="testimonial_gallery_hint">3 / 5</div>
<div class="testimonial_gallery_hint">4 / 5</div>
<div class="testimonial_gallery_hint">5 / 5</div>
</div>
</div>
<div class="js-carousel testimonial_gallery_carousel testimonial_gallery_carousel_link" data-carousel-options='{"contained":false,"controls":true,"pagination":false,"single":true,"theme":"theme_light"}' data-carousel-linked=".testimonial_gallery_carousel_link">
<div class="testimonial_gallery_item">
<div class="testimonial_gallery_item_component">
<div class="testimonial_gallery_item_component_inner">
<!-- Testimonial -->
<div class="testimonial">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<span class="testimonial_mark">
<svg class="icon icon_quote">
<use href="/images/icons.svg#quote" />
</svg>
</span>
<blockquote class="testimonial_quote">
<p>I really do love Merced College ... I have a support system here that is trying to get me further along in my career.”</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/merced/300x300/1 300w, https://images.fastspot.com/merced/100x100/1 100w" src="https://images.fastspot.com/merced/100x100/1" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">John Espinosa, ‘14</span>
<span class="testimonial_quote_title">Science Lab Technician</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
</div>
</div>
<figure class="testimonial_gallery_item_figure" aria-hidden="true">
<img class="testimonial_gallery_item_image" srcset="https://images.fastspot.com/merced/980x980/1 980w, https://images.fastspot.com/merced/740x740/1 740w" src="https://images.fastspot.com/merced/740x740/1" alt="" loading="lazy" width="740" height="740">
</figure>
</div>
<div class="testimonial_gallery_item">
<div class="testimonial_gallery_item_component">
<div class="testimonial_gallery_item_component_inner">
<!-- Testimonial -->
<div class="testimonial">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<span class="testimonial_mark">
<svg class="icon icon_quote">
<use href="/images/icons.svg#quote" />
</svg>
</span>
<blockquote class="testimonial_quote">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/merced/300x300/2 300w, https://images.fastspot.com/merced/100x100/2 100w" src="https://images.fastspot.com/merced/100x100/2" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">John Espinosa, ‘14</span>
<span class="testimonial_quote_title">Science Lab Technician</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
</div>
</div>
<figure class="testimonial_gallery_item_figure" aria-hidden="true">
<img class="testimonial_gallery_item_image" srcset="https://images.fastspot.com/merced/980x980/2 980w, https://images.fastspot.com/merced/740x740/2 740w" src="https://images.fastspot.com/merced/740x740/2" alt="" loading="lazy" width="740" height="740">
</figure>
</div>
<div class="testimonial_gallery_item">
<div class="testimonial_gallery_item_component">
<div class="testimonial_gallery_item_component_inner">
<!-- Testimonial -->
<div class="testimonial">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<span class="testimonial_mark">
<svg class="icon icon_quote">
<use href="/images/icons.svg#quote" />
</svg>
</span>
<blockquote class="testimonial_quote">
<p>Giraffes go mooo, flies go meow. You imagined it didn't you; a fly going meow.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/merced/300x300/3 300w, https://images.fastspot.com/merced/100x100/3 100w" src="https://images.fastspot.com/merced/100x100/3" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">John Espinosa, ‘14</span>
<span class="testimonial_quote_title">Science Lab Technician</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
</div>
</div>
<figure class="testimonial_gallery_item_figure" aria-hidden="true">
<img class="testimonial_gallery_item_image" srcset="https://images.fastspot.com/merced/980x980/3 980w, https://images.fastspot.com/merced/740x740/3 740w" src="https://images.fastspot.com/merced/740x740/3" alt="" loading="lazy" width="740" height="740">
</figure>
</div>
<div class="testimonial_gallery_item">
<div class="testimonial_gallery_item_component">
<div class="testimonial_gallery_item_component_inner">
<!-- Testimonial -->
<div class="testimonial">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<span class="testimonial_mark">
<svg class="icon icon_quote">
<use href="/images/icons.svg#quote" />
</svg>
</span>
<blockquote class="testimonial_quote">
<p>My lamps keep staring at me</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/merced/300x300/1 300w, https://images.fastspot.com/merced/100x100/1 100w" src="https://images.fastspot.com/merced/100x100/1" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">John Espinosa, ‘14</span>
<span class="testimonial_quote_title">Science Lab Technician</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
</div>
</div>
<figure class="testimonial_gallery_item_figure" aria-hidden="true">
<img class="testimonial_gallery_item_image" srcset="https://images.fastspot.com/merced/980x980/1 980w, https://images.fastspot.com/merced/740x740/1 740w" src="https://images.fastspot.com/merced/740x740/1" alt="" loading="lazy" width="740" height="740">
</figure>
</div>
<div class="testimonial_gallery_item">
<div class="testimonial_gallery_item_component">
<div class="testimonial_gallery_item_component_inner">
<!-- Testimonial -->
<div class="testimonial">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<figure class="testimonial_figure">
<span class="testimonial_mark">
<svg class="icon icon_quote">
<use href="/images/icons.svg#quote" />
</svg>
</span>
<blockquote class="testimonial_quote">
<p>I played with fire during recess</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/merced/300x300/2 300w, https://images.fastspot.com/merced/100x100/2 100w" src="https://images.fastspot.com/merced/100x100/2" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">John Espinosa, ‘14</span>
<span class="testimonial_quote_title">Science Lab Technician</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
</div>
</div>
<figure class="testimonial_gallery_item_figure" aria-hidden="true">
<img class="testimonial_gallery_item_image" srcset="https://images.fastspot.com/merced/980x980/2 980w, https://images.fastspot.com/merced/740x740/2 740w" src="https://images.fastspot.com/merced/740x740/2" alt="" loading="lazy" width="740" height="740">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Testimonial Gallery -->
<!-- Card Group -->
<div class="highlights">
<div class="highlights_header">
<div class="fs-row">
<div class="fs-cell">
<div class="fs-mini">
<div class="highlights_header_inner">
<h2 class="highlights_title">We’re in This together</h2>
<div class="highlights_description">
<p>From food security to financial aid, from counseling to career guidance, find all the support you need to succeed at Merced College.</p>
</div>
<div class="highlights_discovery">
<a href="#" class="highlights_link">
<span class="highlights_link_inner">
<span class="highlights_link_label">Explore All Resources</span>
<span class="highlights_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="highlights_body">
<div class="fs-row">
<div class="fs-cell">
<div class="fs-mini">
<div class="highlights_body_inner">
<div class="js-carousel highlights_carousel" data-carousel-options='{"contained":false,"controls":true,"pagination":true,"theme":"theme_dark"}'>
<div class="highlight">
<figure class="highlight_figure" aria-hidden="true">
<span class="highlight_media">
<img class="highlight_image" srcset="https://images.fastspot.com/merced/980x654/ 980w, https://images.fastspot.com/merced/740x494/ 740w" src="https://images.fastspot.com/merced/740x494/" alt="" loading="lazy" width="740" height="494">
</span>
<figcaption class="highlight_figcaption">
<span class="highlight_figcaption_inner">
<span class="highlight_discovery">
<a href="#" class="highlight_link">
<span class="highlight_link_inner">
<span class="highlight_link_label">Basic Needs Center</span>
<span class="highlight_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a> </span>
<span class="highlight_description">The center is a one-stop, single location for students to access basic needs and get the help they need.</span>
</span>
</figcaption>
</figure>
<div class="highlight_teasers" aria-hidden="true">
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Next</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Previous</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
</div>
</div>
<div class="highlight">
<figure class="highlight_figure" aria-hidden="true">
<span class="highlight_media">
<img class="highlight_image" srcset="https://images.fastspot.com/merced/980x654/ 980w, https://images.fastspot.com/merced/740x494/ 740w" src="https://images.fastspot.com/merced/740x494/" alt="" loading="lazy" width="740" height="494">
</span>
<figcaption class="highlight_figcaption">
<span class="highlight_figcaption_inner">
<span class="highlight_discovery">
<a href="#" class="highlight_link">
<span class="highlight_link_inner">
<span class="highlight_link_label">Basic Needs Center</span>
<span class="highlight_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a> </span>
<span class="highlight_description">The center is a one-stop, single location for students to access basic needs and get the help they need.</span>
</span>
</figcaption>
</figure>
<div class="highlight_teasers" aria-hidden="true">
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Next</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Previous</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
</div>
</div>
<div class="highlight">
<figure class="highlight_figure" aria-hidden="true">
<span class="highlight_media">
<img class="highlight_image" srcset="https://images.fastspot.com/merced/980x654/ 980w, https://images.fastspot.com/merced/740x494/ 740w" src="https://images.fastspot.com/merced/740x494/" alt="" loading="lazy" width="740" height="494">
</span>
<figcaption class="highlight_figcaption">
<span class="highlight_figcaption_inner">
<span class="highlight_discovery">
<a href="#" class="highlight_link">
<span class="highlight_link_inner">
<span class="highlight_link_label">Basic Needs Center</span>
<span class="highlight_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a> </span>
<span class="highlight_description">The center is a one-stop, single location for students to access basic needs and get the help they need.</span>
</span>
</figcaption>
</figure>
<div class="highlight_teasers" aria-hidden="true">
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Next</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Previous</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
</div>
</div>
<div class="highlight">
<figure class="highlight_figure" aria-hidden="true">
<span class="highlight_media">
<img class="highlight_image" srcset="https://images.fastspot.com/merced/980x654/ 980w, https://images.fastspot.com/merced/740x494/ 740w" src="https://images.fastspot.com/merced/740x494/" alt="" loading="lazy" width="740" height="494">
</span>
<figcaption class="highlight_figcaption">
<span class="highlight_figcaption_inner">
<span class="highlight_discovery">
<a href="#" class="highlight_link">
<span class="highlight_link_inner">
<span class="highlight_link_label">Basic Needs Center</span>
<span class="highlight_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a> </span>
<span class="highlight_description">The center is a one-stop, single location for students to access basic needs and get the help they need.</span>
</span>
</figcaption>
</figure>
<div class="highlight_teasers" aria-hidden="true">
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Next</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
<div class="highlight_teaser">
<div class="highlight_teaser_header">
<div class="highlight_teaser_switch">Previous</div>
</div>
<div class="highlight_teaser_title">Basic Needs Center</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
<!-- Topic Row -->
<div class="visual_call_to_action">
<div class="fs-row">
<div class="fs-cell">
<div class="visual_call_to_action_inner">
<div class="visual_call_to_action_body">
<div class="js-observable visual_call_to_action_item">
<div class="visual_call_to_action_item_wrapper">
<div class="visual_call_to_action_item_bubble">
<div class="visual_call_to_action_item_header">
<h3 class="visual_call_to_action_item_title">Visual Call to Action</h3>
<h2 class="visual_call_to_action_item_lead">subtitle lead-in</h2>
</div>
<div class="visual_call_to_action_item_body">
<div class="visual_call_to_action_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
</div>
</div>
<div class="visual_call_to_action_item_links">
<div class="visual_call_to_action_item_link_item">
<a href="#" class="visual_call_to_action_item_link">
<span class="visual_call_to_action_item_link_inner">
<span class="visual_call_to_action_item_link_label">Link Number One</span>
<span class="visual_call_to_action_item_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
<div class="visual_call_to_action_item_link_item">
<a href="#" class="visual_call_to_action_item_link">
<span class="visual_call_to_action_item_link_inner">
<span class="visual_call_to_action_item_link_label">Link Number Two</span>
<span class="visual_call_to_action_item_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
<div class="visual_call_to_action_item_link_item">
<a href="#" class="visual_call_to_action_item_link">
<span class="visual_call_to_action_item_link_inner">
<span class="visual_call_to_action_item_link_label">Link Number Three</span>
<span class="visual_call_to_action_item_link_icon" aria-hidden="true">
<i class="fa-regular fa-circle-chevron-right"></i>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="visual_call_to_action_full_media">
<figure class="visual_call_to_action_figure">
<img class="visual_call_to_action_image" srcset="https://images.fastspot.com/merced/1220x686/1 1220w, https://images.fastspot.com/merced/980x552/1 980w" src="https://images.fastspot.com/merced/980x552/1" alt="" loading="eager" width="980" height="552">
</figure>
</div>
</div>
<!-- END: Topic Row -->
</div>
<!-- END: Full Width Callouts -->
</div>
{% render '@component-spotlight' %}
<!-- Page Content -->
<div class="page_content">
<!-- Full Width Callouts -->
<div class="full_width_callouts">
{% render '@component-news-events' %}
{% render '@component-stats' %}
{% render '@component-testimonial-gallery' %}
{% render '@component-highlights' %}
{% render '@component-visual-call-to-action' %}
</div>
<!-- END: Full Width Callouts -->
</div>
No notes defined.