Testimonials

Collection of predefined components to use on your siteBuild your custom pages with ease

Hide code Show code
<div class="template-testimonial template-testimonial-style-1 template-carousel template-carousel-style-1 template-carousel-testimonial">
	<ul class="template-testimonial-list template-clear-fix template-layout-100">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Sed mattis ut neque id consectetur!</h6>
				<p>In tincidunt aliquet justo. Curabitur laoreet [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Anthony S. Kimball</h6>		
				<p>Film processing technician, Total Yard Maintenance</p>	
			</div>
		</li>
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Nam blandit mi sit amet aliquet tempor!</h6>
				<p>Duis rhoncus convallis nisi a hendrerit nisi  [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Floyd G. Allen</h6>		
				<p>Labor relations manager, Morrie Mages</p>	
			</div>
		</li>
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Sed quis dolor rutrum lobortis!</h6>
				<p>Proin ante leo pellentesque vitae nisi at convallis  [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Maria F. Lawson</h6>		
				<p>Signal and track switch repairer, Tianguis</p>	
			</div>
		</li>
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Vivamus ac lorem rhoncus pharetra!</h6>
				<p>Quisque sodales euismod lorem at luctus nunc tristique  [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>James N. Carter</h6>		
				<p>Real estate agent, Cloth World</p>	
			</div>
		</li>
	</ul>
</div>

Layout 50x50%

  • Phasellus fringilla arcu sed cursus!

    Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed elit rutrum, convallis diam facilisis.

    Jerry L. Hargett

    Pipefitter, Reliable Guidance

  • Suspendisse in magna non dui!

    Quisque sollicitudin in mauris sit amet sodales vehicula. Suspendisse viverra tempus ligula, a sodales magna acil.

    Edna D. Hudson

    Photoengraver, Rose Records

Hide code Show code
<div class="template-testimonial template-testimonial-style-1">
	<ul class="template-testimonial-list template-clear-fix template-layout-50x50">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Phasellus fringilla arcu sed cursus!</h6>
				<p>Interdum et malesuada fames ac ante ipsum [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Jerry L. Hargett</h6>		
				<p>Pipefitter, Reliable Guidance</p>	
			</div>
		</li>
		<li class="template-layout-column-right">
			<div class="template-testimonial-list-citation">
				<h6>Suspendisse in magna non dui!</h6>
				<p>Quisque sollicitudin in mauris sit amet [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Edna D. Hudson</h6>		
				<p>Photoengraver, Rose Records</p>	
			</div>
		</li>
	</ul>
</div>

Layout 33x33x33%

  • Nam tempor eu tortor!

    Nullam aliquam elementum elit, ut fringilla mi aliquet ut phasellus no.

    Karen C. Logsdon

    Window clerk, Warehouse Club, Inc.

  • Nulla erat mi consequat at!

    Phasellus pretium sollicitudin alet blandit. Mauris quis feugiat augue.

    Pamela J. Johnson

    Business office manager, Judys

  • Cras fermentum elit condi!

    Ut egestas vehicula velit, ut trise nibh condimentum eleifend eros.

    Erik J. Pilcher

    Insurance sales agent, Quest Technology

Hide code Show code
<div class="template-testimonial template-testimonial-style-1">					
	<ul class="template-testimonial-list template-clear-fix template-layout-33x33x33">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Nam tempor eu tortor!</h6>
				<p>Nullam aliquam elementum elit, ut fringilla mi aliquet ut phasellus no.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Karen C. Logsdon</h6>		
				<p>Window clerk, Warehouse Club, Inc.</p>	
			</div>
		</li>
		<li class="template-layout-column-center">
			<div class="template-testimonial-list-citation">
				<h6>Nulla erat mi consequat at!</h6>
				<p>Phasellus pretium sollicitudin alet blandit. Mauris quis feugiat augue.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Pamela J. Johnson</h6>		
				<p>Business office manager, Judys</p>	
			</div>
		</li>
		<li class="template-layout-column-right">
			<div class="template-testimonial-list-citation">
				<h6>Cras fermentum elit condi!</h6>
				<p>Ut egestas vehicula velit, ut trise nibh condimentum eleifend eros.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Erik J. Pilcher</h6>		
				<p>Insurance sales agent, Quest Technology</p>	
			</div>
		</li>
	</ul>
</div>

Layout 25x25x25x25%

  • Curabitur ligula!

    Suspendisse molestie velit eu varius blandit.

    Muriel C. Harrison

    Library assistant, XYX

  • Nulla ipsum!

    Donec facilisis dolor vitae eleifend magna.

    Ann T. Eoff

    Computer trainer, SCD

  • In ut rutrum!

    Proin ac consectetur elit phasellus augue.

    Fredrick C. Delacruz

    Tile installer, DeCompany

  • Curabitur dolor!

    Proin sit amet cursus libero at imperdiet or.

    Frederick M. Gould

    Data entry clerk, ManPower

Hide code Show code
<div class="template-testimonial template-testimonial-style-1">				
	<ul class="template-testimonial-list template-clear-fix template-layout-25x25x25x25">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Curabitur ligula!</h6>
				<p>Suspendisse molestie velit eu varius blandit.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Muriel C. Harrison</h6>		
				<p>Library assistant, XYX</p>	
			</div>
		</li>
		<li class="template-layout-column-center-left">
			<div class="template-testimonial-list-citation">
				<h6>Nulla ipsum!</h6>
				<p>Donec facilisis dolor vitae eleifend magna.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Ann T. Eoff</h6>		
				<p>Computer trainer, SCD</p>	
			</div>
		</li>
		<li class="template-layout-column-center-right">
			<div class="template-testimonial-list-citation">
				<h6>In ut rutrum!</h6>
				<p>Proin ac consectetur elit phasellus augue.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Fredrick C. Delacruz</h6>		
				<p>Tile installer, DeCompany</p>	
			</div>
		</li>
		<li class="template-layout-column-right">
			<div class="template-testimonial-list-citation">
				<h6>Curabitur dolor!</h6>
				<p>Proin sit amet cursus libero at imperdiet or.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Frederick M. Gould</h6>		
				<p>Data entry clerk, ManPower</p>	
			</div>
		</li>
	</ul>						
</div>

Carousel

Hide code Show code
<div class="template-testimonial template-testimonial-style-2 template-carousel template-carousel-style-1 template-carousel-testimonial">
	<ul class="template-testimonial-list template-clear-fix template-layout-100">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Sed mattis ut neque id consectetur!</h6>
				<p>In tincidunt aliquet justo. Curabitur laoreet [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Anthony S. Kimball</h6>		
				<p>Film processing technician, Total Yard Maintenance</p>	
			</div>
		</li>
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Nam blandit mi sit amet aliquet tempor!</h6>
				<p>Duis rhoncus convallis nisi a hendrerit nisi  [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Floyd G. Allen</h6>		
				<p>Labor relations manager, Morrie Mages</p>	
			</div>
		</li>
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Sed quis dolor rutrum lobortis!</h6>
				<p>Proin ante leo pellentesque vitae nisi at convallis  [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Maria F. Lawson</h6>		
				<p>Signal and track switch repairer, Tianguis</p>	
			</div>
		</li>
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Vivamus ac lorem rhoncus pharetra!</h6>
				<p>Quisque sodales euismod lorem at luctus nunc tristique  [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>James N. Carter</h6>		
				<p>Real estate agent, Cloth World</p>	
			</div>
		</li>
	</ul>
</div>

Layout 50x50%

Hide code Show code
<div class="template-testimonial template-testimonial-style-2">
	<ul class="template-testimonial-list template-clear-fix template-layout-50x50">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Phasellus fringilla arcu sed cursus!</h6>
				<p>Interdum et malesuada fames ac ante ipsum [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Jerry L. Hargett</h6>		
				<p>Pipefitter, Reliable Guidance</p>	
			</div>
		</li>
		<li class="template-layout-column-right">
			<div class="template-testimonial-list-citation">
				<h6>Suspendisse in magna non dui!</h6>
				<p>Quisque sollicitudin in mauris sit amet [...]</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Edna D. Hudson</h6>		
				<p>Photoengraver, Rose Records</p>	
			</div>
		</li>
	</ul>
</div>

Layout 33x33x33%

Hide code Show code
<div class="template-testimonial template-testimonial-style-2">					
	<ul class="template-testimonial-list template-clear-fix template-layout-33x33x33">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Nam tempor eu tortor!</h6>
				<p>Nullam aliquam elementum elit, ut fringilla mi aliquet ut phasellus no.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Karen C. Logsdon</h6>		
				<p>Window clerk, Warehouse Club, Inc.</p>	
			</div>
		</li>
		<li class="template-layout-column-center">
			<div class="template-testimonial-list-citation">
				<h6>Nulla erat mi consequat at!</h6>
				<p>Phasellus pretium sollicitudin alet blandit. Mauris quis feugiat augue.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Pamela J. Johnson</h6>		
				<p>Business office manager, Judys</p>	
			</div>
		</li>
		<li class="template-layout-column-right">
			<div class="template-testimonial-list-citation">
				<h6>Cras fermentum elit condi!</h6>
				<p>Ut egestas vehicula velit, ut trise nibh condimentum eleifend eros.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Erik J. Pilcher</h6>		
				<p>Insurance sales agent, Quest Technology</p>	
			</div>
		</li>
	</ul>
</div>

Layout 25x25x25x25%

Hide code Show code
<div class="template-testimonial template-testimonial-style-2">				
	<ul class="template-testimonial-list template-clear-fix template-layout-25x25x25x25">
		<li class="template-layout-column-left">
			<div class="template-testimonial-list-citation">
				<h6>Curabitur ligula!</h6>
				<p>Suspendisse molestie velit eu varius blandit.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Muriel C. Harrison</h6>		
				<p>Library assistant, XYX</p>	
			</div>
		</li>
		<li class="template-layout-column-center-left">
			<div class="template-testimonial-list-citation">
				<h6>Nulla ipsum!</h6>
				<p>Donec facilisis dolor vitae eleifend magna.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Ann T. Eoff</h6>		
				<p>Computer trainer, SCD</p>	
			</div>
		</li>
		<li class="template-layout-column-center-right">
			<div class="template-testimonial-list-citation">
				<h6>In ut rutrum!</h6>
				<p>Proin ac consectetur elit phasellus augue.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Fredrick C. Delacruz</h6>		
				<p>Tile installer, DeCompany</p>	
			</div>
		</li>
		<li class="template-layout-column-right">
			<div class="template-testimonial-list-citation">
				<h6>Curabitur dolor!</h6>
				<p>Proin sit amet cursus libero at imperdiet or.</p>
			</div>
			<div class="template-testimonial-list-arrow"></div>
			<div class="template-testimonial-list-author">
				<span></span>
				<h6>Frederick M. Gould</h6>		
				<p>Data entry clerk, ManPower</p>	
			</div>
		</li>
	</ul>						
</div>