<ul class="controls">
			<li class="status"></li>
			<li class="prev"></li>
			<li class="pause"></li>
			<li class="next"></li>
		</ul>
<div id="sequence">
	<ul>
		<li>
			<div class="intro animate-in">
				<h2>Built using Sequence.js</h2>
				<h3>The jQuery Slider Plugin with Infinite Style</h3>
			</div>
			<img class="iphone animate-in" src="<{$xoops_imageurl}>images/iphone.png" alt="iPhone4" />
			<img class="iphone-shadow animate-in" src="<{$xoops_imageurl}>images/iphone-shadow.png" alt="" />
		</li>
		<li>
			<img class="ipad" src="<{$xoops_imageurl}>images/ipad.png" alt="iPad" />
			<div class="slide2">
				<h2>Creative Control</h2>
				<p>Create unique sliders using CSS3 transitions</p>
			</div>
			<img class="ipad-shadow" src="<{$xoops_imageurl}>images/ipad-shadow.png" alt="" />
		</li>
		<li>
			<div class="slide3">
				<h2>Cutting Edge</h2>
				<p>Supports modern browsers, old browsers (IE7+), touch devices and responsive designs</p>
			</div>
			<img class="iphone2" src="<{$xoops_imageurl}>images/iphone.png" alt="iPhone4" />
			<img class="iphone2-shadow" src="<{$xoops_imageurl}>images/iphone-shadow.png" alt="" />
			<img class="iphone3" src="<{$xoops_imageurl}>images/iphone.png" alt="iPhone4" />
			<img class="iphone3-shadow" src="<{$xoops_imageurl}>images/iphone-shadow.png" alt="" />
			<img class="iphone4" src="<{$xoops_imageurl}>images/iphone.png" alt="iPhone4" />
			<img class="iphone4-shadow" src="<{$xoops_imageurl}>images/iphone-shadow.png" alt="" />
		</li>
	</ul>
</div>