API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 26th, 2012
1,016
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.85 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>William Chanter - A freelance web designer who has a passion for web design.</title>
  7. <meta name="description" content="My name is William Chanter, I am a freelance web designer, with a passion for design. I design all my website from scratch which gives them a personal touch. I belive that I am the best designer on planet earth and I am trying to make my mark on the world wide web. I have made few website, but I am able to create anything, and no matter how complex your specification is I will strive to meet it.">
  8. <meta name="keywords" content="william,chanter,web,designer,passion,design,world,wide,web,web site designer,web designer,william chanter,best web designer">
  9. <meta name="copyright" content="June 2012">
  10. <meta name="Author" content="William Chanter - William Chanter Designs">
  11. <meta name="google-site-verification" content="XzTfkMiNIGZGPLdgOSQZOubiFwBJAWR5dhm_A0Urvig" />
  12. <meta name="ROBOTS" content="FOLLOW,INDEX" />
  13. <!-- Shareing Bit -->
  14. <meta property="og:title" content="William Chanter - A freelance web designer who has a passion for web design."  />
  15. <meta property="og:type" content="website" />
  16. <meta property="og:url" content="http://www.williamchanter.co.uk" />
  17. <meta property="og:description" content="My name is William Chanter, I am a freelance web designer, with a passion for design. I design all my website from scratch which gives them a personal touch. I belive that I am the best designer on planet earth and I am trying to make my mark on the world wide web." />
  18. <meta property="og:image" content="http://www.williamchanter.co.uk/img.png" />
  19. <meta property="og:site_name" content="William Chanter Designs" />
  20. <!--End of shareing -->
  21. <link rel="icon" href="williamchanterdesign.ico" type="image/x-icon" />
  22. <link href="http://www.williamchanter.co.uk/css.css" rel="stylesheet" type="text/css" />
  23. <script src="http://www.williamchanter.co.uk/browser.js" type="text/javascript"></script>
  24. </head>
  25. <body>
  26. <!-- PLEASE NOTE THIS IS A VERY SMALL BIT OF CODE - HOW COOL!!! -->
  27. <div id="top"></div>
  28. <a name="Top" id="bottom3"></a>
  29. <div id="raysDemoHolder">
  30.     <div id="ray"></div>
  31.     <div id="rays"></div>
  32.     <div id="rayss"></div>
  33.     <div id="info"><img src="http://www.williamchanter.co.uk/1.png" width="800" height="800" class="fadeOut" /></div>
  34. </div>
  35.  
  36. <div id="content"><a name="Portfoilio" id="bottom"></a>
  37. <table width="100%" border="0">
  38.   <tr>
  39.     <td rowspan="2">&nbsp;</td>
  40.     <td align="center" width="199"><br/><img src="http://www.williamchanter.co.uk/exp.png" width="200" height="200" class="up" /><br/></td>
  41.     <td rowspan="2" align="center">&nbsp;</td>
  42.     <td align="center" width="199"><br/><img src="http://www.williamchanter.co.uk/port.png" width="200" height="200" class="up" /><br/></td>
  43.     <td rowspan="2" align="center" >&nbsp;</td>
  44.     <td align="center" width="199"><br/><img src="http://www.williamchanter.co.uk/blog.png" width="200" height="200" class="up" /><br/></td>
  45.     <td rowspan="2">&nbsp;</td>
  46.   </tr>
  47.   <tr>
  48.     <td align="center" valign="top"><p><span style="font-family:'DroidSerif-Bold'; font-size:20px; color:#000">My Skills</span></p>
  49.       <p>I have had many years of experience in web design mainly in personal sites but plan to create more commercial sites. Over this time I have been able to improve and enhance my skills. My HTML ability is at 95%, my CSS ability is at 90%, while my Jscript ability is at about 80%. <br/>
  50.         <br/>
  51.         However the most important fact is that I am passionate about design and I strongly believe in developing simple, clean and easy to navigate web sites on which customers can engage and easily find information. <br/>
  52.         <br/>
  53.       If you want a web site, please contact me (links at the bottom of page) and I will aim to get back to you as soon as possible.</p></td>
  54.     <td align="center" valign="top"><p><span style="font-family:'DroidSerif-Bold'; font-size:20px; color:#000">My Portfolio</span></p>
  55.       <p>I currently have 2 live websites, including this one, but I am striving to make more. Links to some of my other pages can be found below”<br/><br/>
  56.         <a href="http://www.sarahodonoghueconservation.com/pages/Index.html" class="link">Sarah O'Donoghue Conservation</a> was a web site for a paper conservator, but sadly does not show my full potential.<br/>
  57.         <br/>
  58.         Sally Chanter, who is an artist, restores furniture and does mounts, her web site will be live within a month. <br/>
  59.         <br/>
  60.         The worlds Longest site; this is a personal project, it pointless but contain (Unofficially) the longest number on the internet.<br/>
  61.         <br/>Hopefully more to come soon.</p></td>
  62.     <td align="center" valign="top"><p><span style="font-family:'DroidSerif-Bold'; font-size:20px; color:#000">Latest Posts</span></p>
  63.       <div id="left"><p><script type="text/javascript" src="http://williamchantersite.tumblr.com/js?num=3"></script></p></div></td>
  64.   </tr>
  65. </table>
  66. <br/><br/>
  67. <div id="stats">
  68. <table width="100%" border="0"><a name="Information" id="bottom2" style="position:relative; top:2px"></a>
  69.   <tr>
  70.     <td colspan="6" align="center" valign="middle"><br/><span style="font-family:'DroidSerif-Bold'; font-size:20px; color:#000">Web Design Statistics</span><br/><br/></td>
  71.     </tr>
  72.   <tr>
  73.     <td width="20%"><span style="color:#F30; font-size:35px; font-family:Georgia, 'Times New Roman', Times, serif">7:53</span><br/><br/>Time spent on the computer<br/>today<br/><span style="color:#E8E8E8;">.</span></td>
  74.     <td width="20%"><span style="color:#F30; font-size:35px; font-family:Georgia, 'Times New Roman', Times, serif">9,782</span><br/><br/>Lines of Code<br/>produced this year<br/><span style="color:#E8E8E8;">.</span></td>
  75.     <td width="20%"><span style="color:#F30; font-size:35px; font-family:Georgia, 'Times New Roman', Times, serif">170</span><br/><br/>Watts of power<br/>used each day by my PC<br/><span style="color:#E8E8E8;">.</span></td>
  76.     <td width="20%"><span style="color:#F30; font-size:35px; font-family:Georgia, 'Times New Roman', Times, serif">1750:26</span><br/><br/>Time spent thinking<br/>
  77. about web design this year<br/><span style="color:#E8E8E8;">.</span></td>
  78.     <td width="20%"><span style="color:#F30; font-size:35px; font-family:Georgia, 'Times New Roman', Times, serif">24</span><br/><br/>Number of sites produced<br/>this year<br/><span style="color:#E8E8E8;">.</span></td>
  79.     <td width="20%"></td>
  80.   </tr>
  81. </table>
  82. <br/>
  83. </div>
  84. <br/><br/><br/><div id="tri"><img src="http://www.williamchanter.co.uk/tri.png" width="20" height="20" /></div>
  85. <div id="me">
  86. <table width="100%" border="0">
  87.   <tr>
  88.     <td colspan="4" align="center" valign="middle"><span style="font-family:'DroidSerif-Bold'; font-size:20px; color:#000"></span></td>
  89.     </tr>
  90.   <tr>
  91.     <td width="10%">&nbsp;</td>
  92.     <td width="25%"><img src="http://www.williamchanter.co.uk/face.png" width="300" height="300" class="down" /></td>
  93.     <td width="55%" align="left" valign="middle"><span style="text-align:left; font-size:56"><span style="font-size:56px">"</span>I am a passionate about web design and will strive to produce the best designs on the internet"</span></td>
  94.     <td width="10%" align="right" valign="middle">&nbsp;</td>
  95.   </tr>
  96. </table>
  97. </div>
  98.  
  99. <div id="footer"><table width="100%" border="0">
  100.   <tr>
  101.     <td align="center" valign="top"><br/><span style="font-size:18px; font-family:'Droid Serif Bold'">Find me on the web</span><br/><br/><span style="color:#39393b"><a href="http://www.facebook.com/public/william.chanter"><img src="http://www.williamchanter.co.uk/fac.png" width="22" height="22" /></a>spac<a href="http://twitter.com/williamchanter"><img src="http://www.williamchanter.co.uk/twi.png" width="22" height="22" /></a>spac<a href="http://williamchanter.tumblr.com/"><img src="http://www.williamchanter.co.uk/tum.png" width="22" height="22" /></a></span><br /><br/>or email me personally at <a href="mailto:[email protected]" class="nav">[email protected]</a><br/><br/>
  102.       Please note the views and opinions expressed on this web page are of my view and may not represent the truth. This site is optimised for <a href="http://www.mozilla.org/en-US/firefox/new/" class="nav">Firefox</a>, please use it for best effect.<br/>Copyright © William Chanter Designs <img src="http://www.williamchanter.co.uk/williamchanterdesign-small-white.png" width="12" height="12" /><span style="color:#39393b">.</span></td>
  103.   </tr>
  104. </table>
  105. <a href="#bottom" id="down1" class="down link" style="display:block"></a>
  106. <a href="#bottom2" id="down2" class="down link" style="display:block"></a>
  107. <a href="#bottom3" id="down3" class="down link" style="display:block"></a>
  108. <a href="#bottom" id="down4" class="down link" style="display:block"></a>
  109.   </div>
  110. </div>
  111. <!-- OFF SCRREN STUFF -->
  112. <div style="display:none">My name is William Chanter, I am a freelance web designer, with a passion for design. I design all my web site are made from scratch which gives them a personal touch. I believe that I am the best designer on planet earth and I am trying to make my mark on the world wide web. I have made few web site, but I am able to create anything, and no matter how complex your specification is I will strive to meet it.</div>
  113. <!-- THIS IS THE END OF THE REALLY LONG BIT OF CODE -->
  114.  
  115.  
  116. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  117. <script>
  118.     // Document ready shorthand statement
  119.     $(function() {
  120.       $('.link').click(function() {
  121.         var id = $(this).attr('href');
  122.         $('html,body').animate({ scrollTop: $(id).offset().top }, 'slow');
  123.         // Prevent default behavior of link
  124.         return false;
  125.       });
  126.     });
  127. </script>
  128. </body>
  129. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!