Framework Component Library

Testimonial 

<!-- Testimonial -->
<div class="testimonial">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-lg-justify-center">
            <div class="testimonial_inner">
                <figure class="testimonial_figure">
                    <blockquote class="testimonial_quote">
                        <p>“Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Praesent eget est sed ex pretium fringilla. Vivamus <em>ac turpis quis eros consectetur</em> ornare. Proin pulvinar, magna id vulputate commodo, metus massa tincidunt lorem, <a href='#'>non elementum urna dui sed</a> neque. Nulla non ipsum fermentum, fermentum tellus ut, viverra est. Interdum et malesuada fames ac ant faucibus”.</p>
                    </blockquote>
                    <figcaption class="testimonial_figcaption">
                        <span class="testimonial_media">
                            <span class="lazy_image_wrapper testimonial_image_wrapper">
                                <img class="js-lazy js-lazyload testimonial_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/100x100/1" data-srcset="https://images.fastspot.com/framework/100x100/1 100w, https://images.fastspot.com/framework/300x300/1 300w" alt="">
                            </span>
                            <noscript>
                                <img class="testimonial_image" src="https://images.fastspot.com/framework/300x300/1" srcset="https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/100x100/1 100w" sizes="100vw" alt="">
                            </noscript>
                        </span>
                        <span class="testimonial_info">
                            <span class="testimonial_quote_name">Full Name</span>
                            <span class="testimonial_quote_title">Senior Director of Department</span>
                        </span>
                    </figcaption>
                </figure>
            </div>
        </div>
    </div>
</div>
<!-- END: Testimonial -->
 
<!-- Testimonial -->
<div class="testimonial">
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-lg-justify-center">
			<div class="testimonial_inner">
				<figure class="testimonial_figure">
					<blockquote class="testimonial_quote">
						<p>{{ quote }}</p>
					</blockquote>
					{% if image or name or title %}
						<figcaption class="testimonial_figcaption">
							{% if image %}
								<span class="testimonial_media">
									{% include "@partial-image" with {
								class: "testimonial",
								alt: "",
								itemprop: "",
								image: image,
								sources: [
									img.square.xxsml,
									img.square.thumb
								]
							} %}
								</span>
							{% endif %}
							{% if name or title %}
								<span class="testimonial_info">
									<span class="testimonial_quote_name">{{ name }}</span>
									{% if title %}
										<span class="testimonial_quote_title">{{ title }}</span>
									{% endif %}
								</span>
							{% endif %}
						</figcaption>
					{% endif %}
				</figure>
			</div>
		</div>
	</div>
</div>
<!-- END: Testimonial -->

No notes defined.