Advertisement
Guest User

Untitled

a guest
Aug 11th, 2015
302
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.92 KB | None | 0 0
  1.  
  2. <!DOCTYPE HTML>
  3. <html>
  4. <head>
  5.     <title>Sven Molhuijsen webdesign, front-end, back-end en C# .net development</title>
  6.     <link rel="shortcut icon" href="favicon.ico">
  7.     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  8.     <meta name="description"
  9.          content="een pagina waarin ik mijn laatste projecten op gebied van webdesign, front-end, back-end, en C# .net development laat zien"/>
  10.     <meta name="keywords" content="sven molhuijsen svenmolhuijsen c# C# .net net development web webdevelopment webdesign website Venray Horst Boxmeer Venlo Limburg Brabant"/>
  11.     <meta name="author" content="Sven Molhuijsen"/>
  12.     <meta name="language" content="NL"/>
  13.     <link rel="stylesheet" href="css/skel.min.css"/>
  14.     <link rel="stylesheet" href="css/style.min.css"/>
  15.     <link rel="stylesheet" href="css/style-xlarge.min.css"/>
  16.  
  17.  
  18.     <!--[if lte IE 8]>
  19.    <link rel="stylesheet" href="css/ie/v8.min.css"/>
  20.    <script src="css/ie/html5shiv.js"></script><![endif]-->
  21.     <script>
  22.         (function (i, s, o, g, r, a, m) {
  23.             i['GoogleAnalyticsObject'] = r;
  24.             i[r] = i[r] || function () {
  25.                 (i[r].q = i[r].q || []).push(arguments)
  26.             }, i[r].l = 1 * new Date();
  27.             a = s.createElement(o),
  28.                 m = s.getElementsByTagName(o)[0];
  29.             a.async = 1;
  30.             a.src = g;
  31.             m.parentNode.insertBefore(a, m)
  32.         })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  33.  
  34.         ga('create', 'UA-59845332-2', 'auto');
  35.         ga('send', 'pageview');
  36.  
  37.     </script>
  38. </head>
  39. <body id="top">
  40. <!-- Header -->
  41. <header id="header">
  42.     <a href="https://www.linkedin.com/profile/view?id=404718129" target="_blank" class="image avatar"><img src="images/avatar.jpg" alt="avatar"/></a>
  43.  
  44.     <h1><strong>Ik ben Sven Molhuijsen</strong>, Ik bouw <br/> front-end, back-end en .net applicaties die
  45.         gebruiksvriendelijk zijn.</h1>
  46. </header>
  47.  
  48. <!-- Main -->
  49. <div id="main">
  50.  
  51.     <!-- One -->
  52.     <section id="one">
  53.         <header class="major">
  54.             <h2>Hoi, Ik ben sven...</h2>
  55.         </header>
  56.         <p>Ik ben Sven, 18 jaar en programmeer front-end, back-end, en .net applicaties. Ik zit al van kleins af aan
  57.             achter de computer en heb altijd al met bewondering naar programmeurs gekeken. Daarom besloot ik op mijn 16e
  58.             de opleiding applicatieontwikkelaar MBO niv. 4 te kiezen, nu, 1,5 jaar later is dit mijn portfolio</p>
  59.         <ul class="actions">
  60.             <li><a href="https://www.linkedin.com/profile/view?id=404718129" class="button">Bekijk mijn linkedin
  61.                     profiel</a></li>
  62.         </ul>
  63.  
  64.  
  65.     </section>
  66.     <section id="two">
  67.         <h2>Webdesign, Front-end en Back-end Webdevelopment</h2>
  68.  
  69.         <p><span class="image left"><img src="images/webdevelopment.png" alt="webdevelopment"/></span>Op dit moment heb
  70.             ik meegewerkt aan 3 websites (waaronder deze) deze heb ik gemaakt tijdens mijn stage bij <a
  71.                href="http://mindworkz.nl" target="_blank">Mindworkz</a>.
  72.             Mijn werk was daar vooral gericht op de front-end webdevelopment. Ik heb dus veel met HTML, CSS, JavaScript
  73.             en JQuery gewerkt.
  74.             Ook heb ik leren werken met het Concrete5 CMS systeem, een CMS dat erg gebruiksvriendelijk is voor zowel de
  75.             gebruiker als
  76.             programmeur. Na deze stage heb ik mij ook verdiept in back-end development, en dus mijn kennis over concrete
  77.             5, wordpress, PHP, mysql enz. zo heb ik mijn 1e portfolio helemaal in het concrete 5 CMS gezet, helaas was
  78.             ik na verloop van tijd niet meer tevreden het ontwerp en de snelheid. Dus heb ik mijn hele portfolio maar
  79.             herschreven</p>
  80.     </section>
  81.     <section id="three">
  82.         <h2>C# .NET Development</h2>
  83.  
  84.         <p><span class="image right"><img src="images/netdevelopment.png" alt=".net development"/></span>Buiten webdevelopment
  85.             ben ik ook bezig met het ontwikkelen van programma's voor Windows met het C# .net. Hierbij heb ik
  86.             verschillende projecten
  87.             voor school gemaakt zoals een C# .NET kaartspel in de command line en een C# .net programma om android apps op je
  88.             smartwatch
  89.             te kunnen installeren dit programma is wereldwijd op meer dan 1000 keer gedownload.
  90.             Ik leer met C# te werken omdat het een taal is die erg flexibel en praktisch is, daarbij bied
  91.             het .net framework, talloze mogelijkheden.
  92.             Programmeren kan ik dus gerust een hobby noemenIk ben natuurlijk nog lang niet uitgeleerd, dus kijk voor mijn portfolio voor mijn laatste werk.
  93.         </p>
  94.     </section>
  95.  
  96.     <!-- Two -->
  97.     <section id="four">
  98.         <h2>Laatste projecten</h2>
  99.  
  100.         <div class="row">
  101.             <article class="6u 12u$(xsmall) work-item web">
  102.                 <a href="http://www.grondwerk-eijking.nl/" target="_blank" class="image fit thumb"><img
  103.                        src="images/eijking.jpg"
  104.                        alt="grondwerk eijking"/></a>
  105.  
  106.                 <h3>Eijking</h3>
  107.  
  108.                 <p>Een website voor hovenier/grondwerkspecialist eijking</p>
  109.             </article>
  110.             <article class="6u$ 12u$(xsmall) work-item web">
  111.                 <a href="http://www.lentiggini.nl/" target="_blank" class="image fit thumb"><img
  112.                        src="images/lentiggini.jpg"
  113.                        alt="lentiggini"/></a>
  114.  
  115.                 <h3>Lentiggini.nl</h3>
  116.  
  117.                 <p>Een website voor de van gennip textiles</p>
  118.             </article>
  119.             <article class="6u 12u$(xsmall) work-item net">
  120.                 <a href="http://forum.xda-developers.com/moto-360/general/sven-s-android-wear-toolkit-t3011029"
  121.                   target="_blank" class="image fit thumb"><img src="images/weartools.jpg" alt="wear toolkit"/></a>
  122.  
  123.                 <h3>Sven's android wear toolkit</h3>
  124.  
  125.                 <p>Een tool om gewone android apps op je android wear smartwatch te zetten</p>
  126.             </article>
  127.             <article class="6u 12u$(xsmall) work-item net">
  128.                 <a href="http://svenmolhuijsen.vv.si"
  129.                   target="_blank" class="image fit thumb"><img src="images/portfolio-oud.jpg" alt="wear toolkit"/></a>
  130.  
  131.                 <h3>Oude portfolio</h3>
  132.  
  133.                 <p>Een portfolio met concrete 5 cms, nooit helemaal afgemaakt</p>
  134.             </article>
  135.             <article class="6u 12u$(xsmall) work-item net">
  136.                 <a href="http://svenmolhuijsen.nl/Groepswerk/index.html"
  137.                   target="_blank" class="image fit thumb"><img src="images/groepswerk.PNG" alt="wear toolkit"/></a>
  138.  
  139.                 <h3>portfolio groepsproject</h3>
  140.  
  141.                 <p>Een portfolio waar verschillende projecten in betrekking met databases instaan</p>
  142.             </article>
  143.         </div>
  144.     </section>
  145.  
  146.     <!-- Three -->
  147.     <section id="five">
  148.         <h2>Neem contact op</h2>
  149.  
  150.         <p>Wilt u meer over mij weten, of heeft u misschien een leuke opdracht voor mij?, laat dan iets achter op dit
  151.             contactformuliera</p>
  152.  
  153.         <div class="row">
  154.             <div class="8u 12u$(small)">
  155.                 <form method="post" action="index.php#five">
  156.                     <div class="row uniform 50%">
  157.                         <div class="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Naam"/></div>
  158.                         <div class="6u$ 12u$(xsmall)"><input type="email" name="mail" id="mail" placeholder="E-mail"/>
  159.                         </div>
  160.                         <div class="12u$"><textarea name="message" id="message" placeholder="Uw bericht"
  161.                                                    rows="4"></textarea></div>
  162.                     </div>
  163.  
  164.                    
  165.                     <ul class="actions">
  166.                         <li><input type="submit" value="Verstuur"/></li>
  167.                     </ul>
  168.                 </form>
  169.  
  170.             </div>
  171.             <div class="4u$ 12u$(small)">
  172.                 <ul class="labeled-icons">
  173.                     <li>
  174.                         <h3 class="icon fa-home"><span class="label">Adres</span></h3>
  175.                         Aronskelk 46<br/>
  176.                         5803 BK Venray<br/>
  177.                         Nederland
  178.                     </li>
  179.                     <li>
  180.                         <h3 class="icon fa-mobile"><span class="label">Mobiel</span></h3>
  181.                         06 341 94 230
  182.                     </li>
  183.                     <li>
  184.                         <h3 class="icon fa-envelope-o"><span class="label">Email</span></h3>
  185.                         <a href="mailto:s.molhuijsen@gmail.com">s.molhuijsen@gmail.com</a>
  186.                     </li>
  187.                 </ul>
  188.             </div>
  189.         </div>
  190.     </section>
  191. </div>
  192.  
  193. <!-- Footer -->
  194. <footer id="footer">
  195.     <ul class="icons">
  196.         <li><a href="https://www.facebook.com/sven.molhuijsen.3" class="icon fa-facebook"><span
  197.                    class="label">Facebook</span></a></li>
  198.         <li>
  199.             <a href="https://plus.google.com/b/100176580015174067912/100176580015174067912/posts"
  200.               rel="publisher" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
  201.         <li>
  202.             <a href="https://www.linkedin.com/profile/view?id=404718129"
  203.               class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
  204.         <li><a href="https://twitter.com/SvenVenray" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
  205.         <li><a href="mailto:s.molhuijsen@gmail.com" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
  206.     </ul>
  207.     <ul class="copyright">
  208.         <li>&copy; 2015 Sven Molhuijsen</li>
  209.     </ul>
  210. </footer>
  211. <script src="js/jquery.min.js"></script>
  212. <script src="js/jquery.poptrox.min.js"></script>
  213. <script src="js/skel.min.js"></script>
  214. <script src="js/init.min.js"></script>
  215. </body>
  216. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement