Untitled

<html>
<head>
<title>Nelson John Profile</title>

<link href="css/style.css" media="all" rel="stylesheet" type="text/css"/>
<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="scripts/jqueryactions.js" type="text/javascript"></script>
<script src="scripts/mousetrail.js" type="text/javascript"></script>

</head>
<body>


<div id='main'>
<div id='header'><img id='headers' alt='HEADER' src='images/_head.png'></img></div>
<div id='spacer'></div>
<div id='birdbox'>
<img id='bird1'src='images/bird.png'></img>
</div>

<div id='main_menu'>
 <div id='menus'>
<a class='menu'id='menu1'href='#'title='&raquo;MY WORKS'>Works</a>|
<a class='menu'id='menu2'href='#'title='&raquo;ABOUT ME'>About</a>|
<a class='menu'id='menu3'href='#'title='&raquo;CONTACT'>Contact</a>
</div>
</div>

<div id='content'>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" style="background:url(images/arrow_tl.png) no-repeat top right; height:  27px;">

</td>

<td rowspan="2" valign="top" id="middleTable">
    <div title='Got a project?Get in touch!' id='captionss'></div>

<div id='contentdiv'>

<div id='about'>
ABOUT
<?include('try.php');?>
</div>

<div id='contact'>
CONTACT
</div>


<div id='home'  style='overflow:hidden;width:100%;height:100%;color:#05bbea;font:100% Palatino Linotype calibri;'>
        <h1 align='center'>Got a Project? Get in Touch!</h1>
        <p align='center'>  Welcome to my portfolio, and thanks for dropping by!<br>
        My name is <b>Nelson John</b>, and I love designing and developing for the web.<br>
        I work with my clients to produce beautiful, accessible and useful projects <br>
        which help their interests to grow and flourish online.<br><br>

        Im willing to work with interested costumers. <br>
        You need it?  Get in touch and I WILL BUILD IT!
        </p>


<div style='clear:both;width:100%; height:10%;'></div>
<div id='screenshots'>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
<div style='float:left;width:100px; height:auto; background:#33ccff'>the quick  brown fox <br>jumps over the head <br>of the lazy dog</div>
</div>

</div>
</div></td>


<td width="25" style="background:url(images/arrow_tr.png) no-repeat top left; height: 27px;"></td>
</tr>

<tr>
<td style="background:url(images/_leftshad.png) repeat-y top right; ">&nbsp;</td>
<td style="background:url(images/_rightshad.png) repeat-y top left; ">&nbsp;</td>
</tr>

<tr>
<td style="background:url(images/arrow_dl.png) no-repeat bottom right; height: 27px;">    </td>
<td id="middleTable"></td>
<td style="background:url(images/arrow_dr.png) no-repeat bottom left; height: 27px;"></td>
</tr>
</table>
</div>

<div id='bottombox'>
<div id='bmenu1'><p><i>This website was hard coded in notepad++.Images and designs used    were made in photoshop.Functionalities and effects are made out of javascript and   jQuery</i></p></div>
<div id='bmenu2'><img id='riznel'src='images/_logo.png'/></div>
<div id='bmenu3'>3</div>

</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0"style='color:black 10px Palatino Linotype ;'>
<tr>
<td style="background:url(images/_leftshad.png) repeat-y top right; ">&nbsp;</td>
<td rowspan="2" valign="top" id="middleTable"><p id='copy'align='right'>Copyright&copy;  2012 Nelson John's Portfolio. All Rights Reserved</p></td>
<td style="background:url(images/_rightshad.png) repeat-y top left; ">&nbsp;</td>
</tr>

</table>

<hr></hr>
<hr></hr>
</div>

</body>

</html>