<a name>

<style>
body {background-image:url(http://i98.photobucket.com/albums/l264/milinaini/bg.jpg)}
div {font: 10px verdana; color: black;}
.sm {background: url(http://i98.photobucket.com/albums/l264/milinaini/BannerSmall.gif); width:151; height:16; font: 12px verdana; font-weight: bold; color:000000; text-align: center;}
.lg {background: url(http://i98.photobucket.com/albums/l264/milinaini/BannerLarge.gif); width:699; height:29; font: 20px Verdana; font-weight: bold; color:000000; text-align: center;}
.back {width: 850; border: 1px solid black; text-align: center; background: white;}
.side {width: 151; border: 1px solid black; text-align: center; font: 10px verdana;}
.main {width: 699; text-align: center; font: 10px verdana;}
a {font: 10px verdana; color: #717171; font-weight:normal; text-decoration: none;}
a:hover {font: 10px verdana; color: #FFFFFF; font-weight:bold; text-decoration:none;}
</style>

<style type="text/css">
ul,li{list-style-image:url(http://i98.photobucket.com/albums/l264/milinaini/greybullet.jpg)}</style>


<center>
<div class=back>
<span title="Welcome to Joanna's website!  Yes, this is me in my room in Vienna. xD"><img src="http://i98.photobucket.com/albums/l264/milinaini/header.jpg"></span><table width="840">
<tr>
<td class="side" valign="top" bgcolor="#EFEFEF">
<div class="sm">
About Me
</div><br>
<a href="http://www.freewebs.com/joannali/information.htm">Info</a><br>
<a href="http://www.freewebs.com/joannali/diary.htm">Diary</a><br><br>
<div class="sm">
Photoshop
</div><br>
<a href="http://www.freewebs.com/portfoliojoanna/photosop.html">Photoshop & Me</a><br>
<a href="http://www.freewebs.com/portfoliojoanna/photosop.html">Gallery</a><br>
<a href="http://www.freewebs.com/portfoliojoanna/photosop.html">Downloads</a><br><br>
<div class="sm">
School stuff
</div><br>
<a href="http://www.freewebs.com/portfoliojoanna/photosop.html">China</a>
<br><a href="http://www.freewebs.com/rinnae/adopt.html">Austria</a>
<br><a href="http://www.freewebs.com/portfoliojoanna/photosop.html">Denmark</a>
<br><a href="http://www.freewebs.com/portfoliojoanna/photosop.html">Future plan</a>
<br><br>
<div class="sm">
Contact me
</div><br>
<a href="http://www.facebook.com/profile.php?id=600840762">Facebook</a><br>
<a href="mailto:Placidteddy_Jo@hotmail.com">MSN</a><br>
<a href="mailto:joannalishufan@yahoo.com.cn">Yahoo</a><br>
<a href="http://www.neopets.com/userlookup.phtml?user=milinalini">Neopets</a>
<br><br>
<div class="sm">
Links
</div><br>
<a href="http://www.fadfly.net/home/index.htm">Quiet World</a><br>
</td>

<td class="main" valign="top"=>
<div class="lg" align="center">
Welcome
</div>
<div align="left">
Hi there and welcome to my website. Please feel free to browse around. It isn't much now since the site only started on the 22th of Feburary, 2008.Soon there will be loads of things for you to do and see. Right now I am working on: Well, basically putting the site up.
In the mean time, if you want to contact me, please <a href="mailto:Placidteddy_Jo@hotmail.com"> write me an e-mail.</a>
<br><br>
<b>Note:</b> The list <b>Contact me</b> is in order of checking frequency. I may check one e-mail account more often than the other, if I did not reply in a week, please try another e-mail address.<br><br>
<b>!Important!:</b> The website is <b>NOT</b> finished yet. So most of the links are not available. To see which parts of the website are finished, see <u>progress</u><br><br>
</div>
<div class="lg" align="left">
Progress
</div>
<li><strike>Done with Layout</strike>
<li><strike>Fix <b>Contact me</b> link</strike>
<li><strike>Done with <b>About me</b> <u>Info</u> layout</strike>
<li><strike>Done with <b>About me</b> <u>Diary</u> layout</strike>
<li><strike>Done with <b>About me</b></strike>
<li>Done with <b>Photoshop</b>
<li>Done with <b>School Stuff</b>
</td>
</tr>
<br>
<br>
<br>
<IMG src="http://counters.freewebs.com/Members/Counters/counter.jsp?userid=31575564&name=Joanna">
</table><BR><BR><BR></td></tr></table>

#switches {width:120px;margin:auto;text-align:left;}
ul#switches li {padding:0px;float:left;width:120px;}

<script type="text/javascript">
function switch1(div) {
var option=['sect1','sect2','sect3','sect4'];
for(var i=0; i<option.length; i++) {
if (document.getElementById(option[i])) {
obj=document.getElementById(option[i]);
obj.style.display=(option[i]==div)? "block" : "none";
}
}
}

window.onload=function () {switch1('sect1');}
</script>

<ul id="switches">
<li><a class="toolbar" href="java script:void[0];" onclick="switch1('sect1');">Overview</a></li>
</ul>

<div id="main">  <!--Start main division-->

<div id="sect1">  <!--Start section-->
testing
</div>  <!--End section-->

<div id="sect2">  <!--Start next section-->
testing more
</div>  <!--End next section-->

</div>  <!--End main division-->