Team:Harvard/Test Page 6

From 2011.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Charlie Gentle - Web Designer &...")
(Blanked the page)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 
-
<head>
 
-
 
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-
 
-
<title>Charlie Gentle - Web Designer &amp; Developer - Nottingham, UK</title>
 
-
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
 
-
<meta name="description" content="An online portfolio of digital creative work from Charlie Gentle, a Web Developer working in Nottingham, UK." />
 
-
 
-
<link rel="stylesheet" href="css/style.css" type="text/css" />
 
-
 
-
<link rel="icon" type="image/vnd.microsoft.icon" href="images/favicon.ico" />
 
-
 
-
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 
-
 
-
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
 
-
 
-
<script type="text/javascript" src="js/jquery.backgroundPosition.js"></script>
 
-
 
-
<script type="text/javascript" src="js/scripts.js"></script>
 
-
<script type="text/javascript" src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"></script>
 
-
 
-
</head>
 
-
 
-
<body class="noJS">
 
-
 
-
<div id="headerContainer">
 
-
 
-
<div id="header">
 
-
 
-
<a href="#home" id="logo" class="goto_home"><strong>Charlie Gentle</strong></a>
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<div id="nav">
 
-
 
-
<ul>
 
-
 
-
<li><a href="#web" id="navWeb" class="goto_web">Web Design</a></li>
 
-
 
-
<li><a href="#about" id="navAbout" class="goto_about">About</a></li>
 
-
 
-
<li><a href="#contact" id="navContact" class="goto_contact">Contact</a></li>
 
-
 
-
</ul>
 
-
 
-
</div>
 
-
 
-
<div id="title">
 
-
 
-
<div id="controlContainer">
 
-
 
-
<h1>Digital Portfolio</h1>
 
-
 
-
<div id="title2"></div>
 
-
 
-
<div id="title3"></div>
 
-
 
-
<a href="#" id="prevControl" class="noScroll">prev</a>
 
-
 
-
<a href="#" id="nextControl" class="goto_web">next</a>
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<div id="content">
 
-
 
-
<div id="contentScroller">
 
-
 
-
 
-
<div id="home" class="page">
 
-
 
-
<div id="hello" class="quadColumn">
 
-
 
-
<h2>Hello</h2>
 
-
 
-
<p class="large">I'm Charlie and I'm a Web Developer working in Nottingham, UK. Thanks for visiting my site, an online portfolio of my digital creative work.</p>
 
-
 
-
<p>I work for digital agency <a href="http://www.chemistrygroup.com/" target="_blank">Chemistry</a> on sites for big brands. I am not currently taking on any new freelance work.</p>
 
-
 
-
</div>
 
-
 
-
<div id="laptop" class="quadColumn endColumn">
 
-
 
-
<img src="images/content/laptop.png" />
 
-
</div>
 
-
 
-
</div>
 
-
 
-
 
-
<div id="web" class="page">
 
-
 
-
            <div id="webMain">
 
-
 
-
                    <div class="quadColumn">
 
-
 
-
                        <div class="doubleColumn">
 
-
 
-
                            <a href="#" id="zacapaLink"><img src="images/content/zacapa.jpg" alt="Zacapa Rum" /></a>
 
-
 
-
                            <h3>Zacapa Rum</h3>
 
-
 
-
                            <p>Front-end development</p>
 
-
 
-
                        </div>
 
-
 
-
                        <div class="doubleColumn endColumn">
 
-
 
-
                            <a href="#" id="antisocialLink"><img src="images/content/antisocial.jpg" alt="Antisocial in the Kitchen" /></a>
 
-
 
-
                            <h3>Antisocial in the Kitchen</h3>
 
-
 
-
                            <p>Design / Tumblr development</p>
 
-
 
-
                        </div>
 
-
 
-
                        <div class="doubleColumn">
 
-
 
-
                            <a href="#" id="adambutcherLink"><img src="images/content/adam_butcher.jpg" alt="Adam Butcher" /></a>
 
-
 
-
                            <h3>Adam Butcher</h3>
 
-
 
-
                            <p>Design / Wordpress development</p>
 
-
 
-
                        </div>
 
-
 
-
                        <div class="doubleColumn endColumn">
 
-
 
-
                            <a href="#" id="smithharrisonLink"><img src="images/content/smith_harrison.jpg" alt="Smith Harrison" /></a>
 
-
 
-
                            <h3>Smith Harrison</h3>
 
-
 
-
                            <p>Design / Development</p>
 
-
 
-
                        </div>
 
-
 
-
                    </div>
 
-
 
-
                    <div class="quadColumn endColumn">
 
-
 
-
                        <p>I have been working as a professional web developer, both full-time and freelance, for the last three years. In this time, I have worked on many sites for clients ranging from individuals to huge corporations.</p>
 
-
 
-
                        <p>I specialise in front-end development and working with jQuery to enhance the user experience. I also have experience with PHP development and building sites for various different content management systems.</p>
 
-
 
-
                        <p>These are examples of some of the freelance projects I have worked on recently. You can also check out some of the big sites I've worked on at <a href="http://www.chemistrygroup.co.uk/en/WorkAndClients.aspx">Chemistry</a>.</p>
 
-
 
-
                    </div>
 
-
 
-
                </div>
 
-
 
-
                <div id="zacapa" class="webDetail">
 
-
 
-
                <div class="quadColumn">
 
-
 
-
                    <img src="images/content/zacapa_big.jpg" />
 
-
 
-
                    </div>
 
-
 
-
                    <div class="quadColumn endColumn">
 
-
 
-
                    <p>As part of my work for Chemistry, I developed the front-end to this site which contains heavy use of jQuery. The site combines sliding content with parallax to give a great effect.</p>
 
-
 
-
<p><a href="http://www.zacaparum.com/" target="_blank">Zacapa Rum</a></p>
 
-
 
-
                        <p><a href="#" class="back">Back</a></p>
 
-
 
-
                    </div>
 
-
 
-
                </div>
 
-
 
-
                <div id="antisocial" class="webDetail">
 
-
 
-
                <div class="quadColumn">
 
-
 
-
                    <img src="images/content/antisocial_big.jpg" />
 
-
 
-
                    </div>
 
-
 
-
                    <div class="quadColumn endColumn">
 
-
 
-
                    <p>This was a personal project I built in my free time to collect together great photos I come across online. It is a custom theme for Tumblr which I designed and built myself.</p>
 
-
 
-
<p><a href="http://www.antisocialinthekitchen.co.uk/" target="_blank">www.antisocialinthekitchen.co.uk</a></p>
 
-
 
-
                        <p><a href="#" class="back">Back</a></p>
 
-
 
-
                    </div>
 
-
 
-
                </div>
 
-
 
-
                <div id="smithharrison" class="webDetail">
 
-
 
-
                <div class="quadColumn">
 
-
 
-
                    <img src="images/content/smith_harrison_big.jpg" />
 
-
 
-
                    </div>
 
-
 
-
                    <div class="quadColumn endColumn">
 
-
<p>"I hired Charlie to do a complete redesign of my brand's website after being impressed with his site and portfolio. He instinctively knew how to take ideas, goals and visions and distill them into brilliant designs, clearly explaining options along the way. He also did an expert job in the detailed development of the site. I'm extremely pleased with the results and confident that the project couldn't have been in more capable hands."</p>
 
-
<p><a href="http://www.smithharrison.net/" target="_blank">www.smithharrison.net</a></p>
 
-
                <p><a href="#" class="back">Back</a></p>
 
-
 
-
                    </div>
 
-
 
-
                </div>
 
-
 
-
                <div id="adambutcher" class="webDetail">
 
-
 
-
                <div class="quadColumn">
 
-
 
-
                    <img src="images/content/adam_butcher_big.jpg" />
 
-
 
-
                    </div>
 
-
 
-
                    <div class="quadColumn endColumn">
 
-
                    <p>A freelance project I designed and built for up and coming director Adam Butcher. The site runs on WordPress and lets Adam easily showcase his latest works.</p>
 
-
<p><a href="http://www.adam-butcher.co.uk/" target="_blank">www.adam-butcher.co.uk</a></p>
 
-
 
-
                        <p><a href="#" class="back">Back</a></p>
 
-
 
-
                    </div>
 
-
 
-
                </div>
 
-
 
-
</div>
 
-
 
-
 
-
<div id="about" class="page">
 
-
 
-
<div class="quadColumn">
 
-
<p>Born and raised in Nottingham, I graduated from Bristol University with a degree in Computer Science in 2006 and have been working with the Web ever since.</p>
 
-
 
-
<p>When not trying to make pixels line up, I enjoy cycling, having recently completed a coast to coast charity ride. I'm also a big film geek and can usually be found at the cinema or ploughing my way through DVD box sets.</p>
 
-
 
-
</div>
 
-
 
-
<div class="doubleColumn">
 
-
 
-
<img src="images/content/charlie2.jpg" alt="Charlie" class="largeImage" />
 
-
 
-
</div>
 
-
<div id="feed" class="doubleColumn endColumn">
 
-
 
-
<h2>Feed</h2>
 
-
<div id="tweets">
 
-
<p>Loading from Twitter...</p>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
 
-
<div id="contact" class="page">
 
-
 
-
<div class="doubleColumn">
 
-
 
-
<p>You can send me a message using the form on the right and I'll try and get back to you as soon as I can.</p>
 
-
 
-
<p>Please note: I am not currently taking on any new freelance work.</p>
 
-
 
-
</div>
 
-
 
-
<div class="quadColumn">
 
-
 
-
<form id="myForm" action="index.php#contact" method="post">
 
-
<label for="emailName">Name:</label>
 
-
 
-
<input name="emailName" type="text" id="emailName"  value="" />
 
-
 
-
<label for="emailFrom">Email:</label>
 
-
 
-
<input name="emailFrom" type="text" id="emailFrom"  value="" />
 
-
 
-
<label for="emailMessage">Message:</label>
 
-
 
-
<textarea name="emailMessage" cols="30" rows="9"  id="emailMessage"></textarea>
 
-
 
-
<input type="image" id="submit" class="submit" src="images/send.png" alt="Send" />
 
-
 
-
<input type="hidden" name="submitted" id="submitted" value="true" />
 
-
</form>
 
-
</div>
 
-
 
-
<div id="postbox" class="doubleColumn endColumn">
 
-
<img src="images/content/postbox.png" />
 
-
</div>
 
-
 
-
</div>
 
-
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<div id="footerContainer">
 
-
 
-
<div id="footer">
 
-
 
-
<h2>Other Stuff</h2>
 
-
 
-
<div id="socialNetworks" class="quadColumn">
 
-
 
-
<p>You can find me on the following sites:</p>
 
-
 
-
<p><a href="https://twitter.com/CharlieGentle"><img src="images/icon_twitter.gif" alt="Twitter" /></a><a href="http://antisocialinthekitchen.tumblr.com/"><img src="images/icon_tumblr.gif" alt="Tumblr" /></a><a href="http://www.flickr.com/photos/charliegentle/"><img src="images/icon_flickr.gif" alt="Flickr" /></a></p>
 
-
 
-
</div>
 
-
 
-
<div id="secondaryLinks" class="quadColumn endColumn">
 
-
 
-
<p><a href="#home" class="goto_home">Home</a> | <a href="#web" class="goto_web">Web Design</a> | <a href="#about" class="goto_about">About</a> | <a href="#contact" class="goto_contact">Contact</a></p>
 
-
 
-
<p>© Charlie Gentle 2011</p>
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<div id="topBorder"></div>
 
-
 
-
<div id="bottomBorder"></div>
 
-
 
-
 
-
    <script type="text/javascript">
 
-
 
-
      var _gaq = _gaq || [];
 
-
 
-
      _gaq.push(['_setAccount', 'UA-731429-2']);
 
-
 
-
      _gaq.push(['_trackPageview']);
 
-
 
-
      (function() {
 
-
 
-
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
 
-
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
 
-
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
 
-
      })();
 
-
 
-
    </script>
 
-
 
-
</body>
 
-
 
-
</html>
 

Revision as of 19:07, 13 July 2011

Retrieved from "http://2011.igem.org/Team:Harvard/Test_Page_6"