<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>madeofwin - Portfolio of Benjamin Hartmann</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script> 
<script type="text/javascript" src="inc/functions.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(document).ready (function() { 
	$(".work-entry-box-description a").lightBox();
	/*var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
try {
var pageTracker = _gat._getTracker("UA-13016350-1");
pageTracker._trackPageview();
} catch(err) {}
	*/
});
</script>
</head>

<body>
		<div id="wrapper">
    	<a href="http://www.madeofwin.de" title="madeofwin - Portfolio of Benjamin Hartmann"><img src="img/madeofwin_logo.png" alt="madeofwin Logo" /></a>
        <div id="introduction" class="font">
            Hello, my name is Benjamin Hartmann and I am a student from Berlin, Germany. I also make stuff for the web.
        </div>
        
        <div class="line"></div>
        
        <div class='work-entry font'>
GiraffeDesign
<div class='work-entry-box'>
<div class='work-entry-box-description'>
<span class='tech'>
Design, Logo, HTML, CSS, Jquery
</span>
<a href='img/work/big/giraffedesign.jpg' rel='lightbox' title='GiraffeDesign'>Open Project</a>
</div>
<a href='img/work/big/giraffedesign.jpg' rel='lightbox' title='GiraffeDesign'><img src='img/work/giraffedesign.jpg' alt='GiraffeDesign' /></a>
</div>
</div>
        <div class="line"></div>
        <div class='work-entry font'>
Klangregen
<div class='work-entry-box'>
<div class='work-entry-box-description'>
<span class='tech'>
Logo
</span>
<a href='img/work/big/klangregen.jpg' rel='lightbox' title='Klangregen'>Open Project</a>
</div>
<a href='img/work/big/klangregen.jpg' rel='lightbox' title='Klangregen'><img src='img/work/klangregen.jpg' alt='Klangregen' /></a>
</div>
</div>
        <div class="line"></div>
        <div class='work-entry font'>
Free Labyrinths
<div class='work-entry-box'>
<div class='work-entry-box-description'>
<span class='tech'>
Logo
</span>
<a href='img/work/big/free_labyrinths.jpg' rel='lightbox' title='Free Labyrinths'>Open Project</a>
</div>
<a href='img/work/big/free_labyrinths.jpg' rel='lightbox' title='Free Labyrinths'><img src='img/work/free_labyrinths.jpg' alt='Free Labyrinths' /></a>
</div>
</div>
        <div class="line"></div>
        <div class='work-entry font'>
ListenToAll
<div class='work-entry-box'>
<div class='work-entry-box-description'>
<span class='tech'>
Logo
</span>
<a href='img/work/big/listentoall.jpg' rel='lightbox' title='ListenToAll'>Open Project</a>
</div>
<a href='img/work/big/listentoall.jpg' rel='lightbox' title='ListenToAll'><img src='img/work/listentoall.jpg' alt='ListenToAll' /></a>
</div>
</div>
        <div class="line"></div>
        <div class='work-entry font'>
KBeatz
<div class='work-entry-box'>
<div class='work-entry-box-description'>
<span class='tech'>
Logo
</span>
<a href='img/work/big/kbeatz.jpg' rel='lightbox' title='KBeatz'>Open Project</a>
</div>
<a href='img/work/big/kbeatz.jpg' rel='lightbox' title='KBeatz'><img src='img/work/kbeatz.jpg' alt='KBeatz' /></a>
</div>
</div>
        <div class="line"></div>
        <div id="contact" class="font">
        	Contact
        	<form name="contact" id="form" method="post">
            	<label for="name"><input type="text" name="name" id="name" value="Your name" /></label>
            	<label for="mail"><input type="text" name="mail" id="mail" value="Your mail"/></label>
				<label for="message"><textarea name="message" id="message">Message</textarea></label>
                <input type="submit" id="submit" value="Okay, beam it up!" />


            </form>
        	<div class="line"></div>
        </div>
        
       
		<div id="footer" class="font">
        	&copy; 2010 Benjamin Hartmann - mail to <a href="mailto:Ben@madeofwin.de" title="Mail to Ben@madeofwin.de">Ben@madeofwin.de</a> - inspired by <a href="http://www.phoboslab.org" title="Phoboslab">Phoboslab</a>
        </div>




    </div>

</body>
</html>
