001. <div class="art">
002. </div>
003.
004. <div class="code">
005. <pre id="pre" class="brush: html; toolbar: false;" style="display:none;"></pre>
006. </div>
007.
008. <div id="main" class="mainsolid" style="left: 0px; top: 0px;">
009.
010. <div class="slider" id="dragger"><a href="#"><img src="../../images/splitlijn.gif" alt="" border="0"></a></div>
011.
012. <div class="top">
013. <div class="title">
014. <a href="../../index.html" class="title"><img src="../../images/verbernebv_logo.gif" alt="verberne bv bron voor digitale media" border="0"></a>
015. </div>
016.
017. <div class="menu" id="nav">
018. <ul>
019. <li><a href="../../index.html">Home</a></li>
020. <li class="selected"><a href="../index.html">Portfolio</a></li> <li><a href="../../masterclass/index.html">Masterclass</a></li> <li><a href="../../contact/index.html">Contact</a></li>
021.</ul>
022. </div>
023. </div>
024.
025.
026.
027. <div class="contentportfolio">
028.
029. <div class="maincontentportfolio">
030. <span class="high">Vrom Nota Ruimte</span> <br><br>
031. Uitgebreide website ontwikkeld aan de hand van de voorstellen van L5. Deze website is ook op CDROM gepubliseeerd ter promotie van de Nota Ruimte.
032.<br><br><br>
033.<div class="img-ilus"><img src="../../images/vrom_notaruimte_kaarten_small.png" width="470"></div>
034.<br><br><br>
035.<div class="img-ilus"><img src="../../images/vrom_notaruimte_zoomkaart_small.png" width="470"></div>
036.<br><br><br>
037.
038.
039. </div>
040.
041. <div class="subcontentportfolio">
042. <div class="portfoliolabel">Werkzaamheden</div>
043.<div class="portfoliotext">HTML ontwerp maken van aangeleverd materiaal. Systeem ontwikkeld om naast de website ook een cdrom er van te kunnen vervaardigen.</div>
044.
045.<div class="portfoliolabel">Technieken</div>
046.<div class="portfoliotext">CSS, HTML, Coldfusion, MSSQL</div>
047.
048.<div class="portfoliolabel">Opdrachtgever</div>
049.<div class="portfoliotext">L5 / VROM</div>
050.
051.<div class="portfoliolabel">Gerealiseerd</div>
052.<div class="portfoliotext">maart 2003</div>
053.
054.<div class="portfoliolabel">Url</div>
056.<div class="portfoliotext"><a href="http://l5.nl/" target="new">l5</a></div>058.
059. </div>
060.
061. </div>
062.
063.
064. </div>
065.
066. <div class="portfolio">
067.
068.
069.<div class="tile">
070.
071. <div class="portfoliolabel"> > Vrom Nota Ruimte</div>
072. <div class="rollover">
073. <a href="index.html" onmouseover="MM_showHideLayers('vrom-nota-ruimte','','show')" onmouseout="MM_showHideLayers('vrom-nota-ruimte','','hide')">
074. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
075. </div>
076. <div class="img-ilus">
077. <div class="project" id="vrom-nota-ruimte">
078. Website vervaardig en CDROM van de website
079. </div>
080. <img src="../../images/notaruimte_small.jpg" alt="Website vervaardig en CDROM van de website" width="300" height="80" border="0">
081. </div>
082.
083.</div>
084.
085.<div class="tile">
086.
087. <div class="portfoliolabel">Jora Vision</div>
088. <div class="rollover">
089. <a href="../jora-vision/index.html" onmouseover="MM_showHideLayers('jora-vision','','show')" onmouseout="MM_showHideLayers('jora-vision','','hide')">
090. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
091. </div>
092. <div class="img-ilus">
093. <div class="project" id="jora-vision">
094. bouwen van maatwerk modules weekstaat en kostprijsberekening.
095. </div>
096. <img src="../../images/joravision_small.png" alt="bouwen van maatwerk modules weekstaat en kostprijsberekening." width="300" height="80" border="0">
097. </div>
098.
099.</div>
100.
101.<div class="tile">
102.
103. <div class="portfoliolabel">MASS-IT</div>
104. <div class="rollover">
105. <a href="../mass-it/index.html" onmouseover="MM_showHideLayers('mass-it','','show')" onmouseout="MM_showHideLayers('mass-it','','hide')">
106. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
107. </div>
108. <div class="img-ilus">
109. <div class="project" id="mass-it">
110. Met Iphone planning en uren registratie uitvoeren
111. </div>
112. <img src="../../images/mass_it_small.jpg" alt="Met Iphone planning en uren registratie uitvoeren" width="300" height="80" border="0">
113. </div>
114.
115.</div>
116.
117.<div class="tile">
118.
119. <div class="portfoliolabel">Men At Work</div>
120. <div class="rollover">
121. <a href="../men-at-work/index.html" onmouseover="MM_showHideLayers('men-at-work','','show')" onmouseout="MM_showHideLayers('men-at-work','','hide')">
122. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
123. </div>
124. <div class="img-ilus">
125. <div class="project" id="men-at-work">
126. artiest boeking in 2 stappen
127. </div>
128. <img src="../../images/maw_small.jpg" alt="artiest boeking in 2 stappen" width="300" height="80" border="0">
129. </div>
130.
131.</div>
132.
133.<div class="tile">
134.
135. <div class="portfoliolabel">BAM Mercuriuskade</div>
136. <div class="rollover">
137. <a href="../bam-mercuriuskade/index.html" onmouseover="MM_showHideLayers('bam-mercuriuskade','','show')" onmouseout="MM_showHideLayers('bam-mercuriuskade','','hide')">
138. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
139. </div>
140. <div class="img-ilus">
141. <div class="project" id="bam-mercuriuskade">
142. Promotie website in Radiant CMS opgeleverd.
143. </div>
144. <img src="../../images/bam_small.jpg" alt="Promotie website in Radiant CMS opgeleverd." width="300" height="80" border="0">
145. </div>
146.
147.</div>
148.
149.<div class="tile">
150.
151. <div class="portfoliolabel">iNPROJECTS</div>
152. <div class="rollover">
153. <a href="../inprojects/index.html" onmouseover="MM_showHideLayers('inprojects','','show')" onmouseout="MM_showHideLayers('inprojects','','hide')">
154. <img src="../../images/spacer.gif" width="300" height="80" border="0"></a>
155. </div>
156. <div class="img-ilus">
157. <div class="project" id="inprojects">
158. iNPROJECTS een administratie pakket voor het Creatieve Bureau
159. </div>
160. <img src="../../images/inprojects_small.png" alt="iNPROJECTS een administratie pakket voor het Creatieve Bureau" width="300" height="80" border="0">
161. </div>
162.
163.</div>
164.
165.
166. </div>
167.
168.
169.
172.
173.
174.
175. <script type="text/javascript">
176. var main = document.getElementById("main");
177. Drag.init(main, null,0,900,0,0);
178. document.getElementById("main").style.left=40;
179. </script>
180.
181. <script type="text/javascript">
182. document.getElementById('pre').innerHTML = document.getElementById('body').innerHTML;
183. SyntaxHighlighter.all();
184. document.getElementByID('pre').style.visibility = 'visible';
185. </script>
