ifap.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	 
	        "http://www.w3.org/TR/html4/loose.dtd">
	 
	 
	<html lang="en">
	 
	 
	<head>
	

	    <meta http-equiv="content-type" content="text/html; charset=utf-8">
	 
	  	<link type="text/css" rel="stylesheet" href="style.css"/>
	  	
	  	<link href='http://fonts.googleapis.com/css?family=Nunito:300,700' rel='stylesheet' type='text/css'>
	  	
	  <!--JQuery Cycle Plug in- http://jquery.malsup.com/cycle/--!>

		</style>
		<!-- include jQuery library- comes FIRST! -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		
		<!-- include Cycle plugin -->
		<script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
		
		<script type="text/javascript">
		$(document).ready(function() {
			$('.slideshow').cycle({
				fx: 'fade', 
				speed: 'fast', 
				timeout: 0, 
				next: '#next1', 
				prev:'#prev1' 
			});
		});
		</script>	 

	  	
	    <title>Arthur Smid &ndash; Projects</title>
 
  
	</head>
	 
 
	<body class="ifap">
	
	<div id="container">

		 
		 <div id="leftcol">
		 
		 <a  href="childrensbooks.html" class="logo"> </a>
			 <!--end logo--!>
			 
			 	
		<div id="navigation">
		<a href="projects.html">Books</a>
		<a href="profile.html">Profile</a>
		<a href="contact.html">Contact</a>
	
		
		</div>
		 <!--end navigation--!>
		 
		 </div>
		  <!--end leftcol--!>
				
		<div id="window"> 
		<h1>I FOUND A PONY</h1>
			</br>
	<div class="slideshow" >
	<img src="cb_images/ifap/ifap0.jpg" width="650px" height="350px" alt="I found a Pony spread cover">
	<img src="cb_images/ifap/ifap1.jpg" width="650px" height="350px" alt="I found a Pony spread 1"> 
	<img src="cb_images/ifap/ifap2.jpg" width="650px" height="350px" alt="I found a Pony spread 2"> 
	<img src="cb_images/ifap/ifap3.jpg" width="650px" height="350px" alt="I found a Pony spread 3"> 
	<img src="cb_images/ifap/ifap4.jpg" width="650px" height="350px" alt="I found a Pony spread 4"> 
	<img src="cb_images/ifap/ifap5.jpg" width="650px" height="350px" alt="I found a Pony spread 5"> 
	<img src="cb_images/ifap/ifap6.jpg" width="650px" height="350px" alt="I found a Pony spread 6"> 
	<img src="cb_images/ifap/ifap7.jpg" width="650px" height="350px" alt="I found a Pony spread 7"> 
	<img src="cb_images/ifap/ifap8.jpg" width="650px" height="350px" alt="I found a Pony spread 8"> 
	<img src="cb_images/ifap/ifap9.jpg" width="650px" height="350px" alt="I found a Pony spread 9"> 
	<img src="cb_images/ifap/ifap10.jpg" width="650px" height="350px" alt="I found a Pony spread 10">
	<img src="cb_images/ifap/ifap11.jpg" width="650px" height="350px" alt="I found a Pony spread 11">
	<img src="cb_images/ifap/ifap12.jpg" width="650px" height="350px" alt="I found a Pony spread 12"> 
	<img src="cb_images/ifap/ifap13.jpg" width="650px" height="350px" alt="I found a Pony spread 13"> 
	<img src="cb_images/ifap/ifap14.jpg" width="650px" height="350px" alt="I found a Pony spread 14"> 
	<img src="cb_images/ifap/ifap15.jpg" width="650px" height="350px" alt="I found a Pony spread 15"> 
	<img src="cb_images/ifap/ifap16.jpg" width="650px" height="350px" alt="I found a Pony spread 16">
	<img src="cb_images/ifap/ifap17.jpg" width="650px" height="350px" alt="I found a Pony spread 17">
	</div>
				
				
				<div id="nav"><a id="prev1" href="#">Prev</a>
				<a id="next1" href="#">Next</a></div>
				
		<div id="spacer"> </div>
		 <div id="footer">
			
				<p class="copyright">&copy;2014 Arthur Smid. All Rights Reserved.</p> 
				 &nbsp; 
			
			</div>
			<!--end footer--!>
		

		</div>
		
	 
	 </div>
	 <!--end container--!>
	 
	 
	</body>
 
	 
	</html>