JHU India 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.fastspot.com/johns-hopkins-india-institute/100x100/1" data-src="//images.fastspot.com/johns-hopkins-india-institute/300x300/1" data-srcset="//images.fastspot.com/johns-hopkins-india-institute/300x300/1 300w, //images.fastspot.com/johns-hopkins-india-institute/100x100/1 100w" alt="">
                            </span>
                            <noscript>
                                <img class="testimonial_image" src="https://images.fastspot.com/johns-hopkins-india-institute/100x100/1" srcset="https://images.fastspot.com/johns-hopkins-india-institute/100x100/1 100w, https://images.fastspot.com/johns-hopkins-india-institute/300x300/1 300w" 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: "",
										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.