<!DOCTYPE html>
<!--[if IE 6]><html id="ie6" dir="ltr" lang="en-US"><![endif]-->
<!--[if IE 7]><html id="ie7" dir="ltr" lang="en-US"><![endif]-->
<!--[if IE 8]><html id="ie8" dir="ltr" lang="en-US"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="en-US">
<!--<![endif]-->
<head>
<meta name="description" content="Betaalbare websites voor zzp-ers en kleine ondernemers">
<meta name="keywords" content="Eigen website, webdesign, voordelige site, webdesigner valkenswaard, websites voor kunstenaars, professionele portfolio, website voor fotografen">
<meta name="author" content="Karen Smits">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="20 days">
<meta name="p:domain_verify" content="77548ac3ab7c0d32cbf938b2440023c2"/>
<title>Duale - Professioneel en Betaalbaar Webdesign</title>
<!-- Website maken, social media integratie, webdesign -->

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" media="all" href="diverso/style.css">
<link rel="stylesheet" type="text/css" media="screen and (max-width: 960px)" href="diverso/css/lessthen800.css">
<link rel="stylesheet" type="text/css" media="screen and (max-width: 600px)" href="diverso/css/lessthen600.css">
<link rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" href="diverso/css/lessthen480.css">
<!-- CUSTOM STYLE -->
<link rel="stylesheet" type="text/css" media="all" href="diverso/css/custom-style.css">
<!-- [favicon] begin -->
<link rel="shortcut icon" type="image/x-icon" href="diverso/favicon.ico">
<link rel="icon" type="image/x-icon" href="diverso/favicon.ico">
<!-- [favicon] end -->
<!-- MAIN FONT STYLE -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz%3A400&amp;subset=latin%2Ccyrillic%2Cgreek" type="text/css" media="all">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans" type="text/css" media="all">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald" type="text/css" media="all">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz%3A200%2C400" type="text/css" media="all">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed%3A300%7CPlayfair+Display%3A400italic" type="text/css" media="all">
<!-- END MAIN FONT STYLE -->
<link rel="stylesheet" id="prettyPhoto-css" href="diverso/css/prettyPhoto.css" type="text/css" media="all">
<link rel="stylesheet" id="jquery-tipsy-css" href="diverso/css/tipsy.css" type="text/css" media="all">
<script src="diverso/js/jquery.js"></script>
<script src="diverso/js/jquery.easing.1.3.js"></script>
<script src="diverso/js/jquery.prettyPhoto.js"></script>
<script src="diverso/js/jquery.tipsy.js"></script>
<script src="diverso/js/jquery.tweetable.js"></script>
<script src="diverso/js/jquery.nivo.slider.pack.js"></script>
<script src="diverso/js/jquery.flexslider.min.js"></script>
<script src="diverso/js/jquery.cycle.min.js"></script>
<!-- for accordion slider in staff page -->
<script src="diverso/js/jquery.hrzAccordion.js"></script>
<!-- for filterable effect in gallery and portfolio filterable page -->
<script src="diverso/js/jquery.quicksand.js"></script>
<!-- for portfolio slider -->
<script src="diverso/js/jquery.jcarousel.min.js"></script>
<!-- for the contact page -->
<script src="diverso/js/contact.js"></script>
<!-- SLIDER ELASTIC -->
<link rel="stylesheet" id="slider-elastic-css" href="diverso/css/slider-elastic.css" type="text/css" media="all">
<script src="diverso/js/jquery.eislideshow.js"></script>
<!-- SLIDER CYCLE -->
<link rel="stylesheet" id="slider-cycle-css" href="diverso/css/slider-cycle.css" type="text/css" media="all">
<script src="diverso/js/jquery.slides.min.js"></script>
<!-- SLIDER THUMBNAILS -->
<link rel="stylesheet" id="slider-thumbnails-css" href="diverso/css/slider-thumbnails.css" type="text/css" media="all">
<script src="diverso/js/jquery.aw-showcase.js"></script>
<!-- SLIDER FLASH -->
<script src="diverso/js/swfobject.js"></script>
<!-- SLIDER ELEGANT -->
<link rel="stylesheet" id="slider-elegant-css" href="diverso/css/slider-elegant.css" type="text/css" media="all">
<!-- SLIDER NIVO -->
<link rel="stylesheet" id="slider-nivo-css" href="diverso/css/slider-nivo.css" type="text/css" media="all">
<!-- CUSTOM JAVASCRIPT -->
<script src="diverso/js/jquery.custom.js"></script>
</head>
<body class="home image-sphere-style responsive">
<!-- START SHADOW WRAPPER -->
<div class="shadowBg group">
  <!-- START WRAPPER -->
  <div class="wrapper group">
    <!-- START TOPBAR -->
    <div id="topbar"><!-- end.inner -->
    </div>
    <!-- END TOPBAR -->
    <!-- START HEADER -->
    <div id="header" class="group">
      <!-- START LOGO -->
      <div id="logo" class="group"> <a href="index.html" title="Diverso"> <img src="diverso/images/logo.png" alt="Logo Diverso"> </a> </div>
      <!-- END LOGO -->
      <!-- START NAV -->
      <div id="nav" class="group">
        <ul class="level-1 white">
          <li class="home"> <a href="index.html">HOME</a>
          </li>
          <li class="bookmark"> <a href="portfolio.html">Portfolio</a>
          </li>
          <li class="bookmark"> <a href="faq.html">Faq</a> </li>
             <li class="bookmark"><a href="overmij.html">over mij</a>
          <li class="email"><a href="contact.html" onclick="window.open('contact.html','Contact',
'width=600,height=600,scrollbars=yes,toolbar=yes,location=yes'); return false">Contact</a></li>
        </ul>
      </div>
      <!-- END NAV -->
    </div>
    <!-- END HEADER -->
    <!-- BEGIN #slider --><!-- JS SCRIPT -->
    <script>  
                    // edit here
                    var 	slider_elastic_speed = 1000,
                            slider_elastic_timeout = 5000,
                            slider_elastic_autoplay = true,
                            slider_elastic_animation = 'sides'; 
                    // end editing    
                            
            		$('#slider.elastic').eislideshow({
        				easing		: 'easeOutExpo',
        				titleeasing	: 'easeOutExpo',
        				titlespeed	: 1200,
        				autoplay	: slider_elastic_autoplay,
        				slideshow_interval : slider_elastic_timeout,
        				speed       : slider_elastic_speed,
        				animation   : slider_elastic_animation
                    });
                </script>
    <!-- END #slider -->
    <!-- HOME SECTIONS -->
    <div class="home-sections">
      <!-- SECTION #1 -->
      <div class="section gradient s-1 group">
        <div class="section-title for-not-mobile">
          <h2>Over</h2>
        </div>
        <div class="section-content">
          <h2 class="for-mobile">About</h2>
          <h3>DUALE <span>is creatief denken</span></h3>
          <h4>Een visuele stem geven aan dienst of product<span></span></h4>
          <p>Uitgangspunt is het unieke karakter waarmee je als zzp-er of ondernemer je onderscheiden wilt. Natuurlijk wil je gevonden worden, en is het doel een website die helder inzicht geeft over de geboden producten of diensten. Mijn werkwijze omvat echter meer dan het opzetten van een webproduct. </p>
        </div>
        <div class="shadow"></div>
      </div>
      <!-- END SECTION #1 -->
      <!-- SECTION #2 -->
      <div class="section gradient s-2 group">
        <div class="section-title for-not-mobile">
          <h2>Social Media</h2>
        </div>
        <div class="section-content">
          <div class="tabs-container">
            <ul class="tabs">
              <li>
                <h4><a href="#webdesign" title="Web Design">Webprojecten</a></h4>
              </li>
              <li>
                <h4><a href="#brand" title="Brand Identity">Identiteit</a></h4>
              </li>
              <li>
                <h4><a href="#photo" title="Photography">Presentatie</a></h4>
              </li>
              <li>
                <h4><a href="#advertise" title="Advertising">Vindbaarheid</a></h4>
              </li>
              <li>
                <h4><a href="#copywrite" title="Copywriting">Tekst</a></h4>
              </li>
              <li>
                <h4><a href="#marketing" title="Marketing">Marketing</a></h4>
              </li>
            </ul>
            <div class="border-box group">
              <div id="webdesign" class="panel group"> <img src="diverso/images/sections/web.png" alt="" class="alignright">
                <h3>De kracht ligt in connectie</h3>
                <p> Weten waar je doelgroep zich bevindt, op welke platformen zij zich bewegen en zorgen dat je daar jezelf profileert. Mijn expertise ligt in zichtbaar maken waar de koppelingen liggen en welke social media het best aansluit, bij zowel diensten of product als wat jou als mens en ondernemer definieert.</p>
              </div>
              <div id="brand" class="panel group"> <img src="diverso/images/sections/brand.png" alt="" class="alignleft">
                <h3>Merk &amp; Identiteit</h3>
                <p>Om naamsbekendheid te verkrijgen, en gevonden te worden, is het belangrijk een duidelijke lijn neer te zetten tussen bedrijfsnaam, domeinnaam, website en eventuele socialmedia.</p>
              </div>
              <div id="photo" class="panel group"> <img src="diverso/images/sections/foto.png" alt="" class="alignright">
                <h3>Visuele Presentatie</h3>
                <p> Laten zien wat je doet of maakt brengt je dichterbij je klanten. Als fotograaf kan ik het beeldmateriaal vastleggen en verwerken in een webproject.</p>
              </div>
              <div id="advertise" class="panel group"> <img src="diverso/images/sections/adv.png" alt="" class="alignleft">
                <h3>Gevonden worden</h3>
                <p> Een website is geen garantie om gevonden te worden. Belangrijk is te weten hoe te profileren maar vooral ook wáár op het internet</p>
              </div>
              <div id="copywrite" class="panel group"> <img src="diverso/images/sections/copy.png" alt="" class="alignright">
                <h3>Copywriting services</h3>
                <p>Als tekst schrijver kan ik de vertaalslag maken tussen wat je aan diensten of producten biedt, waar je wensen als ondernemer liggen en hoe jezelf krachtig te presenteren.</p>
              </div>
              <div id="marketing" class="panel group"> <img src="diverso/images/sections/marketing.png" alt="" class="alignleft">
                <h3>Marketing Strategie</h3>
                <p> Als startende ondernemer of zzp-er wil je natuurlijk je vooral richten op je eigen werk. Nadenken over het pad dat je voor ogen hebt en deze vertalen naar een passende web oplossing geeft rust zodat je je kunt richten op datgene waar je het liefst mee bezig bent.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="shadow"></div>
      </div>
      <!-- END SECTION #2 -->
      <!-- SECTION #3 --><!-- END SECTION #3 -->
    </div>
    <!-- END HOME SECTIONS -->
    <div id="content" class="gradient layout-sidebar-no group">
      <!-- SLOGAN -->
      <div id="slogan" class="inner">
        <h1>Recente projecten</h1>
        <h3>webproducten, concepten en <span>zo veel meer</span>.</h3>
      </div>
      <!-- END SLOGAN -->
      <!-- START CONTENT -->
      <div id="primary" class="hentry group wrapper-content" role="main">
        <div class="two-fourth last">
          <h4><span>Portfolio</span></h4>
          <!-- START WORKS SLIDER -->
          <div class="works-slider flexslider">
            <ul class="slides">
              <li class="box-work"> 
                <div class="box-work-thumb"><img src="images/3sm.jpg" alt=""></div>
            
                <div class="box-work-body">
                  <h4>Zingeving en Inspiratie</h4>
                  <p class="categories">Webbuilding</p>
                </div>
              </li>
               <li class="box-work"> 
                <div class="box-work-thumb"><img src="images/4sm.jpg" alt=""></div>
             
                <div class="box-work-body">
                  <h4>Online Gallery</h4>
                  <p class="categories">Webbuilding & Content</p>
                </div>
              </li>
              <li class="box-work">
                <div class="box-work-thumb"><img src="images/7sm.jpg" alt=""></div>
             
                <div class="box-work-body">
                  <h4>Online Portfolio</h4>
                  <p class="categories">Portfolio & Blog</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <br>
        <br>
        <br>
        Bekijk meer
      projecten  in mijn <a href="portfolio.html">uitgebreide portfolio.</a> <br>
      Voor meer informatie kun je vrijblijvend <a href="contact.html" onclick="window.open('contact.html','Contact',
'width=600,height=600,scrollbars=yes,toolbar=yes,location=yes'); return false" title="Mail">contact</a> met me opnemen.<br>
      Op zoek naar een betaalbare oplossing voor je website? <br>
      Er is al een website mogelijk vanaf &#8364; 200,- (incl btw).<br>
<a href="voorwaarden.html">Lees meer hierover</a> of <a href="bestellen.html" onclick="window.open('bestellen.html','Bestel Budgetsite',
'width=800,height=600,scrollbars=yes,toolbar=yes,location=yes'); return false">klik hier</a>  om (vrijblijvend) informatie aan te vragen.</div>
      <!-- END CONTENT -->
    </div>
  <!-- START COPYRIGHT -->
    <div id="copyright" class="group two-columns">
      <div class="inner group">
        <p class="left">Copyright Duale - KVK 17249724 ~ <em>Design by: <a href="http://www.yourinspirationweb.com/en">Your Inspiration Web</a></em></p>
        <p class="right">  <a href="https://www.facebook.com/dualeweb" class="socials facebook" title="Facebook">Facebook</a> <a href="http://nl.linkedin.com/in/smitskaren/" class="socials linkedin" title="Linkedin">Linkedin</a> <a href="contact.html" onclick="window.open('contact.html','Contact',
'width=600,height=600,scrollbars=yes,toolbar=yes,location=yes'); return false" class="socials mail" title="Mail">mail</a></p>
      </div>
    </div>
    <!-- END COPYRIGHT -->
  </div>
    </div>
    <!-- END COPYRIGHT -->
  </div>
  <!-- END WRAPPER -->
</div>
<!-- END SHADOW -->
<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=9890247; 
var sc_invisible=1; 
var sc_security="1a0ca656"; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="hits counter"
href="http://statcounter.com/free-hit-counter/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/9890247/0/1a0ca656/1/"
alt="hits counter"></a></div></noscript>
<!-- End of StatCounter Code for Default Guide --></body>
</html>
