Line 0 : <!DOCTYPE html
Line 1 : PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
Line 2 : "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Line 3 :
Line 4 : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Line 5 : <head>
Line 6 : <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Line 7 : <title>Andreas' portfolio</title>
Line 8 : <style type="text/css">
Line 9 : body{
Line 10 : background-color: #000000;
Line 11 : }
Line 12 : </style>
Line 13 : <link rel="stylesheet" type="text/css" href="./css/main2.css" media="screen" />
Line 14 : <link rel="stylesheet" type="text/css" href="./css/contact.css" media="screen" />
Line 15 : <!-- place javascript here -->
Line 16 : </head>
Line 17 : <body onload="setupZoom()">
Line 18 : <div class="wrapper">
Line 19 : <map id="psychosun" name="psychosun">
Line 20 : <area
Line 21 : href="http://flex-flex.deviantart.com/art/psychosun-103365909"
Line 22 : onclick="window.open(this.href);return false;"
Line 23 : alt="psychosun"
Line 24 : title="To the page of the photographer"
Line 25 : shape="rect"
Line 26 : coords="245,0,281,22"
Line 27 : />

Line 28 : </map>
Line 29 :
Line 30 : <div class="logo">
Line 31 : <a href="index.php" onmouseover="flip()" onmouseout="original()"><img id="logo" src="./images/andreas4.png" alt="andreas"/></a>
Line 32 : </div>
Line 33 :
Line 34 : <div class="foto" style="">
Line 35 : <a href="./images/halo2.JPG"><img alt="rondje" src="./images/halo2.JPG" id="dread"/></a> <!--usemap="#psychosun"-->
Line 36 : </div>
Line 37 :
Line 38 : <div style="clear: both;"></div>
Line 39 : <div class="menubar">
Line 40 : <table class="menu">
Line 41 : <tbody><tr>
Line 42 : <td><a href="?p=about.html">About me</a></td> <td>|</td>
Line 43 : <td><a href="?p=photography.html">Photography</a></td> <td>|</td>
Line 44 : <td> <a href="?p=design.html">Design</a></td> <td>|</td>
Line 45 : <td> <a href="?p=development.html">Development</a></td> <td>|</td>
Line 46 : <td><a href="?p=mailen.php">Contact me</a></td>
Line 47 : </tr></tbody>
Line 48 : </table>
Line 49 : </div>
Line 50 : <div style="clear: both;"></div>
Line 51 :
Line 52 : <div class="content">
Line 53 : <span class="h1">Here you can see the websites and designs I have worked on</span>
Line 54 : <br/>
Line 55 :
Line 56 : <div class="website">
Line 57 : <a href="#"><span class="h1">TIS Web Solutions &rsaquo;&rsaquo;</span> </a>
Line 58 : <hr />
Line 59 : <a href="./images/websites/tis_full.png"><img src="./images/websites/tis.png" alt="[TIS Web Solutions Small Screenshot]" class="websitethumb"/></a>
Line 60 : <p>Travel Information Services is a software development company based in Eindhoven. They are member of The Collinson Group and developer of the product TravelPlan.</p>
Line 61 : </div>
Line 62 : <div class="website">
Line 63 : <a href="http://www.pixelmag.nl/OLD/"><span class="h1">Pixel Magazine &rsaquo;&rsaquo;</span> </a>
Line 64 : <hr />
Line 65 : <a href="./images/websites/ezine.png"><img src="./images/websites/ezine_thumb.png" alt="[Pixel Magazine Small Screenshot]" class="websitethumb"/></a>
Line 66 : <p>Pixel Magazine is an ezine for students of the IT & Media Design on Fontys Hogescholen in Eindhoven. It currently links to an archive so not all features may be fully available.</p>
Line 67 : </div>
Line 68 : <div class="website">
Line 69 : <a href="http://museumkempenland.nl/"><span class="h1">Museum Kempenland &rsaquo;&rsaquo;</span> </a>
Line 70 : <hr />
Line 71 : <a href="./images/websites/mke.png"><img src="./images/websites/mke_thumb.png" alt="[Museum Kempenland Small Screenshot]" class="websitethumb"/></a>
Line 72 : <p>The new website of Museum Kempenland in Eindhoven on which I'm currently working. Museum Kempenland is a museum about the heritage and surroundings of Eindhoven.</p>
Line 73 : </div>
Line 74 : <!--<div class="website">
Line 75 : <a href="http://aof.photosphere.nl"><span class="h1"> An Outright Fabrication &rsaquo;&rsaquo;</span> </a>
Line 76 : <hr />
Line 77 : <a href="./images/websites/aof.png"><img src="./images/websites/aof_thumb.png" alt="an outright fabrication" class="websitethumb"/></a>
Line 78 : <p>An Outright Fabrication is an all-discussion forum, with as goal to provide a place where everyone can express their opinion if.</p>
Line 79 : </div>-->

Line 80 : <div class="website">
Line 81 : <a href="http://portal.photosphere.nl"><span class="h1"> Visual Profile Design &rsaquo;&rsaquo;</span> </a>
Line 82 : <hr />
Line 83 : <a href="./images/websites/portal.png"><img src="./images/websites/portal_thumb.png" alt="[Visual Profile Design Small Screenshot]" class="websitethumb"/> </a>
Line 84 : <p>A portal of Visual Profile Design to 4 individual freelancers specialised in design, which I made for it. </p>
Line 85 : </div>
Line 86 : <div id="marker"></div>
Line 87 : </div>
Line 88 : <div class="menu">
Line 89 : <span class="h1"></span>
Line 90 : <p class="nonsense"> You can click on the image for a close up, but if you want to go to the real site, just click the title.</p>
Line 91 :
Line 92 : </div>
Line 93 :
Line 94 : <p style="position: fixed; right: 0px; top: 0px; z-index: 10;">
Line 95 : <a href="http://validator.w3.org/check?uri=referer">
Line 96 : [Valid XHTML1.0]
Line 97 : </a>
Line 98 : </p>
Line 99 : <p style="position: fixed; right: 110px; top: 0px; z-index: 10;">
Line 100 : <a href="http://jigsaw.w3.org/css-validator/check/referer">
Line 101 : [Valid CSS3]
Line 102 : </a>
Line 103 : </p>
Line 104 : <p style="float: left;">
Line 105 : <a href="viewsource.php?u=/index.php?p=design.html" style="color: #000;">View Source</a>
Line 106 : </p>
Line 107 : </div>
Line 108 : </body>
Line 109 : <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"> </script>
Line 110 : <script type="text/javascript" src="js/logorollover.js"> </script>
Line 111 : <script type="text/javascript" src="js-global/FancyZoom.js"></script>
Line 112 : <script type="text/javascript" src="js-global/FancyZoomHTML.js"></script>
Line 113 : </html>