slider.php

    <!-- Slider -->
    <div id="slider">
	    <div class="shell">
		
		    <div class="slider-holder">
			    <div class="slides">
				    <ul>
									        	
					    <!-- Slide -->
				        <li>
				        	<div class="slide-bg">
					        	<div class="slide-image">
					        		<a href="#"><img src="css/images/slide-image.jpg" alt="" /></a>
					        	</div>
					        	<div class="slide-info">
					        		<h2>Current Version 2.02 Stable </h2>
					        		<p>The Synology Download assistant brings two great technologies together, Google Chome and the Synology Diskstation. <br/><br/>With the advanced power of JQuery and the use of Web 2.0 tech, this plugin was born, to cater to the needs of users globally who required an easy way to use their download manager efficiently &amp; effectively.  </p>
					        		<a href="features.php" class="notext learn-button">Features</a>
					        		
					        	</div>
				        	</div>
				        	<span class="slide-shadow">&nbsp;</span>
				        </li>
				        <!-- End Slide -->
				        
				        <!-- Slide -->
				        <li>
				        	<div class="slide-bg">
					        	<div class="slide-image">
					        		<a href="#"><img src="css/images/slide-image.jpg" alt="" /></a>
					        	</div>
					        	<div class="slide-info">
					        		<h2>Community Driven </h2>
					        		<p>The community of synology users and their requests are the driving force behind this plugin. <br/><br/>Online features to aid development in translations, big fixes and feature enhancements ensure the plugin is careering in a direction not decided by developers, but by the users themselves.</p>
					        		<a href="community.php" class="notext learn-button">Community</a>
					        		
					        	</div>
				        	</div>
				        	<span class="slide-shadow">&nbsp;</span>
				        </li>
				        <!-- End Slide -->
				        
				        <!-- Slide -->
				        <li>
				        	<div class="slide-bg">
					        	<div class="slide-image">
					        		<a href="#"><img src="css/images/slide-image.jpg" alt="" /></a>
					        	</div>
					        	<div class="slide-info">
					        		<h2>Start Contributing </h2>
					        		<p>Become part of the development in many ways through translations, feature suggestions, bug fixing / reporting and even theming. <br/><br/>Questions and suggestions are always welcome </p>
					        		<a href="contact.php" class="notext learn-button">Learn More</a>
					        		
					        	</div>
				        	</div>
				        	<span class="slide-shadow">&nbsp;</span>
				        </li>
					    <!-- End Slide -->
				        
			        </ul>
			    </div>
			
			    <!-- Slider Navigation -->
			    <div class="slider-nav">
				    <a href="#" class="prev">previous</a>
				    <a href="#" class="next">next</a>
			    </div>
			    <!-- End Slider Navigation -->
		    </div>
		
	    </div>
    </div>
    <!-- End Slider -->