CSS

/*--------------------------------------------------------------------------
Styling Testimonials
--------------------------------------------------------------------------*/
body.styling-testimonials ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
body.styling-testimonials blockquote {
	font-size: 11px; 
	color: #4b4b4b;
	margin: 0;
	}

body.styling-testimonials blockquote span {
	width: 30px; 
	height: 17px; 
	display: block;
	margin: -5px 0 0 0;
	background: transparent url(styleguide/images/blockquote.png) no-repeat 0 0;
	float: left;
	}

body.styling-testimonials cite {
	font-size: 10px;
	color: #B32002;
	}

body.styling-testimonials h2 {
	padding: 20px 25px 0 25px;
	background: #eeeeee;
	color: #B32002;
	}

body.styling-testimonials li {
	padding: 0 0 20px 0;
	margin: 0 0 5px 0; 
	background: #eeeeee; 
	float: left;
	}

body.styling-testimonials li.last {
	margin: 0;
	}

body.styling-testimonials li p {
	padding: 15px 0 0 0; 
	line-height: 16px;
	}

body.styling-testimonials li blockquote {
	padding: 5px 25px 20px 25px;
	}

body.styling-testimonials li cite {
	padding: 0 25px; 
	float: right;
	}

JavaScript

HTML

<ul id="client-testimonials">
<li class="views-row views-row-1 views-row-odd views-row-first">
<h2>KFC</h2>
<blockquote>
<p><span></span>Zerotouch has done extremely well on the Search Optimisation project for KFC
and has produced some remarkable results. We are ranking higher than many of the 'pure' recruitment websites
and today we're getting about 30% more applications per day.</p>
</blockquote>
<p>    <cite>Walker Media / KFC</cite></p></li>
<li class="views-row views-row-2 views-row-even">
<h2>Quip!</h2>
<blockquote>
<p><span></span>Zerotouch's after service is excellent - it's totally committed to ensure we
get the most from our system. It's equally as good now, after the sale, as it was before! It is a very
professional company which continues to exceed our expectations.</p>
</blockquote>
<p>    <cite>Neil Panikker, Customer Services Director</cite></p></li>
<li class="views-row views-row-3 views-row-odd">
<h2>Coombe Wood Golf Club</h2>
<blockquote>
<p><span></span>Congratulations on the Club new web site; most impressive. From a member of
long standing but unfortunately unable to play now due to dislocating both shoulders. Missing it like
hell.</p>
<p>The new website looks very impressive.</p>
</blockquote>
<p>  <cite>Members of Coombe Wood Golf Club</cite></p></li>
<li class="views-row views-row-4 views-row-even">
<h2>Fee Group Plc</h2>
<blockquote>
<p><span></span>The team are extremely happy with the new website and only have one last
amendment. I promise!</p>
<p>Thanks for doing all the changes so quickly.</p>
</blockquote>
<p>  <cite>Marketing Director</cite></p></li>
<li class="views-row views-row-5 views-row-odd">
<h2>La Maison</h2>
<blockquote>
<p><span></span>We are delighted with our new site. The creative design is superb and we
love the ease we can update products and amend content. We have also had lots of positive feedback from our
clients.</p>
</blockquote>
<p>  <cite>Managing Director</cite></p></li>
<li class="views-row views-row-6 views-row-even views-row-last">
<h2>Optima</h2>
<blockquote>
<p><span></span>Zerotouch was a joy to work with - flexible, helpful and full of great
ideas. Demonstrating problem solving skills and attention to detail while working to aggressive timescales.
I'd happily recommend Zerotouch for future projects.</p>
</blockquote>
<p>    <cite>Sarah Cassie, Director, Optima Recruitment</cite></p></li>
</ul>