File: D:/HostingSpaces/KLeeuwen/samenbouwen.in/wwwroot/wp-content/themes/dlight/newdesign/detailpage.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 - DETAILS</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 id="detailsbody">
<div id="header" class="wbg">
<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="maincont maindetails pdlw">
<div class="titleleft">MOLENWEIDE</div>
<div class="clear"></div>
<div class="fleft detailtopleft">
<div class="graytitle">ONTWIKKELING 8 NIEUWBOUW WONINGEN</div>
<div class="blueline"></div>
<div class="clear"></div>
<br/>
<img src="imgs/detail1.jpg" alt=""/>
<br/><br/><br/>
<div class="spacetext">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>
<br/>
<div class="fright"><a href="">stuur door via email</a></div>
<div class="clear"></div>
</div>
<div class="fleft detailtopright">
<div class="graytitle blktxt">MEER INFORMATIE?</div>
<div class="blueline"></div>
<div class="clear"></div>
<br/>
<form action="" method="post" class="moreinfofrm">
<input type="text" placeholder="Ik wil graag" />
<input type="text" placeholder="Naam" />
<input type="text" placeholder="E-mailadres" />
<input type="text" placeholder="Telefoon" />
<input type="submit" class="orangesbtn" value="AANVRAGEN" />
</form>
<br/><br/>
<div class="graytitle blktxt">PROJECT KENMERKEN</div>
<div class="blueline"></div>
<div class="clear"></div>
<table cellspacing="0" cellpadding="0">
<tr><td class="bluetd">Status:</td><td>aaa</td></tr>
<tr><td class="bluetd">Type:</td><td>aaa</td></tr>
<tr><td class="bluetd">Aantal woningen:</td><td>aaa</td></tr>
<tr><td class="bluetd">Plaats:</td><td>aaa</td></tr>
<tr><td class="bluetd">Provincie:</td><td>aaa</td></tr>
<tr><td class="bluetd">Vanaf prijs:</td><td>aaa</td></tr>
<tr><td class="bluetd">Opdrachtgever:</td><td>aaa</td></tr>
<tr><td class="bluetd">Uitvoering:</td><td>aaa</td></tr>
</table>
</div>
<br/><br/>
<div class="clear"></div>
<div class="homeblock first bldet">DOWNLOAD HIER <br/>UW GRATIS<br/>INFORMATIE PAKKET</div>
<div class="homeblock second bldet">LEES WAAROM<br/>ANDERE KOZEN VOOR SAMENBOUWEN.IN</div>
<div class="homeblock third bldet">MEER INFORMATIE<br/>OVER DE WERKWIJZE VAN SAMENBOUWEN</div>
<div class="clear"></div>
<div class="titleleft"><span class="bluetxt">IN</span> CONTACT</div>
<div class="clear"></div>
<div class="blueline"></div><br/>
<br/><br/>
<div class="fleft">
<div class="fleft"><img src="imgs/detail_man.jpg" alt="" /></div>
<div class="fleft contactman" >
<table cellpadding="0" cellspacing="0">
<tr><td class="bluetd">naam: </td><td>Frank van der Viel</td></tr>
<tr><td class="bluetd">rol: </td><td>procesbegeleider - architect</td></tr>
<tr><td class="bluetd">email: </td><td>frank@SamenBouwen.in</td></tr>
<tr><td></td><td><input type="submit" class="orangesbtn withoutrad" value="CONTACT" style="width:100%"/></td></tr>
</table>
</div>
</div>
<div class="fleft">
<div class="fleft mg56"><img src="imgs/detail_woman.jpg" alt="" /></div>
<div class="fleft contactman" >
<table cellpadding="0" cellspacing="0">
<tr><td class="bluetd">naam: </td><td>Frank van der Viel</td></tr>
<tr><td class="bluetd">rol: </td><td>procesbegeleider - architect</td></tr>
<tr><td class="bluetd">email: </td><td>frank@SamenBouwen.in</td></tr>
<tr><td></td><td><input type="submit" class="orangesbtn withoutrad" value="CONTACT" style="width:100%"/></td></tr>
</table>
</div>
</div>
<div class="clear"></div>
<br/><br/>
<div class="titleleft"><span class="bluetxt">IN</span> HET NIEUWS</div>
<div class="clear"></div>
<div class="blueline"></div><br/><br/>
<div class="titleleft"><span class="bluetxt">IN</span> DETAIL</div>
<div class="clear"></div>
<div class="blueline"></div><br/><br/>
<div class="fleft w50 spacetext">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.
<br/><br/><br/>
<input type="submit" class="orangesbtn withoutrad" value="LEES MEER" style="width:40%"/>
</div>
<div class="fleft ml20 divimg"><img src="imgs/detail2.jpg" alt="" /></div>
<div class="clear"></div>
<div class="titleleft"><span class="bluetxt">IN</span> BEELD</div>
<div class="clear"></div>
<div class="blueline"></div><br/><br/>
<div class="detail_main_pic"><img src="imgs/detail3.jpg" alt="" /></div>
<div class="detail_pics">
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" class="mgr0"/>
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" />
<img src="imgs/detail4.jpg" alt="" class="mgr0"/>
</div>
<div class="clear"></div>
<br/><br/>
<div class="fleft"><b>Neem contact met ons op voor vragen, een afspraak of de gratis brochure</b></div>
<div class="fright"><input type="submit" value="MEER INFORMATIE" class="orangesbtn withoutrad"/></div>
<div class="clear"></div>
<br/><br/><br/>
<div class="fleft w50 scrw70">
<div class="titleleft"><span class="bluetxt">IN</span> CONTACT MET</div>
<div class="clear"></div>
<div class="blueline"></div><br/><br/>
<div class="spacetext detailconbig">Wilt u meer informatie ontvangen over dit project? Uzelf inschrijven of een brochure ontvangen? Neem via onderstaand formulier contact op. Wij proberen binnen 2 dagen uw vraag te beantwoorden.</div>
</div>
<div class="fright"><img src="imgs/detail_man.jpg" alt="" /></div>
<div class="clear"></div>
<br/>
<form action="" method="post" class="comment_form contact_form">
<div class="input_wrapper"><input type="text" name="contactName" class="input_field block margin-bottom20" value="" placeholder="Naam"></div>
<div class="input_wrapper"><input type="text" name="contactWebsite" class="input_field block margin-bottom20" value="" placeholder="E-mailadres"></div>
<textarea name="commentsText" class="textarea_field block margin-bottom20" placeholder="Bericht"></textarea>
<input type="hidden" name="submitted-1" value="true">
<div class="clear"></div>
<input class="orangesbtn" type="submit" value="VERZENDEN">
<div class="clear"></div>
</form>
<br/><br/>
<div class="grayline"></div>
<br/><br/>
<div class="fright"><input type="button" value="TERUG NAAR OVERZICHT" class="bluesbtn" /></div>
<div class="clear"></div>
<br/><br/>
</div>
</div>
<div class="footer1 footdet">
<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 footdet">
<div class="footer_wrapper">
<div class="bluetxt">gooi het "IN" de groep en deel</div>
</div>
</div>
<div class="footer3 footdet">
<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 footdet">
<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);
}
});
</script>
</body>
</html>