Testimonials
Testimonials are to be used to highlight quotes from faculty, staff, leadership, partners and alumni any where on the website.
Testimonials come in three forms:
- Standard Testimonials – the most commonly used version
- Small Testimonials – for more compact implementations
- Mega Testimonials – this version focuses on the quote itself and drops the photo
- Showcase Testimonials – this version is much more visual and is for use on higher-level landing and showcase pages
Standard Testimonials
“I think one of the main reasons I love working for Dallas College is that they encourage all of us to be innovative and to continuously learn new technologies that help our students be successful.”
Bob Newhart
Program Coordinator
<div class="row">
<div class="testimonial">
<div class="col-md-7 col-md-offset-1 col-md-push-4">
<div class="testimonial-quote">
<blockquote><span class="sr-only">“</span>[QUOTE]”</blockquote>
</div>
</div>
<div class="col-md-4 col-md-pull-8">
<div class="testimonial-photo text-center">
<img class="img-circle" src="[IMAGE LOCATION]" alt="">
<div class="testimonial-name">[PERSON NAME]</div>
<div class="testimonial-titletitle">[PERSON TITLE]</div>
</div>
</div>
</div>
</div>
Small Testimonials
“I think one of the main reasons I love working for Dallas College is that they encourage all of us to be innovative and to continuously learn new technologies that help our students be successful.” Read Bob's story.
Bob Newhart
Program Coordinator
<div class="row">
<div class="testimonial testimonial-small">
<div class="col-sm-8 col-sm-push-3 col-sm-offset-1">
<div class="testimonial-quote">
<blockquote><span class="sr-only">“</span>[QUOTE]” <a href="#">[LINK TEXT]</a>.</blockquote>
</div>
</div>
<div class="col-sm-3 col-sm-pull-9">
<div class="testimonial-photo text-center">
<img class="img-circle" src="[IMAGE LOCATION]" alt="">
<div class="testimonial-name">[PERSON NAME]</div>
<div class="testimonial-titletitle">[PERSON TITLE]</div>
</div>
</div>
</div>
</div>
Mega Testimonials
“I think one of the main reasons I love working for Dallas College is that they encourage all of us to be innovative and to continuously learn new technologies that help our students be successful.”
Bob Newhart
Program Coordinator
<div class="row">
<div class="testimonial testimonial--mega text-center">
<div class="col-xs-10 col-xs-offset-1">
<div class="testimonial-quote">
<blockquote><span class="sr-only">“</span>[QUOTE]<span class="sr-only">”</span></blockquote>
</div>
<div class="text-cgrey-60">
<div class="testimonial-name">[PERSON NAME]</div>
<div class="testimonial-titletitle">[PERSON TITLE]</div>
</div>
</div>
</div>
</div>