wundercloud // Save Our Oceans <script type="text/javascript">  </script> </head> <body onload="MM_preloadImages('images/illustration_r.png','images/web_r.png','images/motion_r.png','images/toys_r.png','images/info_r.png','images/print_r.png','images/blog_r.png','images/recentWork_r.png')"> <div id="header"> <img class="headerImg"img src="images/banner.png" /> <div id="navWrapper"> <ul id="nav"> <li><img class="navImg" src="images/navMargin.png" /></li> <li><a href="index.html"><img src="images/recentWork_n.png" name="recent_n" class="navImg" id="recent_n" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('recent_n','','images/recentWork_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li> <li><a href="illustration.html"><img src="images/illustration_n.png" name="illu_n" class="navImg" id="illu_n" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('illu_n','','images/illustration_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li> <li><a href="print.html"><img src="images/print_n.png" name="print_n" class="navImg" id="print_n" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('print_n','','images/print_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li> <li><a href="web.html"><img src="images/web_h.png" name="web_h" class="navImg" id="web_h" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('web_n','','images/web_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li> <li><a href="motion.html"><img src="images/motion_n.png" name="motion_n" class="navImg" id="motion_n" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('motion_n','','images/motion_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li> <li><a href="toys.html"><img src="images/toys_n.png" name="toys_n" class="navImg" id="toys_n" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('toys_n','','images/toys_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li> <li><img class="navImg" src="images/navSpacer.png" /></a></li> <li><a href="info.html"><img src="images/info_n.png" name="info_n" class="navImg" id="info_n" onclick="MM_swapImgRestore()" onmouseover="MM_swapImage('info_n','','images/info_r.png',1)" onmouseout="MM_swapImgRestore()" /></a></li>  </ul> </div> </div> <div id="contentWrapper"> <div id="projectText"> <div id="projectHead"><h1>Save Our Oceans</h1><h2>Personal</h2></div> <p>A fun and educational website for children and young people. Save our Oceans aims to create environmental awareness through interactive games and narrations by the creatures of the ocean. <br /><br /> Presented as my final exam at university. <br /><br /> Additional credits: Sotiris Gyftopoulos & Chris Day <br /><br /> <a href="http://www.saveouroceans.co.uk" target="_blank">www.saveouroceans.co.uk</a> </p> </div> </div> <div id="projectImage"> <ul> <li> <img class="project" src="projects/saveOceans_1.jpg" /></li> <li> <img class="project" src="projects/saveOceans_2.jpg" /></li> <li> <img class="project" src="projects/saveOceans_3.jpg" /></li> <li> <img class="project" src="projects/saveOceans_4.jpg" /></li> </ul> </div> </div> <div id="footer"><p2> (c) wundercloud 2009</p2></div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-4764397-3"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>