File: D:/HostingSpaces/KLeeuwen/old.samenbouwen.in/wwwroot/wp-content/themes/samenbouwenin/homepagina.php
<?php
/*
* Template Name: Homepage
* Description: Homepagina
*/
ob_start();
get_header();
$header = ob_get_contents();
ob_end_clean();
ob_start();
require_once('include/slider.php');
$carousel = ob_get_contents();
ob_end_clean();
$header = str_replace('<!-- {homepageCarousel} -->', $carousel, $header);
echo $header;
?>
<?php
$args = array('post_type' => array( 'page'), 'post_title' => 'Home');
$query = new WP_Query($args);
while ( $query->have_posts() ) : $query->the_post();
$homeLeft = get_field('left');
$homeRight = get_field('right');
$link1 = get_field('link_1');
$link2 = get_field('link_2');
$link3 = get_field('link_3');
$url1 = get_field('url');
$url2 = get_field('url_2');
$url3 = get_field('url_3');
$afbeelding = get_field('afbeelding');
$afbeelding2 = get_field('afbeelding_2');
$afbeelding3 = get_field('afbeelding_3');
$icoon1 = get_field('icoon_1');
$icoontitel1 = get_field('titel_icoon_1');
$icoontekst1 = get_field('tekst_icoon_1');
$icoon2 = get_field('icoon_2');
$icoontitel2 = get_field('titel_icoon_2');
$icoontekst2 = get_field('tekst_icoon_2');
$icoon3 = get_field('icoon_3');
$icoontitel3 = get_field('titel_icoon_3');
$icoontekst3 = get_field('tekst_icoon_3');
$icoon4 = get_field('icoon_4');
$icoontitel4 = get_field('titel_icoon_4');
$icoontekst4 = get_field('tekst_icoon_4');
$icoon5 = get_field('icoon_5');
$icoontitel5 = get_field('titel_icoon_5');
$icoontekst5 = get_field('tekst_icoon_5');
$icoon6 = get_field('icoon_6');
$icoontitel6 = get_field('titel_icoon_6');
$icoontekst6 = get_field('tekst_icoon_6');
endwhile;
?>
</div>
<div class="dgreybg home">
<div class="container">
<br>
<div class="text-center">
<h1>SAMEN BOUWEN <span class="bluetxt">IN</span></h1>
<div class="blueline"></div>
</div> <br/>
<div class="pull-right">
<!-- <a href="https://twitter.com/SamenBouwen_in" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/imgs/t-blue.jpg" alt="" /></a>
<a href="https://www.facebook.com/SamenBouwen.in" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/imgs/f-blue.jpg" alt="" /></a>
-->
</div>
<div class="clearfix"></div>
<br/>
<div class="row-fluid">
<div class="span6 teamdesc"><?php echo $homeLeft; ?><br><br></div>
<div class="span6 teamdesc"><?php echo $homeRight; ?></div>
</div>
<br>
<div class="row-fluid">
<div class="span4" onclick="location.href='<?php echo $url1; ?>';">
<div>
<div class="bwhitebg fleft"><div class="brc1"></div></div>
<div class="fleft brc2"><div class="circle"></div></div>
<div class="bwhitebg rig fleft"><div class="brc3"></div></div>
<div class="bgreybox">
<div class="ss-page"><!-- style="background-image: url('<?php echo $afbeelding; ?>');" -->
<h5><a href="<?php echo $url1; ?>"><?php echo $link1; ?></a></h5>
</div>
</div>
</div>
</div>
<div class="span4" onclick="location.href='<?php echo $url2; ?>';">
<div>
<div class="bwhitebg fleft"><div class="brc1"></div></div>
<div class="fleft brc2"><div class="circle"></div></div>
<div class="bwhitebg rig fleft"><div class="brc3"></div></div>
<div class="bgreybox">
<div class="ss-like">
<h5><a href="<?php echo $url2; ?>"><?php echo $link2; ?></a></h5>
</div>
</div>
</div>
</div>
<div class="span4" onclick="location.href='<?php echo $url3; ?>';">
<div>
<div class="bwhitebg fleft"><div class="brc1"></div></div>
<div class="fleft brc2"><div class="circle"></div></div>
<div class="bwhitebg rig fleft"><div class="brc3"></div></div>
<div class="bgreybox">
<div class="ss-settings">
<h5><a href="<?php echo $url3; ?>"><?php echo $link3; ?></a></h5>
</div>
</div>
</div>
</div>
<!-- <div onclick="location.href='<?php echo $url1; ?>';" class="span4 homeblock first" style="background-image: url('<?php echo $afbeelding; ?>'); cursor:pointer;"><h5><a href="<?php echo $url1; ?>"><?php echo $link1; ?></a></h5></div>
<div onclick="location.href='<?php echo $url2; ?>';" class="span4 homeblock second" style="background-image: url('<?php echo $afbeelding2; ?>'); cursor:pointer;"><h5><a href="<?php echo $url2; ?>"><?php echo $link2; ?></a></h5></div>
<div onclick="location.href='<?php echo $url3; ?>';" class="span4 homeblock third" style="background-image: url('<?php echo $afbeelding3; ?>'); cursor:pointer;"><h5><a href="<?php echo $url3; ?>"><?php echo $link3; ?></a></h5></div>-->
</div>
<br/><br/>
</div>
</div>
<div class="greybg">
<div class="container">
<br><br>
<div class="row-fluid">
<div class="span4 m10">
<div>
<div class="whitebg fleft"><div class="rc1"></div></div>
<div class="fleft rc2"><img src="<?php echo $icoon1; ?>" width="40"/></div>
<div class="whitebg rig fleft"><div class="rc3"></div></div>
<div class="greybox">
<h2><?php echo $icoontitel1; ?></h2>
<?php echo $icoontekst1; ?>
</div>
</div>
</div>
<div class="span4 m10">
<div>
<div class="whitebg fleft"><div class="rc1"></div></div>
<div class="fleft rc2"><img src="<?php echo $icoon2; ?>" width="40"/></div>
<div class="whitebg rig fleft"><div class="rc3"></div></div>
<div class="greybox">
<h2><?php echo $icoontitel2; ?></h2>
<?php echo $icoontekst2; ?>
</div>
</div>
</div>
<div class="span4 m10">
<div>
<div class="whitebg fleft"><div class="rc1"></div></div>
<div class="fleft rc2"><img src="<?php echo $icoon3; ?>" width="40"/></div>
<div class="whitebg rig fleft"><div class="rc3"></div></div>
<div class="greybox">
<h2><?php echo $icoontitel3; ?></h2>
<?php echo $icoontekst3; ?>
</div>
</div>
</div>
</div>
<br>
<div class="row-fluid">
<div class="span4 m10">
<div>
<div class="whitebg fleft"><div class="rc1"></div></div>
<div class="fleft rc2"><img src="<?php echo $icoon4; ?>" width="40"/></div>
<div class="whitebg rig fleft"><div class="rc3"></div></div>
<div class="greybox">
<h2><?php echo $icoontitel4; ?></h2>
<?php echo $icoontekst4; ?>
</div>
</div>
</div>
<div class="span4 m10">
<div>
<div class="whitebg fleft"><div class="rc1"></div></div>
<div class="fleft rc2"><img src="<?php echo $icoon5; ?>" width="40"/></div>
<div class="whitebg rig fleft"><div class="rc3"></div></div>
<div class="greybox">
<h2><?php echo $icoontitel5; ?></h2>
<?php echo $icoontekst5; ?>
</div>
</div>
</div>
<div class="span4 m10">
<div>
<div class="whitebg fleft"><div class="rc1"></div></div>
<div class="fleft rc2"><img src="<?php echo $icoon6; ?>" width="40"/></div>
<div class="whitebg rig fleft"><div class="rc3"></div></div>
<div class="greybox">
<h2><?php echo $icoontitel6; ?></h2>
<?php echo $icoontekst6; ?>
</div>
</div>
</div>
</div>
<br><br>
</div>
</div>
<div class="dgreybg" style="min-height:862px">
<div class="container">
<br><br>
<div class="text-center">
<h1>PROJECTEN <span class="bluetxt">IN</span></h1>
<div class="blueline"></div>
</div> <br>
<div class="links text-center">
<a href="#" class="projcat sel" data-cat="alles">ALLES</a>
<a href="#" class="projcat" data-cat="initiatief_fase">INITIATIEF FASE</a>
<a href="#" class="projcat" data-cat="lopend_project">LOPEND PROJECT</a>
<a href="#" class="projcat" data-cat="gerealiseerd">GEREALISEERD</a>
</div>
<br/>
<div id="projectsArea"></div>
<br>
</div>
</div>
<div class="container">
<br><br>
<div class="text-center">
<h1><span class="bluetxt">IN</span> HET </h1>
<div class="blueline"></div>
<br>
<div class="row-fluid">
<div class="teamdesc span8 offset2">Het team van SamenBouwen.in bestaat uit 6 ervaren professionals die u tijdens het gehele CPO Project van gedegens advies zullen voorzien.</div>
</div>
</div>
<br>
<br>
</div>
<div class="dgreybg">
<div class="container">
<div class="text-center">
<br/>
<h1><span class="bluetxt">IN</span> ONZE BELEVING</h1>
<div class="blueline"></div>
<br>
<div class="row-fluid">
<div class="teamdesc span8 offset2">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>
</div>
</div>
<br>
<div class="row-fluid">
<?php require_once('include/latest_blogs.php');?>
</div>
<br>
</div>
</div>
<div class="greybg">
<div class="container">
<div class="text-center">
<br>
<h1><span class="bluetxt">IN</span> CONTACT MET</h1>
<div class="blueline"></div>
<br>
<div class="row-fluid">
<div class="teamdesc span8 offset2">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>
</div>
</div>
<br><br>
<div class="row-fluid">
<div class="span12 contact_form_wrapper">
<?php gravity_form(1, false, false, false, '', false); ?>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
type: 'post',
url: '<?php echo get_template_directory_uri(); ?>/include/projects.php',
success : function(data) {
$('#projectsArea').html(data);
$('#projectsArea .bluebox').hide();
$("#projectsArea").show();
$('#projectsArea .bluebox').each(function(i) {
$(this).delay(200*i).fadeIn();
});
}
});
$('.projcat').click(function(e){
e.preventDefault();
$('.projcat').removeClass('sel');
$(this).addClass('sel');
$("#projectsArea").fadeOut("slow");
$.ajax({
type: 'post',
url: '<?php echo get_template_directory_uri(); ?>/include/projects.php?category='+$(this).attr('data-cat'),
success : function(data) {
$('#projectsArea').html(data);
$("#projectsArea").fadeIn();
$('#projectsArea .bluebox').hide();
$('#projectsArea .bluebox').each(function(i) {
$(this).delay(200*i).fadeIn();
});
}
});
});
});
</script>
<?php get_footer(); ?>