<!-- 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 -->
{%
set carousel_options = {
contained: false,
controls: true,
pagination: false,
single: true,
theme: 'theme_light'
}
%}
{%
set carousel_options_stealth = {
contained: false,
controls: false,
pagination: false,
single: true,
theme: 'theme_light'
}
%}
{% set carousel_options = carousel_options|json_encode %}
{% set carousel_options_stealth = carousel_options_stealth|json_encode %}
<!-- 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">{{ title }}</h2>
<div class="js-carousel testimonial_gallery_carousel_progress testimonial_gallery_carousel_link" aria-hidden="true" data-carousel-options='{{ carousel_options_stealth }}' data-carousel-linked=".testimonial_gallery_carousel_link">
{% for item in items %}
<div class="testimonial_gallery_progress_item">
</div>
{% endfor %}
</div>
<div class="js-carousel testimonial_gallery_carousel_hint testimonial_gallery_carousel_link" data-carousel-options='{{ carousel_options_stealth }}' data-carousel-linked=".testimonial_gallery_carousel_link">
{% for item in items %}
<div class="testimonial_gallery_hint">{{ loop.index }} / {{ items|length }}</div>
{% endfor %}
</div>
</div>
<div class="js-carousel testimonial_gallery_carousel testimonial_gallery_carousel_link" data-carousel-options='{{ carousel_options }}' data-carousel-linked=".testimonial_gallery_carousel_link">
{% for item in items %}
<div class="testimonial_gallery_item">
<div class="testimonial_gallery_item_component">
<div class="testimonial_gallery_item_component_inner">
{% include '@component-testimonial' with {
quote: item.quote,
image: item.image,
name: item.name,
title: item.title
} %}
</div>
</div>
{% if item.feature %}
<figure class="testimonial_gallery_item_figure" aria-hidden="true">
{% include '@component-image' with {
class: 'testimonial_gallery_item',
alt: '',
image: item.feature,
loading: 'lazy',
sources: [
img.square.med,
img.square.sml
]
} %}
</figure>
{% endif %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- END: Testimonial Gallery -->
No notes defined.