:: Neo-Reality :: Website Layouts

Website Layouts

To copy the coding, simply press the "ctrl" key and the "C" key on the keyboard at the same time. Do not ask us to email you the code as we are not very likely to do so.

These website layouts can be used for your guild website, neopets help site or even just a random personal site. To use them, copy and paste the code into your web host and voila! You are allowed to alter some images to your liking as long as our credit (link back to Neo-Reality) is visible on every single page.

Version: Baby Kougra
Type: Tables

<html>
<head>
<title>-[ Title Here ]-</title>
<style type="text/css">
body {font-family: arial; font-size: 11px; color: #8B6508; background-color: #FFEFD5;
	scrollbar-arrow-color: #8B6508;
	scrollbar-track-color: #FFEFD5;
	scrollbar-face-color: #EED8AE;
 	scrollbar-highlight-color: #FFFFFF;
 	scrollbar-3dlight-color: #8B6508;
	scrollbar-darkshadow-color: #8B6508;
	scrollbar-shadow-color: #8B6914;}
body, td {font-family: verdana; font-size: 11px; color:#8B6508;}
table {font-size: 11px; background-color: #FFEBCD;}
.border {border-color: #8B6508;border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.nrjk {font-family: veranda; font-weight: none; font-size: 10px; color: #000000; text-align: justify}
.border1 {border-color: #8B6508;border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;padding: 2;}
.nav {border-color: #8B6508; border-style: solid; border-bottom-width: 1px;border-top-width: 1px; border-right-width: 0px; border-left-width: 0px;background-image: url('http://i5.photobucket.com/albums/y160/neoreality4/websites/kougrahead.gif');font-family: comic sans ms;font-size: 11px;font-weight: bold;text-align: center;letter-spacing: 1px; height:25px; text-transform:uppercase; padding: 2;margin: 5;}
.bottom {border-color: #8B6508; border-style: solid; border-bottom-width: 1px;border-top-width: 1px; border-right-width: 1px; border-left-width: 1px;background-image: url('http://i5.photobucket.com/albums/y160/neoreality4/websites/kougrahead.gif');font-family: tahoma;font-size: 11px;font-weight: bold;text-align: center;letter-spacing: 1px; height:20px; padding-top: 3;margin: 5;}
a:active, a:link, a:visited {color: #8B6508; text-decoration: none;}
a:hover {color: #CD8500;text-decoration: underline;}
</style>
</head>
<center>
<body topmargin=10>
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="border1">
<tr><td><img src="http://i5.photobucket.com/albums/y160/neoreality4/websites/kougratop.gif" width="600" height="150"></td></tr><tr> <td>
</td></tr><tr><td>
</td></tr><tr><td>
<table width="100%" border="0" cellspacing="4" cellpadding="0" class="border">
<table width="100%" border="0" cellspacing="4" cellpadding="2">
<tr> <td valign="top" width="168">
<table width="100%" border="0" cellspacing="0" cellpadding="2" class="border">
<tr><td class="nav" align="left">Heading</td></tr><tr><td bgcolor="#FFFFFF">

</td></tr></table>
<p>

<table width="100%" border="0" cellspacing="0" cellpadding="2" class="border">
<tr><td class="nav" align="left">Heading</td></tr><tr><td bgcolor="#FFFFFF">

</td></tr></table>
<p>

<table width="100%" border="0" cellspacing="0" cellpadding="2" class="border">
<tr><td class="nav" align="left">Credits</td></tr><tr><td bgcolor="#FFFFFF">

<b>|</b> Content by You<br>
 <b>|</b> Layout from <a href="http://www.neoreality.net.tf" target="_blank">Neo-Reality</a><br>
 <b>|</b> Images from <a href="http://www.neopets.com" target="_blank">Neopets</a><br>
 <b>|</b> Hosted by Your Host

</td></tr></table>
<br></td><td valign="top">
<p>

<tr><td class="nav" align="left">About the Layout</td></tr>
<tr><td bgcolor="#FFFFFF">
This is the new re-make of the Baby Kougra layout ^^ Isn't is just adorable? Don't want to sound like a bragger, but I think the colors are so perfectly matched! With this being said, I really don't want anyone to change the color scheme, it's just so nice, lol.
</td></tr></table>
<p>

<table width="100%" border="0" cellspacing="0" cellpadding="2" class="border">
<tr><td class="nav" align="left">Using the Layout</td>
</tr><tr><td bgcolor="#FFFFFF">
Let's see, the CSS is quite complicated so I'd leave it if I were you, unless you wanted to change the color, in which case only change the hex color code and nothing else. To get another text box, just copy the one before =)  
</td></tr></table>
<p>

<table width="100%" border="0" cellspacing="0" cellpadding="2" class="border">
<tr><td class="nav" align="left">Credits & Copyrights</td>
</tr><tr><td bgcolor="#FFFFFF">
You MUST keep my credit on every page that this layout is being used! Failure to do so will result in your site being shut down and you on the Wall of Shame!
<p>
You are allowed to change the images and color to your liking as long as my credit is visible. You may NOT re-distribute this layout. EVER.
</td></tr></table>

</td></tr></table>
</td></tr><tr><td>
<p class="bottom">
Site Owned by Your Name</a> | Layout by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a> | Some images from Neopets.com
</div></td></tr></table>
</td></tr></table>
</center>
</body>
</html>

Version: Chias
Type: Tables

<title>Your title here</title>
<style type="text/css">
body {background: #EDC393; color: #000000; font-family: tahoma, verdana; font-size: 11px;
scrollbar-arrow-color:#FF9130; 
scrollbar-track-color:#EDC393; 
scrollbar-face-color:#E77B1B; 
scrollbar-highlight-color:#FF9130; 
scrollbar-3dlight-color:#E77B1B; 
scrollbar-darkshadow-color:#C9640A; 
scrollbar-shadow-color:#E77B1B;}
td {color: #000000; font-family: tahoma, verdana; font-size: 11px;}
a:link, a:visited, a:active {color:#660000; text-decoration: none;}
a:hover {color:#FFFFFF; text-decoration:underline;}
a:link.nav, a:visited.nav {color:#FFFFFF; text-decoration: none; font-weight: bold; display:block; padding:1px; background-color:#EE6363; margin:1px;}
a:hover.nav {color:#000000; text-decoration: none; font-weight: bold; display:block; padding:1px; background-color:#F08080; margin:1px;}
.neo {font-weight: bold; letter-spacing: 3; padding: 3px; border: 1px solid #000000; background-color: #AF4035;}
.nrjk {font-family: veranda; font-weight: none; font-size: 10px; color: #000000; text-align: justify}
.reality {padding: 3px; border-bottom: 1px solid;border-top: 0px solid; border-left: 1px solid; border-right: 1px solid; background-color: #EE6363; border-color: #000000;}
.side {font-weight: bold; letter-spacing: 2; padding: 2px; border: 1px solid #000000; background-color: #AF4035;}
</style>
</head>

<div class="side">
Heading
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
<a href="http://" class="nav">Link here</a>
</div><p>

</td><td valign="top" width="500" style="border-right: 1px solid #000000; padding: 5px; background:#FFCC99;">

<div class="neo">
About This Layout
</div><div class="reality">

Mmmmm.... chias.... *drools*
<p>
I mean, uh, *cough*, this layout is Chia themed so it's perfect for a tasty little site like yours. The coding became way too complicated and by the time I had everything ordered, I was too tired to make a fancy top banner. Therefore, this layout is now very contrasting.
<p>
Don't ask what I was thinking when I chose this color scheme, it's so... unsual.. Nothing at all like a normal color scheme that's pleasing to the eye. But then again, I don't feel like tearing this to pieces so it's not that bad.

</div><p>

<div class="neo">
Using this Layout
</div><div class="reality">

A bit too complicated to explain in one tiny little box like this one so if you have real difficulties with the coding, feel free to email me. But other than that, it should be quite simple by copying and pasting a previous box for links and content.
<p>
Editing the color scheme may be a bit difficult because I have colors lying everywhere. Just look out for hex color codes and you should be sweet. If you're having difficulties with distinguishing different colors, brush up on your table codes and that should sort out most of them, and then you can slowly change according to the process of elimination.

</div><p>

<div class="neo">
Copyrights
</div><div class="reality">

And here is where I give everyone a major lecture on why it's bad for you to steal. Seriously though, if you really like this layout, don't go and steal it, respect my hard work and leave the credit alone.
<p>
Big deal, you have a premade layout, doesn't mean your site won't be successful. I can think of plenty of successful websites that have started with a premade layout and slowly developed their coding skills throughout the years. Just be patient with yourself and you'll learn it. If you go ahead and steal this layout, you'll never get the chance to advance ahead because I'll make sure that you never get website hosting ever again.

</div><p>

</td></tr><tr><td height="30" colspan="2" style="border: 1px solid #000000; background:#F4A460;">
<center><b>Content (c) YOUR SITE >> Layout by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a> >> Some images from Neopets.com</b></center>			
</td></tr>
</table>
</body>
</html>

Version: Elephante Party
Type: Div Layers

<html>
<head>
<title>Title Here</title>
<style>
body {scrollbar-base-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #484848; scrollbar-darkshadow-color: #959899; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #959899; overflow-x: hidden; background: url('http://img.photobucket.com/albums/v63/Kathrin433/Backgrounds/Neoreality/Website/3.gif');}
a {text-decoration: none; color: #666666; cursor: crosshair;}
a:hover {text-decoration: underline overline; color: #959899; cursor: crosshair;} 
p {color: #000000; font-family: tahoma; font-size: 11px; text-align: justify;}
.nrjk {font-family: veranda; font-weight: none; font-size: 10px; color: #000000; text-align: justify}
.header {font-family: Arial; font-weight: bold; font-size: 11px; color: #000000; background: url('divspace.gif'); height: 20px; text-align: right}
</style>
</head>

<p class="header">Divider Layout</p>
<p>
A Div layer layout is extremely easy to use, and can very easily be changed into a Div and Frame layout to make it easier for the webmaster to update. Just remember to keep our credit on there ;)
<p>
Don't even think about removing the credits section or changing my site's name to your own because I made this layout and you better appreciate it. That counts for the codeing AND the image. Its illeagle to remove our credit and we WILL find you and we WILL take steps to make sure your site is frozen and your neopets account and everything else. IT'S ILLEGAL. End of story.

<p class="header">Heading</p>
<p>
Feel free to put your content here :)
</p>

<div style="position:absolute; top:20; left:488; width:149;">
<p class="header">Heading</p>
<p>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
</p>

<p class="header">Heading</p>
<p>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
<a href="link.htm">Link</a><br>
</p>

<p class="header">Credits</p>

<p>
Site Content by You<br>
Layout code by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a><br>
</p>

</div>
</body>
</html>

Version: Grey
Type: Tables

<html>
<head>
<title>Your Site // Title Here</title>

<br><center><div class="nav">Navigation</div></center>
<center><div class="link">
# <a href="http://">Link here one</a><br>
# <a href="http://">Link here two</a><br>
# <a href="http://">Link here three</a><br>
# <a href="http://">Link here four</a><br>
# <a href="http://">Link here five</a><br>
# <a href="http://">Link here six</a>
</div><p>

<center><div class="nav">Navigation</div></center>
<center><div class="link">
# <a href="http://">Link here one</a><br>
# <a href="http://">Link here two</a><br>
# <a href="http://">Link here three</a><br>
# <a href="http://">Link here four</a><br>
# <a href="http://">Link here five</a><br>
# <a href="http://">Link here six</a>
</div><p>

</td><td width="441" bgcolor="#FFFFFF" id="nr" valign="top">

<center><div class="mid">About this Layout</div></center>
<center><div class="main">
Well what can I say about this layout? It's sad, it's depressing and it's just down-right grey. This is a re-make of the old grey layout, and I personally think it looks way better although some may have liked the old version better.
<p>
It's still the same type of tables layout, except this time I moved most of the HTML into the CSS so the part for you to edit is easier to see.
</div><p>

<center><div class="mid">Using this Layout</div></center>
<center><div class="main">
This layout is comprised of div blogs for the content, you just have to copy and paste the previous blog to make a new one. This goes for navigations too.
<p>
The basic structure is tables, same as before, haven't changed this part of the layout. I strongly advise against editing the layout unless you are very familiar with CSS.
</div><p>

<center><div class="mid">Credits and Copyrights</div></center>
<center><div class="main">
This layout can only be used if you agree to Neo-Reality's terms of Use. If you abuse my copyright, I will make sure you suffer ALL consequences. I get theft notifications every day and I am just sick of it. I no longer take lightly to thieves, especially thieves who flaunt their stolen layout in front of the world.
<p>
You are free to edit whatever you like as long as there is a full link back to Neo-Reality on every page that this layout is used on. Only the index page will be necessary if you use this layout as part of an iframe layout for your entire site.
</div><p>

</td><td width="160" id="nr" valign="top" style="border-right: 1px solid #999999; background-color:#E8E8E8;">

<br><center><div class="nav">Other Links</div></center>
<center><div class="link">
# <a href="http://">Link here one</a><br>
# <a href="http://">Link here two</a><br>
# <a href="http://">Link here three</a><br>
# <a href="http://">Link here four</a><br>
# <a href="http://">Link here five</a><br>
# <a href="http://">Link here six</a>
</div><p>

<center><div class="nav">Other Links</div></center>
<center><div class="link">
# <a href="http://">Link here one</a><br>
# <a href="http://">Link here two</a><br>
# <a href="http://">Link here three</a><br>
# <a href="http://">Link here four</a><br>
# <a href="http://">Link here five</a><br>
# <a href="http://">Link here six</a>
</div><p>

</td></tr><tr><td style="background: url('http://img.photobucket.com/albums/v110/pneopia/websites/greyend.gif'); padding:3px;" width="761" height="30" colspan="3">
<center><b>Site Content (c) YOU | Images (c) Neopets - Used with Permission | Layout by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a></b></center>
</td>
</tr>
</table>

</body>
</html>

Version: Poogle
Type: Tables

<head>
<style type="text/css">
body {
scrollbar-arrow-color:#DA70D6; 
scrollbar-track-color:#FFFFCC; 
scrollbar-face-color:#FFF0F5; 
scrollbar-highlight-color:#DA70D6; 
scrollbar-3dlight-color:#DA70D6; 
scrollbar-darkshadow-color:#DA70D6; 
scrollbar-shadow-color:#DA70D6
}
font, body, td{color:#000000;font:8pt tahoma}
.nrjk {font-family: veranda; font-weight: none; font-size: 10px; color: #000000; text-align: justify}
a:link, a:active, a:visited{color:#946F47;font:8pt tahoma;text-decoration:none}
a:hover{color:orange;font:8pt tahoma}
</style>

<title>Your title here</title>

</head>

<center><b>Navigation</b></center>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<p>
<center><b>Dailies</b></center>
<br><b>></b> <a  href="http://www.neopets.com/desert/shrine.phtml">Coltzan's Shrine</a>
<br><b>></b> <a href="http://www.neopets.com/desert/fruitmachine.phtml" target="_blank">Fruit Machine</a>
<br><b>></b> <a href="http://www.neopets.com/jelly/jelly.phtml" target="_blank">Giant Jelly</a>
<br><b>></b> <a  href="http://www.neopets.com/prehistoric/omelette.phtml">Giant Omelette</a>
<br><b>></b> <a href="http://www.neopets.com/faerieland/springs.phtml" target="_blank">Healing Springs</a>
<br><b>></b> <a href="http://www.neopets.com/winter/snowager.phtml" target="_blank">Snowager</a>
<br><b>></b> <a href="http://www.neopets.com/island/tombola.phtml" target="_blank">Tombola</a>
<br>

</td>

<center><b>About this Layout</b></center>
<p>
This is an interesting table layouts because it has both CSS and HTML combined in each cell ^^ There's no fancy code to give a title, all you have to do is to make the font bold and centered by using the following:
<p>
<center><xmp><center><b>Title here</b></center></xmp></center>
<p>

<center><b>Using this Layout</b></center>
<p>
You have to copy this code onto every page that you create with this layout otherwise your website will be really messed up. If you have any problems with this layout, copy the code again and paste it. If it still comes out wrong, feel free to email me at jenchick_council@hotmail.com or neomail me, whatever suits you.
<p>
Have fun using this layout!
<p>

</td></tr>
</table>
</td>

<td width="130" style="border: 2 solid #DA70D6" bgcolor="#FFF0F5" height="300" valign="top">
<center><b>Affiliates</b></center>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<p>
<center><b>Other Links</b></center>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br><b>></b> <a href="http://www.neopets.com">Link here</a>
<br>

</td></tr>

<tr><td  style="border: 2 solid #DA70D6" bgcolor="#FFF0F5" width="687" colspan="3">
<center>Content (c) Your site | Layout by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a> | Images (c) Neopets Inc.</center>
</td></tr>
</table>
</body>

Version: Purple Pets
Type: Tables

<html>
<head>
<title>Page Title Here</title>

<body>

<div class="box">
<div class="head">Title Here</div><p>
+ <a href="link.html">Link here</a><br>
+ <a href="link.html">Link here</a><br>
+ <a href="link.html">Link here</a><br>
+ <a href="link.html">Link here</a><br>
</div>
<br>

<div class="box">
<div class="head">Copyright</div><p>
<center>
Content (c) YOU<br>
Images (c) Neopets Inc.<br>
Used with permission<br>
Layout By <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a>
</center>
</div>

</td>

<center><b>Welcome to Your Website Name here!</b></center>

<p class="head">About this Layout</p>
<p>
This layout started off as a Painted Pets layout that was going to be kind of baby blue, but as I got more into the coding, it seemed nicer to have purple as my theme. Now it's basically just a full on Pets layout, with two baby pets on either side with colors that make up purple ^^
<p>
This is really easy to navigate through. Links are place on the left-hand side, along with anything else you want, such as a chatbox, affiliates, and maybe even a little box about you.

<p class="head">How to Use</p>
<p>
To have a title like the one above, just copy and paste the follwing code:
<p>
<center><xmp><p class="head">Heading here</p></xmp></center>
<p>
And to have a navigation box, copy the code for the navigation box beforehand and paste it, then edit it to whatever new information you wanted.

<p class="head">Copyright</p>
<p>
If you use this layout, please leave the copyright section (including the link back to us) at the bottom of the navigation panel. Please don't steal the layout, or modify it without giving me credit. I am sick and tired of thieves so do not even try to steal this layout or you will suffer mass consequences.
<p>
Do not attempt to redistribute this code because it has been copyrighted and you will be doing so illegally. You have been warned.

Version: Rainbow
Type: Div Layers

<html>
<head>
<title>Title Here</title>

</head>
<body bgcolor="#D8DD17" topmargin="0" leftmargin="0"><img src="http://img.photobucket.com/albums/v479/pnextra/websites/raintop.gif" border="0" width="700" height="350">
<div style="position:absolute; top:255; left:11; width:159;">

<center><h1>Navigation</h1></center>

<div class="head">Heading</div>
<div class="main"><center>
.: <a href="index.htm">Link 1</a> :.<br>
.: <a href="index.htm">Link 2</a> :.<br>
.: <a href="index.htm">Link 3</a> :.<br>
.: <a href="index.htm">Link 4</a> :.<br>
.: <a href="index.htm">Link 5</a> :.<br>
.: <a href="index.htm">Link 6</a> :.<br>
</center></div>

<div class="head">Heading</div>
<div class="main"><center>
Site © You<br>
Images © <a href="http://www.neopets.com" target="_blank">Neopets</a><br>
Layout © <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a>
</center></div>

</div><div style="position:absolute; top:278; left:203; width:466;">

<div class="head">.: About this Layout :.</div><div class="main">
This is a re-make of the old Rainbow web layout. I think it has a lot more color and it definitely doesn't use cliche images.
<p>
Above this text is a place where you can write your own website name, which I think many of you would appreciate :)
</div>

<div class="head">.: Using this Layout :.</div><div class="main">
Hmm... each section is a little hard to use because of the heading effect I created. I suggest you just copy and paste the section before if you plan to make another section on a page.
<p>
I have inserted reminder tags on where to place an iframe code if you need to use one.
</div>

<div class="head">.: Credits and Copyright :.</div><div class="main">
This layout, including it's images and coding, was made by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a> and we reserve and implement copyright over this layout. You are free to edit this layout to your taste but you MUST give credit back to Neo-Reality in the form of a full link back on all the pages that you use the layout on.
</div>

<br></div>

</body>
</html>

Version: Split
Type: Tables

<html>
<head>
<title>-- Site Title Here --</title>

<div class="head">Heading</div>

<div class="head">Heading</div>

<div class="head">Heading</div>

<div class="head">Heading</div>

</td><td width="400" valign="top" style="padding:5px; padding-top:0px;">

<div class="head">About this Layout</div><br>

Inspired by the split paint brush, I made this new layout featuring the 2 colors that both contrast and compliment each other. It's a table layout that is kind of complicated for people who aren't familiar with table tags.
<p>
I have to say, this layout would only suit smaller sites. Larger sites may have difficulties with managing links and other stuff on the sidebars if the layout gets too long.
<p>

<div class="head">Using this Layout</div><br>

All color schemes are at the top inside the style tags. The table iteself is a little complicated due to the top banner so refran from editing the width tags. The top banner actually has the background color in it so don't change the background unless you're prepared to change all the images.
<p>
To use the heading tags, just copy and paste the previous heading and then fill in the gaps.
<p>

<div class="head">Credits and Copyrights</div><br>

Pretty obvious that the credit has to remain on the layout for you to use it legally. Even if you edit the layout beyond recognition, you still have to credit be for the coding because you didn't come up with the code all by yourself therefore you have no rights claiming it was your own creation.
<p>
The images are from neopets and if you fail to credit them, nobody will come to your rescue when you receive a big hefty legal notification.

</td><td width="130"> </td></tr>
<tr><td colspan="4" height="60" background="http://img.photobucket.com/albums/v357/neoreality3/websites/splitbottom.gif">
<center><b>Site Content by YOU | Layout by <a href="http://www.neo-reality.org" target="_blank">Neo-Reality</a> | Images from Neopets.com</b></center>
</td></tr></table>
<p>
</body>
</html>