Jack Bingham | Web & Interface Designer/title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.2.3.min.js" ></script> <script type="text/javascript" src="js/jquery.jcarousel.pack.js"></script> <script type="text/javascript" src="js/protoaculous.1.8.1.min.js"></script> <script type="text/javascript" src="js/lightview.js"></script> <link rel="stylesheet" type="text/css" href="css/styles.css"/> <link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" /> <link rel="stylesheet" type="text/css" href="css/skins/jhouse/skin.css" /> <link rel="stylesheet" type="text/css" href="css/lightview.css" /> <link rel="shortcut icon" href="favicon.ico" /> <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <script type="text/javascript"> function mycarousel_initCallback(carousel) { jQuery('.jcarousel-control a').bind('click', function() { carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text())); return false; }); jQuery('.jcarousel-scroll select').bind('change', function() { carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value); return false; }); jQuery('#mycarousel-next').bind('click', function() { carousel.next(); return false; }); jQuery('#mycarousel-prev').bind('click', function() { carousel.prev(); return false; }); }; jQuery(document).ready(function() { jQuery("#mycarousel").jcarousel({ scroll: 4, initCallback: mycarousel_initCallback, wrap:'last', buttonNextHTML: null, buttonPrevHTML: null }); }); </script>  </head> <body> <div id="wrapper"> <div id="top"> <div class="inner"> <a href="index.php" id="logo"><img src="media/logo.png" alt="jHouse Design" width="313" height="72" /></a> <img id="gdtitle" src="media/title_gd.png" alt="Graphic Design" width="137" height="13" /> </div> </div> <div id="nav"> <div class="inner"> <ul id="tnav"> <li><a href="about.php" rel="iframe" title=":: :: width: 800, height: 300" class="lightview" >About</a></li> <li style="float:right;"><a href="http://twitter.com/jayman" rel="iframe" title=":: :: width: 300, height: 250">Twitter</a></li> </ul> </div> </div> <div id="main"> <div class="inner"> <div class="substrip"> <img id="folioprev" src="media/foliopreview.png" alt="Portfolio - Click For Preview" width="90" height="30" /> <div id="creds"> <p>Download CV</p> <a href="skype:jhousedesign?call" onclick="return skypeCheck();"><img src="media/icon_skype.png" alt="Skype Me" width="73" height="20" /></a> <a href="media/jack-bingham_cv.pdf" target="_blank"><img src="media/icon_pdf.png" alt="Download PDF CV" width="20" height="20" /></a> </div> </div> <div id="portfolio"> <div id="mycarousel" class="jcarousel-skin-tango"> <ul> <li><a href="media/zoom/gui.jpg" class='lightview' rel='gallery[myset]' title='GUI :: iPhone Application'><img src="media/thumbs/gui.png" alt="" width="150" height="110" /></a></li> <li><a href="media/zoom/hero.jpg" class='lightview' rel='gallery[myset]' title='GUI :: Android Application'><img src="media/thumbs/hero.png" alt="" width="150" height="110" /></a></li> <li><a href="media/zoom/box.jpg" class='lightview' rel='gallery[myset]' title='GUI :: Fleet Tracker'><img src="media/thumbs/box.png" alt="" width="150" height="110" /></a></li> <li><a href="media/zoom/game.jpg" class='lightview' rel='gallery[myset]' title='MORE WORK SOON!'><img src="media/thumbs/game.png" alt="" width="150" height="110" /></a></li> </ul> </div> </div> <a href="mailto:info@jhousedesign.com?subject=Website%20Enquiry" id="takingprojects"><span>We Are Now Taking Projects</span></a> </div> </div> <div id="bottom"> <div class="inner bg"> <div id="bottomboxes"> <div class="box wwcdbox"> <img class="subtitle" src="media/title_what.png" alt="What We Can Do" width="152" height="21" /> <div class="inner"> <ul id="wwcdlist"> <li class="bullet">User Interfaces</li> <li class="bullet">Mobile Apps</li> <li class="bullet">iPhone</li> <li class="bullet">Android</li> <li class="bullet">Web</li> </ul> </div> </div> <div class="box clientsbox"> <a href="media/zoom/gui.jpg" class='lightview' rel='gallery[myset]' title='GUI :: iPhone Application'><img class="subtitle" src="media/title_projects.png" alt="Featured Project" width="152" height="21" /></a> <div class="inner"> <p class=><b>iPhone</b> Application<br /> </div> </div> <div class="box contactbox"> <img class="subtitle" src="media/title_contact.png" alt="Contact" width="109" height="21" /> <div class="inner"> <form name="form" method="post" id="contactform" action="" class="contactform"> <label for="name" class="label">Name <span class="req">*</span></label> <input id="name" name="name" type="text" class="validate" size="20" /> <label for="email" class="label">Email <span class="req">*</span></label> <input id="email" name="email" type="text" class="validate" size="20" /> <label for="message">Message <span class="req">*</span></label> <br /> <textarea id="message" name="message" class="validate" rows="4" cols="20"></textarea> <input type="submit" name="submitbutton" id="submitbutton" value="send" /> </form> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="inner"> <style type="text/css"> .copyright { color: #c04f01; } </style> <p class="copyright">© 2010 jHouse Design</p> </div> </div> <div id="signoff" > <a href="mailto:jack@jhousedesign.com"><img src="media/signoff.png" alt="" width="220" height="40" /></a> </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-6478393-1"); pageTracker._trackPageview(); } catch(err) {} </script> </body> </html>