CCGA Component Library

Testimonial Anniversary 100 

<!-- Default -->
<!-- Testimonial -->
<div class="testimonial">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-justify-center">

            <div class="testimonial_inner">
                <header class="testimonial_head">
                    <div class="testimonial_head_icon">

                        <svg class="icon icon_quote">
                            <use href="/images/icons.svg#quote" />
                        </svg>

                    </div>
                </header>

                <figure class="testimonial_figure">
                    <blockquote class="testimonial_quote">
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi <a href="#">architecto</a> beatae vitae dicta sunt explicab”.</p>
                    </blockquote>
                    <figcaption class="testimonial_figcaption">
                        <span class="testimonial_info">
                            <span class="testimonial_quote_name">Ivo Daalder,</span>
                            <span class="testimonial_quote_title">President of the Chicago Council on Global Affairs</span>
                        </span>
                    </figcaption>
                </figure>
            </div>

        </div>
    </div>
</div>
<!-- END: Testimonial -->


<!-- No Image -->
<!-- Testimonial -->
<div class="testimonial">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-justify-center">

            <div class="testimonial_inner">
                <header class="testimonial_head">
                    <div class="testimonial_head_icon">

                        <svg class="icon icon_quote">
                            <use href="/images/icons.svg#quote" />
                        </svg>

                    </div>
                </header>

                <figure class="testimonial_figure">
                    <blockquote class="testimonial_quote">
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi <a href="#">architecto</a> beatae vitae dicta sunt explicab”.</p>
                    </blockquote>
                    <figcaption class="testimonial_figcaption">
                        <span class="testimonial_info">
                            <span class="testimonial_quote_name">Ivo Daalder,</span>
                            <span class="testimonial_quote_title">President of the Chicago Council on Global Affairs</span>
                        </span>
                    </figcaption>
                </figure>
            </div>

        </div>
    </div>
</div>
<!-- END: Testimonial -->


<!-- Testimonial -->
<div class="testimonial">
	<div class="fs-row">
		<div class="fs-cell {{ cell }} fs-lg-justify-center">

			<div class="testimonial_inner">
				<header class="testimonial_head">
					<div class="testimonial_head_icon">
						{{ icon("quote") }}
					</div>
				</header>

				<figure class="testimonial_figure">
					<blockquote class="testimonial_quote">
						<p>{{ quote }}</p>
					</blockquote>
					{% if name or title %}
						<figcaption class="testimonial_figcaption">
							<span class="testimonial_info">
								<span class="testimonial_quote_name">{{ name }}{% if title %},{% endif %}</span>
								{% if title %}
									<span class="testimonial_quote_title">{{ title }}</span>
								{% endif %}
							</span>
						</figcaption>
					{% endif %}
				</figure>
			</div>

		</div>
	</div>
</div>
<!-- END: Testimonial -->

No notes defined.