Children and Screens Component Library

Testimonial: Theme Light 

<!-- Testimonial -->
<div class="testimonial mode_light">
    <div class="fs-row fs-lg-justify-center ">
        <div class="fs-cell fs-lg-10">
            <div class="testimonial_inner">
                <div class="fs-row fs-lg-justify-center fs-cell-padded">
                    <div class="fs-cell fs-lg-10">

                        <figure class="quote testimonial_quote mode_light">
                            <blockquote class="quote_content testimonial_quote_content">
                                <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>
                            <div class="quote_caption_wrapper testimonial_caption_wrapper has_media">
                                <div class="quote_caption_media testimonial_caption_media">

                                    <img class="testimonial_image" srcset="https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/100x100/1 100w" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
                                </div>
                                <figcaption class="quote_caption testimonial_caption">
                                    <span class="quote_caption_name testimonial_caption_name">Full Name, PHD</span>
                                    <span class="quote_caption_title testimonial_caption_title">Senior Director of Department, Coordinator of the MALT Program, Co-Director of the REAL Lab, University of Redlands School of Education</span>
                                </figcaption>
                            </div>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Testimonial -->
 
{#
	{% include '@component-testimonial' with {
		quote: '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&rdquo;.',
		person:{
			image:'1',
			name: 'Full Name',
			title: 'Senior Director of Department',
			related_organization:'Coordinator of the MALT Program, Co-Director of the REAL Lab, University of Redlands School of Education'
		},
		image: '1',
		theme:'light'
	} %}
#}

<!-- Testimonial -->
<div class="testimonial mode_{{ mode }}">
	<div class="fs-row fs-lg-justify-center ">
		<div class="fs-cell fs-lg-10">
			<div class="testimonial_inner">
				<div class="fs-row fs-lg-justify-center fs-cell-padded">
					<div class="fs-cell fs-lg-10">
						{% include '@partial-blockquote' with {
							class:'testimonial',
							quote: '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.',
							person:{
								image:'1',
								name: 'Full Name, PHD',
								title: 'Senior Director of Department',
								related_organization:'Coordinator of the MALT Program, Co-Director of the REAL Lab, University of Redlands School of Education'
							},
							image: '1',
							mode:'light'
						} %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Testimonial -->

No notes defined.