File: D:/HostingSpaces/KLeeuwen/samenbouwen.in/wwwroot/wp-content/themes/dlight/newdesign/homepage.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>SAMEN BOUWEN IN</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<link rel="stylesheet" id="darkone-darkone-css" href="fonts/darkone/darkone.css?ver=4.0.1" type="text/css" media="all" />
<link rel="stylesheet" href="css/main.css" type="text/css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="header">
<div class="fleft"><a href=""><img src="imgs/samen-logo.png" border="0" /></a></div>
<div class="fright">
<div><a href="">HOME</a></div>
<div><a href="">IN ONS PAKKET</a></div>
<div><a href="">PROJECTEN IN</a></div>
<div><a href="">IN HET TEAM</a></div>
<div><a href="">IN ONZE BELEVING</a></div>
<div><a href="">IN CONTACT</a></div>
</div>
<div class="clear"></div>
</div>
<div id="wrapper">
<div class="topimg"></div>
<div class="maincont">
<div class="titleleft">SAMEN BOUWEN <span class="bluetxt">IN</span></div>
<div class="titleright">
<img src="imgs/t-blue.jpg" alt="" />
<img src="imgs/f-blue.jpg" alt="" />
</div>
<div class="clear"></div>
<div class="blueline"></div>
<div class="colleft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus. Nunc nec tincidunt quam, a iaculis leo. Aliquam auctor ex in felis pellentesque, in dignissim orci sagittis. Duis eu ex rhoncus leo tincidunt maximus in quis lacus. Quisque luctus ultricies purus sit amet aliquam. Etiam vestibulum mauris eget lorem ornare pretium. In ultricies sapien turpis, id suscipit lacus pharetra ac. Donec orci sem, tincidunt ac tristique in, sodales sit amet tellus. Vestibulum ac aliquam metus. </div>
<div class="colleft" style="margin-right:0px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus. Nunc nec tincidunt quam, a iaculis leo. Aliquam auctor ex in felis pellentesque, in dignissim orci sagittis. Duis eu ex rhoncus leo tincidunt maximus in quis lacus. Quisque luctus ultricies purus sit amet aliquam. Etiam vestibulum mauris eget lorem ornare pretium. In ultricies sapien turpis, id suscipit lacus pharetra ac. Donec orci sem, tincidunt ac tristique in, sodales sit amet tellus. Vestibulum ac aliquam metus.</div>
<div class="clear"></div>
<div class="homeblock first">DOWNLOAD HIER <br/>UW GRATIS<br/>INFORMATIE PAKKET</div>
<div class="homeblock second">LEES WAAROM<br/>ANDERE KOZEN VOOR SAMENBOUWEN.IN</div>
<div class="homeblock third">MEER INFORMATIE<br/>OVER DE WERKWIJZE VAN SAMENBOUWEN</div>
<div class="titleleft"><span class="bluetxt">IN</span> ONS PAKKET</div>
<div class="clear"></div>
<div class="blueline"></div><br/>
<div class="tb6">
<div class="td">
<div class="fleft"><img src="imgs/im1.jpg" alt="" /></div>
<div class="p24"><div>VINDT</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
</div>
<div class="td">
<div class="fleft"><img src="imgs/im2.jpg" alt="" /></div>
<div class="p24"><div>BINDT</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
</div>
<div class="td">
<div class="fleft"><img src="imgs/im3.jpg" alt="" /></div>
<div class="p24"><div>BOEIT</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
</div>
<div class="td">
<div class="fleft"><img src="imgs/im4.jpg" alt="" /></div>
<div class="p24"><div>INITIEREN</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
</div>
<div class="td">
<div class="fleft"><img src="imgs/im5.jpg" alt="" /></div>
<div class="p24"><div>BEGELEIDEN</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
</div>
<div class="td">
<div class="fleft"><img src="imgs/im6.jpg" alt="" /></div>
<div class="p24"><div>ONTWERPEN</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
</div>
<div class="clear"></div>
</div><br/><br/>
<div class="titleleft">PROJECTEN <span class="bluetxt">IN</span></div>
<div class="clear"></div>
<div class="blueline"></div><br/>
<div class="links">
<a href="" class="sel">ALLES</a>
<a href="" >INITIATIEF FASE</a>
<a href="" >LOPEND PROJECT</a>
<a href="" >GEREALISEERD</a>
</div>
<br/><br/>
<div class="bluebox">
<div class="title">SAMENBOUWEN<span>.IN/</span>BODEGRAVEN</div>
<div><img src="imgs/bb1.jpg" alt=""/></div><br/>
<table width="100%">
<tr><td>locatie:</td><td class="w">Bodegraven</td></tr>
<tr><td>aantal woningen:</td><td class="w">11</td></tr>
<tr><td>prijsklasse:</td><td class="w">vanaf €195.000,- VON</td></tr>
</table>
<br/>
<div class="wbtn">MEER INFORMATIE</div>
</div>
<div class="bluebox">
<div class="title">SAMENBOUWEN<span>.IN/</span>BODEGRAVEN</div>
<div><img src="imgs/bb1.jpg" alt=""/></div><br/>
<table width="100%">
<tr><td>locatie:</td><td class="w">Bodegraven</td></tr>
<tr><td>aantal woningen:</td><td class="w">11</td></tr>
<tr><td>prijsklasse:</td><td class="w">vanaf €195.000,- VON</td></tr>
</table>
<br/>
<div class="wbtn">MEER INFORMATIE</div>
</div>
<div class="bluebox" style="margin-right:0px">
<div class="title">SAMENBOUWEN<span>.IN/</span>BODEGRAVEN</div>
<div><img src="imgs/bb1.jpg" alt=""/></div><br/>
<table width="100%">
<tr><td>locatie:</td><td class="w">Bodegraven</td></tr>
<tr><td>aantal woningen:</td><td class="w">11</td></tr>
<tr><td>prijsklasse:</td><td class="w">vanaf €195.000,- VON</td></tr>
</table>
<br/>
<div class="wbtn">MEER INFORMATIE</div>
</div>
<div class="bluebox">
<div class="title">SAMENBOUWEN<span>.IN/</span>BODEGRAVEN</div>
<div><img src="imgs/bb1.jpg" alt=""/></div><br/>
<table width="100%">
<tr><td>locatie:</td><td class="w">Bodegraven</td></tr>
<tr><td>aantal woningen:</td><td class="w">11</td></tr>
<tr><td>prijsklasse:</td><td class="w">vanaf €195.000,- VON</td></tr>
</table>
<br/>
<div class="wbtn">MEER INFORMATIE</div>
</div>
<div class="bluebox">
<div class="title">SAMENBOUWEN<span>.IN/</span>BODEGRAVEN</div>
<div><img src="imgs/bb1.jpg" alt=""/></div><br/>
<table width="100%">
<tr><td>locatie:</td><td class="w">Bodegraven</td></tr>
<tr><td>aantal woningen:</td><td class="w">11</td></tr>
<tr><td>prijsklasse:</td><td class="w">vanaf €195.000,- VON</td></tr>
</table>
<br/>
<div class="wbtn">MEER INFORMATIE</div>
</div>
<div class="bluebox" style="margin-right:0px">
<div class="title">SAMENBOUWEN<span>.IN/</span>BODEGRAVEN</div>
<div><img src="imgs/bb1.jpg" alt=""/></div><br/>
<table width="100%">
<tr><td>locatie:</td><td class="w">Bodegraven</td></tr>
<tr><td>aantal woningen:</td><td class="w">11</td></tr>
<tr><td>prijsklasse:</td><td class="w">vanaf €195.000,- VON</td></tr>
</table>
<br/>
<div class="wbtn">MEER INFORMATIE</div>
</div>
<div class="clear"></div>
<div class="homeblock first mtop10">ALS COLLECTIEF IN<br/>UW EIGEN GEMEENTE<br/>AAN DE SLAG</div>
<div class="homeblock first mtop10">WAT ALS IK GROND<br/>HEB VOOR EEN<br/>COLLECTIEF ?</div>
<div style="float:right">
<ul class="inlineul">
<li><a href=""><i class="f-darkone-left"></i></a></li>
<li><a href=""><i class="f-darkone-right active"></i></a></li>
</ul>
</div>
<div class="clear"></div>
<div class="titleleft"><span class="bluetxt">IN</span> HET TEAM</div>
<div class="clear"></div>
<div class="blueline"></div><br/>
<div class="teamdesc">Het team van SamenBouwen.in bestaat uit 6 ervaren professionals die u tijdens het gehele CPO Project van gedegens advies zullen voorzien.</div>
<div class="teamlist">
<div><img src="imgs/team1.jpg" alt=""/>
<div class="teaminfo">
<b>procesbegeleider - initiator</b><br/><div class="teamname">Paul Verhoeven</div>
<div class="teamdesc1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus. Nunc nec tincidunt quam, a</div>
</div>
</div>
<div><img src="imgs/team2.jpg" alt=""/>
<div class="teaminfo">
<b>procesbegeleider - initiator</b><br/><div class="teamname">Paul Verhoeven</div>
<div class="teamdesc1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus. Nunc nec tincidunt quam, a</div>
</div>
</div>
<div><img src="imgs/team3.jpg" alt=""/>
<div class="teaminfo">
<b>procesbegeleider - initiator</b><br/><div class="teamname">Paul Verhoeven</div>
<div class="teamdesc1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus. Nunc nec tincidunt quam, a</div>
</div>
</div>
<div><img src="imgs/team4.jpg" alt=""/>
<div class="teaminfo">
<b>procesbegeleider - initiator</b><br/><div class="teamname">Paul Verhoeven</div>
<div class="teamdesc1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus. Nunc nec tincidunt quam, a</div>
</div>
</div>
</div>
<div class="clear"></div>
<br/><br/><br/>
<div class="titleleft"><span class="bluetxt">IN</span> ONZE BELEVING</div>
<div class="clear"></div>
<div class="blueline"></div><br/>
<div class="teamdesc">Op regelmatige basis zal er door het team van Samenbouwen.in
of een gastschrijver een blog worden geschereven. Schrijf u in voor
de nieuwsbrief en u bent er van verzekert dat u de nieuwste
weblog als eerste ontvangt!</div>
<br/>
<div class="blogitem">
<div><img src="imgs/blog1.jpg" alt=""/></div>
<div class="blogtitle">BLOGTITEL 1</div>
<div class="blogauthor">Door: John Doe</div>
<div class="blogsmallcont">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus...</div>
</div>
<div class="blogitem">
<div><img src="imgs/blog1.jpg" alt=""/></div>
<div class="blogtitle">BLOGTITEL 2</div>
<div class="blogauthor">Door: John Doe</div>
<div class="blogsmallcont">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus...</div>
</div>
<div class="blogitem" style="margin-right: 0px;">
<div><img src="imgs/blog1.jpg" alt=""/></div>
<div class="blogtitle">BLOGTITEL 3</div>
<div class="blogauthor">Door: John Doe</div>
<div class="blogsmallcont">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus...</div>
</div>
<div class="clear"></div><br/><br/>
<div class="titleleft"><span class="bluetxt">IN</span> CONTACT MET</div>
<div class="clear"></div>
<div class="blueline"></div><br/>
<div class="teamdesc contacttext">
Heeft u vragen opmerkingen of ideeen? <br/>
Neem middels onderstaand contactformulier gerust contact met ons op.<br/>
Wij treven er naar u binnen 2 werkdagen te antwoorden.
</div>
<br/><br/><br/>
<div class="contact_form_wrapper">
<form action="" method="post" class="comment_form contact_form">
<div class="input_wrapper_select margin-bottom20">
<div class="">
<select name="contactEmailSend" class="input_field_select block">
<option value="1">MICHAEL SANCHEZ</option>
<option value="2">SONYA HARMSTRING</option>
<option value="3">MICHAEL JOHNSON</option>
<option value="4">JANNA STORMWIND</option>
</select>
</div>
</div>
<div class="input_wrapper"><input type="text" name="contactEmail" class="input_field block margin-bottom20" value="" placeholder="EMAIL ADDRESS"></div>
<div class="input_wrapper"><input type="text" name="contactName" class="input_field block margin-bottom20" value="" placeholder="NAME"></div>
<div class="input_wrapper"><input type="text" name="contactWebsite" class="input_field block margin-bottom20" value="" placeholder="WEBSITE"></div>
<textarea name="commentsText" class="textarea_field block margin-bottom20" placeholder="MESSAGE GOES HERE (MAX 300 CHARS)"></textarea>
<input type="hidden" name="submitted-1" value="true">
<input class="darkone_button block bg_color_default bg_color_main_hover color_white float_right" type="submit" value="Send Email">
<div class="clear"></div>
</form>
</div>
</div>
</div>
<div class="footer1">
<div class="footer_wrapper">
<div class="bluetxt">ondek hoe je zelf je eigen woning kunt realiseren in 7 stappen met SamenBouwen.in</div>
<br/>
<div class="topform"><input type="text" placeholder="Voornaam" /></div>
<div class="topform"><input type="text" placeholder="E-mail adres" /></div>
<div class="topbtn"><input type="button" value="Ontdek het nu!" /></div>
<div class="clear"></div>
<div class="bluetxt confirmtxt">je krijgt ze alle7 in je mailbox!</div>
</div>
</div>
<div class="footer2">
<div class="footer_wrapper">
<div class="bluetxt">gooi het "IN" de groep en deel</div>
</div>
</div>
<div class="footer3">
<div class="footer_wrapper">
<div>
<div class="title">laatste nieuws</div>
</div>
<div>
<div class="title">laatste tweets</div>
<div>
<table class="tweetstb" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="50"><img src="imgs/bird.jpg" alt=""/></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus<br/>
<span>http://bit.ly</span><br/>
24 minutes ago
</td>
</tr>
<tr>
<td valign="top"><img src="imgs/bird.jpg" alt=""/></td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus<br/>
<span>http://bit.ly</span><br/>
24 minutes ago
</td>
</tr>
<tr>
<td valign="top" style="border:none;"><img src="imgs/bird.jpg" alt=""/></td>
<td style="border:none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultrices sit amet purus id cursus<br/>
<span>http://bit.ly</span><br/>
24 minutes ago
</td>
</tr>
</table>
</div>
</div>
<div class="missdiv" style="margin-right: 0px;">
<div class="title">wil je niets missen?</div>
<div class="whitetxt">Schrijf je in voor onze nieuwsbrief en blijf up-to-date met de laatste ontwikkeligen van onze projecten.</div>
<br/>
<form action="" method="post" class="missform" >
<input type="text" placeholder="E-mail adres" style="margin-bottom:20px;"/><br/>
<input type="submit" value="meld me aan" />
</form>
<br/><br/>
<div class="title fleft">wil je ons volgen?</div>
<div class="fright"><img src="imgs/twitter-small.jpg" alt="" /> <img src="imgs/f-small.jpg" alt="" /></div>
<div class="clear"></div>
</div>
<div class="contact_bottom">
<div class="title">contact</div>
<form action="" method="post" class="missform" >
<div style="float:left">
<input type="text" placeholder="naam" class="smallin"/><br/>
<input type="text" placeholder="emailadres" class="smallin"/><br/>
<input type="text" placeholder="telefoonnummer" class="smallin"/>
</div>
<div class="fleft secdiv">
<textarea class="textar" placeholder="opmerkingen"></textarea><br/>
<input type="submit" value="verzenden" class="orangbtn"/>
</div>
<div class="clear"></div>
</form>
</div>
<div class="bottom_wh"><img src="imgs/whitehouse.png" alt=""/></div>
</div>
</div>
<div class="clear"></div>
<div class="footer_wrapper copyr">
<div class="fleft"><img src="imgs/samen-text.jpg" /> </div>
<div class="fleft" style="padding-top:7px;">(c) 2014 SamenBouwen.in | <a href="">algemene voorwaarden</a> | <a href="">disclaimer</a> | <a href="">colcofon</a> | <a href="">sitemap</a></div>
<div class="clear"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
if($(window).width() > 1060) {
var pad = (screen.width - $('#header').width()) / 2;
$('#header').css('padding-left', pad);
$('#header').css('padding-right', pad);
}
});
$(window).scroll(function(){
$('#header').css('background-color', $(window).scrollTop() > 460 ? 'white' : 'transparent');
});
</script>
</body>
</html>