rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>webdev // thisconnect bvba // member of unavailable.be</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="nl-en" />
<meta http-equiv="imagetoolbar" content="false" />
<meta name="robots" content="ALL" />
<meta name="description" content=" lasso | web-development | html | javascript | php | server side scripting | css | design" />
<meta name="keywords" content= "lasso, mrproject, geboortelijst.be, listedenaissance.be, baby-websites, web-development, HTML, XHTML, javascript, server side scripting, css, webdesign by Pixelman.be; partner of unavailable" />
<meta name="author" content="Thisconnect" />
<meta name="Copyright" content="Copyright (c) 2007 Thisconnect.be" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="Rating" content="General" />
<link rel="Shortcut Icon" href="actua/favicon.ico" type="image/x-icon" />
<!--[if lt IE 7]>
<script defer type="text/javascript" src="library/pngfix_map.js"></script>
<![endif]-->
<link href="css/style001.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/mootools/mootools.v1.1.js" />
<script type="text/javascript" src="javascript/scripts/navigation.js" />
</head>
<body id="home">
<!--################# unavailable elements #################-->
<div id="unavailable">
<div id="unavailable_content"></div><!-- end unavailable_content -->
<div id="unavailable_tab">
<a href="index.html"><img src="images/unavailable_tab.png" alt="spacer" width="611" height="28" border="0" /></a> </div>
<!-- end unavailable_tab -->
</div><!-- end unavailable -->
<div id="site">
<!--################# header elements #################-->
<div id="header">
<div id="logo">
<a href="index.html"><img src="images/spacer.gif" alt="spacer" width="90" height="55" border="0" /></a> </div>
</div><!-- end header -->
<!--################# accordion elements / start #################-->
<div class="wrapper">
<!--################# element_01 #################-->
<div id="box01">
<div class="toggler" id="box01">
<div class="arrow_open"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li class="current"><a href="#">news</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion">
<div class="content">
<div class="contentleft" >
<div id="newsimage">
<img src="images/newsimage_01.jpg" alt="newsimage" />
<div class="newsshadow"></div><!-- end newsshadow -->
</div><!-- end newsimage -->
</div><!-- end contentleft -->
<div class="contentright" >
<div id="newsitems">
<ul>
<li class="current"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
</div><!-- end newsitems -->
<h1>If the only tool you have is a hammer, you will see every problem as a nail</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div><!-- end content -->
</div><!-- end accordion -->
</div><!-- end box01 -->
<!--################# element_02 #################-->
<div id="box02">
<div class="toggler" id="box02">
<div class="arrow_open"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li><a href="#">projects</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion" style="display: none;">
<div class="content">
<div class="contentleft" >
<h2> Lorem ipsum dolor sit amet, consectetuer</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<h2>Iquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci </h2>
<p>iquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div><!-- end contentleft -->
<div class="contentright" >
<div id="newsitems">
<ul>
<li class="current"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
</div><!-- end newsitems -->
<h2>You will see every problem has a nail or two </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div><!-- end content -->
</div><!-- end accordion -->
</div><!-- end box02 -->
<!--################# element_03 #################-->
<div id="box03">
<div class="toggler" id="box03">
<div class="arrow_closed"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">weblog</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion">
<div class="content">
<div class="contentleft" > </div><!-- end contentleft -->
<div class="contentright" > </div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div>
<!-- end content -->
</div>
<!-- end accordion -->
</div><!-- end box03 -->
<!--################# element_04 #################-->
<div id="box04">
<div class="toggler" id="box04">
<div class="arrow_closed"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li><a href="#">weblog</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion">
<div class="content">
<div class="contentleft" > </div><!-- end contentleft -->
<div class="contentright" > </div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div>
<!-- end content -->
</div>
<!-- end accordion -->
</div><!-- end box04 -->
<!--################# element_05 #################-->
<div id="box05">
<div class="toggler" id="box05">
<div class="arrow_closed"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li><a href="#">search</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion">
<div class="content">
<div class="contentleft" > </div><!-- end contentleft -->
<div class="contentright" > </div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div><!-- end content -->
</div><!-- end accordion -->
</div><!-- end box05 -->
<!--################# element_06 #################-->
<div id="box06">
<div class="toggler" id="box06">
<div class="arrow_closed"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li><a href="#">links</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion">
<div class="content">
<div class="contentleft" > </div><!-- end contentleft -->
<div class="contentright" > </div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div><!-- end content -->
</div><!-- end accordion -->
</div><!-- end box06 -->
<!--################# element_07 #################-->
<div id="box07">
<div class="toggler" id="box07">
<div class="arrow_closed"><a href="#"><img src="images/spacer.gif" alt="grey arrow" width="10" height="10" border="0" /></a></div>
<div class="nav">
<ul>
<li><a href="#">sitemap</a></li>
</ul>
</div><!-- end nav -->
</div><!-- end toggler -->
<div class="accordion">
<div class="content">
<div class="contentleft" > </div><!-- end contentleft -->
<div class="contentright" > </div>
<!-- end contentright -->
<div class="bottommargin"></div>
<!-- end bottommargin -->
</div><!-- end content -->
</div><!-- end accordion -->
</div><!-- end box07 -->
<!--################# footer elements #################-->
<div id="footer">
<p>Copyright © <a href="http://www.kask.be">2007 thisconnect.be</a> // Powered by <a href="http://www.pmachine.com" title="meer over Expression Engine">ExpessionEngine Core</a> 1.5.2<br />
Production by <a href="http://www.thisconnect.be">thisconnect</a> - webdesign by <a href="http://www.pixelman.be" target="_blank">pixelman.be</a> // members of <a href="http://www.unavailable.be"><span class="strike">un</span>available.be</a></p>
</div><!--end footer-->
</div><!-- end wrapper -->
</div>
<!--end site-->
</body>
</html>