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">Portfolio</span> <br><br>
031. <p>In eigen beheer of ingehuurd op detachering basis heb ik uiteenlopende projecten uitgevoerd. In deze projecten zijn oa. de volgende technieken gebruikt: <br>
032.- ColdFusion <br>
033.- Ruby on Rails <br>
034.- Java, <span class="caps">PDF</span> <br>
035.- Flex, Flash AS3 scripting <br>
036.- Javascript, CSS3, <span class="caps">XHTML</span>, HTML5, Cordova, JQeury, JQuery Mobile, ionic, Sencha; <br>
037.- GWT, Vaadin, ZK,<br>
038.- <span class="caps">JSP</span>, <span class="caps">ASP</span>, <span class="caps">PHP</span>, J2EE <br>
039.- MySQL, Microsoft <span class="caps">SQL</span>, SQLite <br>
040.<br>
041.een <span class="high">overzicht</span> van mijn relaties: <br>
042.<br>
043.Provincie Utrecht <br>
044.Kamer van Koophandel <br>
045.Fortis <span class="caps">ASR</span> <br>
046.<span class="caps">BNN</span> <br>
047.<span class="caps">CTS</span> <span class="caps">GROUP</span> <br>
048.L5 <br>
049.<span class="caps">STORK</span> <br>
050.<span class="caps">ING</span> <br>
051.Nationale Nederlanden <br>
052.YellowStone <br>
053.Eliantie <br>
054.Lialis <br>
055.<span class="caps">VROM</span> <br>
056.Provincie Brabant <br>
057.SBS6 <br>
058.Eyeworks <br>
059.Planet Internet<br>
060.Planet Technlogies <br>
061.<span class="caps">BBC</span> <br>
062.<span class="caps">MASS</span>-IT <br>
063.Men At Work <br>
064.Jora Vision <br>
065.Binck Bank - Able<br>
066.</p>
067.
068. </div>
069.
070. <div class="subcontentportfolio">
071.
072. </div>
073.
074. </div>
075.
076.
077. </div>
078.
079. <div class="portfolio">
080.
081.
082.<div class="tile">
083.
084. <div class="portfoliolabel">Vrom Nota Ruimte</div>
085. <div class="rollover">
086. <a href="vrom-nota-ruimte/index.html" onmouseover="MM_showHideLayers('vrom-nota-ruimte','','show')" onmouseout="MM_showHideLayers('vrom-nota-ruimte','','hide')">
087. <img src="../images/spacer.gif" width="300" height="80" border="0"></a>
088. </div>
089. <div class="img-ilus">
090. <div class="project" id="vrom-nota-ruimte">
091. Website vervaardig en CDROM van de website
092. </div>
093. <img src="../images/notaruimte_small.jpg" alt="Website vervaardig en CDROM van de website" width="300" height="80" border="0">
094. </div>
095.
096.</div>
097.
098.<div class="tile">
099.
100. <div class="portfoliolabel">Jora Vision</div>
101. <div class="rollover">
102. <a href="jora-vision/index.html" onmouseover="MM_showHideLayers('jora-vision','','show')" onmouseout="MM_showHideLayers('jora-vision','','hide')">
103. <img src="../images/spacer.gif" width="300" height="80" border="0"></a>
104. </div>
105. <div class="img-ilus">
106. <div class="project" id="jora-vision">
107. bouwen van maatwerk modules weekstaat en kostprijsberekening.
108. </div>
109. <img src="../images/joravision_small.png" alt="bouwen van maatwerk modules weekstaat en kostprijsberekening." width="300" height="80" border="0">
110. </div>
111.
112.</div>
113.
114.<div class="tile">
115.
116. <div class="portfoliolabel">MASS-IT</div>
117. <div class="rollover">
118. <a href="mass-it/index.html" onmouseover="MM_showHideLayers('mass-it','','show')" onmouseout="MM_showHideLayers('mass-it','','hide')">
119. <img src="../images/spacer.gif" width="300" height="80" border="0"></a>
120. </div>
121. <div class="img-ilus">
122. <div class="project" id="mass-it">
123. Met Iphone planning en uren registratie uitvoeren
124. </div>
125. <img src="../images/mass_it_small.jpg" alt="Met Iphone planning en uren registratie uitvoeren" width="300" height="80" border="0">
126. </div>
127.
128.</div>
129.
130.<div class="tile">
131.
132. <div class="portfoliolabel">Men At Work</div>
133. <div class="rollover">
134. <a href="men-at-work/index.html" onmouseover="MM_showHideLayers('men-at-work','','show')" onmouseout="MM_showHideLayers('men-at-work','','hide')">
135. <img src="../images/spacer.gif" width="300" height="80" border="0"></a>
136. </div>
137. <div class="img-ilus">
138. <div class="project" id="men-at-work">
139. artiest boeking in 2 stappen
140. </div>
141. <img src="../images/maw_small.jpg" alt="artiest boeking in 2 stappen" width="300" height="80" border="0">
142. </div>
143.
144.</div>
145.
146.<div class="tile">
147.
148. <div class="portfoliolabel">BAM Mercuriuskade</div>
149. <div class="rollover">
150. <a href="bam-mercuriuskade/index.html" onmouseover="MM_showHideLayers('bam-mercuriuskade','','show')" onmouseout="MM_showHideLayers('bam-mercuriuskade','','hide')">
151. <img src="../images/spacer.gif" width="300" height="80" border="0"></a>
152. </div>
153. <div class="img-ilus">
154. <div class="project" id="bam-mercuriuskade">
155. Promotie website in Radiant CMS opgeleverd.
156. </div>
157. <img src="../images/bam_small.jpg" alt="Promotie website in Radiant CMS opgeleverd." width="300" height="80" border="0">
158. </div>
159.
160.</div>
161.
162.<div class="tile">
163.
164. <div class="portfoliolabel">iNPROJECTS</div>
165. <div class="rollover">
166. <a href="inprojects/index.html" onmouseover="MM_showHideLayers('inprojects','','show')" onmouseout="MM_showHideLayers('inprojects','','hide')">
167. <img src="../images/spacer.gif" width="300" height="80" border="0"></a>
168. </div>
169. <div class="img-ilus">
170. <div class="project" id="inprojects">
171. iNPROJECTS een administratie pakket voor het Creatieve Bureau
172. </div>
173. <img src="../images/inprojects_small.png" alt="iNPROJECTS een administratie pakket voor het Creatieve Bureau" width="300" height="80" border="0">
174. </div>
175.
176.</div>
177.
178.
179. </div>
180.
181.
182.
185.
186.
187.
188. <script type="text/javascript">
189. var main = document.getElementById("main");
190. Drag.init(main, null,0,900,0,0);
191. document.getElementById("main").style.left=40;
192. </script>
193.
194. <script type="text/javascript">
195. document.getElementById('pre').innerHTML = document.getElementById('body').innerHTML;
196. SyntaxHighlighter.all();
197. document.getElementByID('pre').style.visibility = 'visible';
198. </script>
