

<!-- class Upload
{
	public $filename;
	public $width = 800;
	public $height = 800;
	public $crop = false;
	public $thumb_crop = true;
	public $thumb_width = 100;
	public $thumb_height = 100;
	public $thumb = false;
	public $max_size = 6097152; // ~6MB

	private $dest_path;
	private $thumb_path;
	private $orig_path;
	private $resize = false;
	private $tmp_name;
	private $file = [];
	private $file_ok = false;

	function __construct($dest_path, $file)
	{
		$this->file = $file;

		$oldumask = umask(0);
		@mkdir($dest_path . "thumb/", 0777, true);
		@mkdir($dest_path . "orig/", 0777, true);
		umask($oldumask);

		$this->dest_path = $dest_path;
		$this->thumb_path = $dest_path . 'thumb/';
		$this->orig_path = $dest_path . 'orig/';

		$this->tmp_name = $this->file['tmp_name'];
		$this->filename = $this->get_filename($this->file['name']);

		if (in_array($this->file["type"], ["image/gif", "image/jpeg", "image/png", "image/webp"]) && ($this->file["size"] < $this->max_size)) {
			$this->file_ok = true;
			$this->save_original();
		}
	}

	private function get_filename($filename)
	{
		$name = pathinfo($filename, PATHINFO_FILENAME);
		$extension = pathinfo($filename, PATHINFO_EXTENSION);

		$temp_name = $name;
		$i = 1;
		while (file_exists($this->orig_path . $temp_name . "." . $extension)) {
			$temp_name = $name . '_' . $i;
			$i++;
		}

		return $temp_name . "." . $extension;
	}

	public function save_image()
	{
		if ($this->file_ok) {
			if ($this->resize) {
				$this->create_image($this->dest_path, $this->filename, $this->width, $this->height, $this->crop);
			} else {
				copy($this->orig_path . $this->filename, $this->dest_path . $this->filename);
			}

			if ($this->thumb) {
				$this->create_image($this->thumb_path, $this->filename, $this->thumb_width, $this->thumb_height, $this->thumb_crop);
			}
		}
	}

	private function create_image($path, $filename, $targetWidth, $targetHeight, $crop)
	{
		$file_path = $this->orig_path . $filename;
		list($origWidth, $origHeight) = getimagesize($file_path);

		$src_image = $this->image_create_from_file($file_path, $this->file['type']);
		if (!$src_image) {
			return false; // Failed to create image from file
		}

		// Calculate resize ratio respecting aspect ratio
		$ratio_orig = $origWidth / $origHeight;
		$ratio_target = $targetWidth / $targetHeight;

		// Initialize dimensions for resizing
		$resizeWidth = $targetWidth;
		$resizeHeight = $targetHeight;

		if ($crop) {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		} else {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		}

		// Create a new true color image with the calculated dimensions
		$resized_image = imagecreatetruecolor($resizeWidth, $resizeHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($resized_image, imagecolorallocatealpha($resized_image, 0, 0, 0, 127));
			imagealphablending($resized_image, false);
			imagesavealpha($resized_image, true);
		}

		// Resize the original image
		imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0, $resizeWidth, $resizeHeight, $origWidth, $origHeight);

		// Calculate cropping coordinates to center the image
		$crop_x = ($resizeWidth - $targetWidth) / 2;
		$crop_y = ($resizeHeight - $targetHeight) / 2;

		// Create the final image with the target dimensions
		$destination_image = imagecreatetruecolor($targetWidth, $targetHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($destination_image, imagecolorallocatealpha($destination_image, 0, 0, 0, 127));
			imagealphablending($destination_image, false);
			imagesavealpha($destination_image, true);
		}

		// Crop the resized image to the target dimensions
		imagecopyresampled($destination_image, $resized_image, 0, 0, $crop_x, $crop_y, $targetWidth, $targetHeight, $targetWidth, $targetHeight);

		// Save the image in the original format
		$this->image_save_to_file($destination_image, $path . $filename, $this->file['type']);

		// Save the image in WebP format
		$this->image_save_to_webp($destination_image, $path . pathinfo($filename, PATHINFO_FILENAME) . '.webp', 70); // Adjust quality as needed

		// Cleanup
		imagedestroy($src_image);
		imagedestroy($resized_image);
		imagedestroy($destination_image);
	}


	private function image_create_from_file($filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				return imagecreatefromjpeg($filepath);
			case 'image/png':
				return imagecreatefrompng($filepath);
			case 'image/gif':
				return imagecreatefromgif($filepath);
			case 'image/webp':
				return imagecreatefromwebp($filepath);
			default:
				return false;
		}
	}

	private function image_save_to_file($image, $filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				imagejpeg($image, $filepath, 80); // Adjust quality as needed
				break;
			case 'image/png':
				imagepng($image, $filepath, 6); // Adjust compression level as needed
				break;
			case 'image/gif':
				imagegif($image, $filepath);
				break;
			case 'image/webp':
				imagewebp($image, $filepath, 85); // Adjust quality as needed
				break;
		}
	}

	private function image_save_to_webp($image, $filepath, $quality)
	{
		return imagewebp($image, $filepath, $quality);
	}

	private function save_original()
	{
		move_uploaded_file($this->tmp_name, $this->orig_path . $this->filename);
	}

	public function resize($width, $height)
	{
		$this->resize = true;
		$this->width = $width;
		$this->height = $height;
	}

	public function thumb($width = 100, $height = 100, $crop = true)
	{
		$this->thumb = true;
		$this->thumb_width = $width;
		$this->thumb_height = $height;
		$this->thumb_crop = $crop;
	}

	// Rotate Exif function omitted for brevity
} -->


<!DOCTYPE html>
<html lang="en">

<head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-V4NN0PS2T6"></script>
	<script>
		window.dataLayer = window.dataLayer || [];

		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());

		gtag('config', 'G-V4NN0PS2T6');
	</script>
	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta http-equiv="X-UA-Compatible" content="IE=9">

	<link rel="shortcut icon" href="favicon.ico">

	<title>Home - Van Der Hem - Grond en Waterwerken</title>
<meta name="description" content="0" />
<meta name="keywords" content="0" />

<!-- <meta name="Distribution" content="Global" /> -->
<meta name="Rating" content="General" />
<meta name="Robots" content="INDEX,FOLLOW" />
<meta name="Revisit-after" content="7 Days" />
<meta name="author" content="Spinnerz communicatie">
<link rel="canonical" href="http://www.vanderhem.nl//" />


	<!-- Google Fonts CSS -->

	<!-- eigen style sheets -->

	<!-- Bootstrap core CSS -->
	<link href="/css/bootstrap.min.css" rel="stylesheet">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="/css/jquery-ui-1.10.4.custom.css">
	<link rel="stylesheet" type="text/css" href="/css/animate.css">
	<link rel="stylesheet" type="text/css" href="/css/hover.css">
	<link rel="stylesheet" type="text/css" href="/css/custom.css">
	<link rel="stylesheet" type="text/css" href="/css/nav.css">
	<link rel="stylesheet" type="text/css" href="/vendor/fancybox/jquery.fancybox.min.css">


	<!-- Owl Carousel -->
	<link rel="stylesheet" href="/vendor/owlcarousel/owl.carousel.min.css">
	<link rel="stylesheet" href="/vendor/owlcarousel/owl.theme.default.min.css">

	<!-- Slider Revolution CSS Files -->
	<link rel="stylesheet" type="text/css" href="/vendor/revolution/css/settings.css">
	<link rel="stylesheet" type="text/css" href="/vendor/revolution/css/layers.css">
	<link rel="stylesheet" type="text/css" href="/vendor/revolution/css/navigation.css">

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

	<!--[if lt IE 8]>
			<link href="/css/bootstrap-ie7.css" rel="stylesheet">
	<![endif]-->

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
	<script defer data-domain="vanderhem.nl" src="https://tester.spinnerz.nl/js/script.js"></script>
</head>


<body>
	<div class="container">
		<div class="row logotop">
			<div class="col-sm-4 col-sm-offset-4 col-md-2 col-md-offset-0 col-lg-3 col-lg-offset-0 hidden-xs"><a href="/index.php"><img class="logotop2 img-responsive" src="/images/logo.jpg"></a>
			</div>

			<div class="col-xs-12 col-sm-12 col-md-10 col-lg-9" style="margin-bottom: 20px;">
				<!--     <div class="navbar navbar-default navbar-static-top" role="navigation"> -->
<nav id="custom-bootstrap-menu" class="navbar-right navbar-default">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			  <span class="sr-only">Menu 2</span>
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
			</button>
			<a class="navbar-brand visible-xs" href="/index.php"><img class="img-responsive" style="max-width: 120px;" src="/images/logo.png"></a>
			
		</div>
  <!-- Collect the nav links, forms, and other content for toggling -->

  		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="margin-top:30px;">

			<ul class="nav navbar-nav"><li class="active "><a href="/Home">Home</a></li><li class=" "><a href="/Walbeschoeiing">Walbeschoeiing</a></li><li class=" "><a href="/Steigers+en+Vlonders">Steigers en Vlonders</a></li><li class=" "><a href="/Remmingwerken">Remmingwerken</a></li><li class=" "><a href="/Schiphuizen">Schiphuizen</a></li><li class=" "><a href="/Projecten">Projecten</a></li><li class=" "><a href="/Offerte">Offerte</a></li><li class=" "><a href="/Contact">Contact</a></li></ul>		</div><!-- /.navbar-collapse -->
</div>
			</div>

		</div>
	</div>

	<div class="" style="margin-bottom:20px; margin-top:0px;">
		

<div id="rev_slider_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="pa-slide" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
	<div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">

		
		<ul> 
		
	 	
		    <!-- MINIMUM SLIDE STRUCTURE -->
		   
		    <li data-transition="fade" data-mediafilter="brooklyn">
		
		        <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
		        <img src="/upload/custom_pages/banners/vlonder.jpg" alt="VLONDERS IN ELK GEWENST FORMAAT" class="rev-slidebg">

				<div class="tp-caption tp-resizeme largewhitebg" 
				 
				     data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"}, 
				                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' 
				 
					data-x="center" 
					data-y="center" 
					data-hoffset="0" 
					data-voffset="0" 
					data-width="['auto']"
					data-height="['auto']"

					data-fontsize="['40', '24', '22', '18']" 
					data-lineheight="['50', '32', '32', '24']" 
					data-color="['#FFF', '#FFF', '#000', '#000']" 
					data-textAlign="['inherit', 'inherit', 'center', 'center']"					     
				 
				>VLONDERS IN ELK GEWENST FORMAAT</div>	
		
		    </li>
		    		
		    <!-- MINIMUM SLIDE STRUCTURE -->
		   
		    <li data-transition="fade" data-mediafilter="brooklyn">
		
		        <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
		        <img src="/upload/custom_pages/banners/20160613_082847.jpg" alt="SCHIPHUIZEN" class="rev-slidebg">

				<div class="tp-caption tp-resizeme largewhitebg" 
				 
				     data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"}, 
				                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' 
				 
					data-x="center" 
					data-y="center" 
					data-hoffset="0" 
					data-voffset="0" 
					data-width="['auto']"
					data-height="['auto']"

					data-fontsize="['40', '24', '22', '18']" 
					data-lineheight="['50', '32', '32', '24']" 
					data-color="['#FFF', '#FFF', '#000', '#000']" 
					data-textAlign="['inherit', 'inherit', 'center', 'center']"					     
				 
				>SCHIPHUIZEN</div>	
		
		    </li>
		    		
		    <!-- MINIMUM SLIDE STRUCTURE -->
		   
		    <li data-transition="fade" data-mediafilter="brooklyn">
		
		        <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
		        <img src="/upload/custom_pages/banners/steiger.jpg" alt="STEIGER OP MAAT" class="rev-slidebg">

				<div class="tp-caption tp-resizeme largewhitebg" 
				 
				     data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"}, 
				                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' 
				 
					data-x="center" 
					data-y="center" 
					data-hoffset="0" 
					data-voffset="0" 
					data-width="['auto']"
					data-height="['auto']"

					data-fontsize="['40', '24', '22', '18']" 
					data-lineheight="['50', '32', '32', '24']" 
					data-color="['#FFF', '#FFF', '#000', '#000']" 
					data-textAlign="['inherit', 'inherit', 'center', 'center']"					     
				 
				>STEIGER OP MAAT</div>	
		
		    </li>
		    		
		    <!-- MINIMUM SLIDE STRUCTURE -->
		   
		    <li data-transition="fade" data-mediafilter="brooklyn">
		
		        <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
		        <img src="/upload/custom_pages/banners/image.jpg" alt="GROND & WATERWERKEN" class="rev-slidebg">

				<div class="tp-caption tp-resizeme largewhitebg" 
				 
				     data-frames='[{"delay": 500, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"}, 
				                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' 
				 
					data-x="center" 
					data-y="center" 
					data-hoffset="0" 
					data-voffset="0" 
					data-width="['auto']"
					data-height="['auto']"

					data-fontsize="['40', '24', '22', '18']" 
					data-lineheight="['50', '32', '32', '24']" 
					data-color="['#FFF', '#FFF', '#000', '#000']" 
					data-textAlign="['inherit', 'inherit', 'center', 'center']"					     
				 
				>GROND & WATERWERKEN</div>	
		
		    </li>
		    
		</ul>

    </div>
 
</div>

	</div>

	<div class="container">
<!--
	<div class="row">
		<div class="col-xs-12">
			<h2 class="featurette-heading">Van der Hem <span class="text-muted">grond & waterwerken</span></h2>
		</div>
	</div>
-->
	<div class="row">
		<div class="col-xs-12 col-sm-6 col-lg-3 item">
									
			<h1 class="item2">Walbeschoeiing</h1>
			<p class="homeblok item3">Walbeschoeiing is de manier om een woning of bedrijf aan de waterkant te laten verstevigen.&nbsp;Walbeschoeiing zorgt voor een een verzorgde aanblik of noodzakelijk als bescherming. Walbeschoeiing voo...<br><br></p>
			<a style="" href="Walbeschoeiing" class="btn btn-default btn-md"><i class="fa fa-chevron-circle-right"></i> Lees meer</a>
					</div>
		<div class="col-xs-12 col-sm-6 col-lg-3 item">
									
			<h1 class="item2">Steigers en Vlonders</h1>
			<p class="homeblok item3">Vlonders en steigers zijn unieke mogelijkheden om van water en tuin tegelijk te genieten. Wij kunnen vlonders en steigers in diverse materialen en in elk gewenst formaat&nbsp;voor u maken
Bij v...<br><br></p>
			<a style="" href="Steigers en Vlonders" class="btn btn-default btn-md"><i class="fa fa-chevron-circle-right"></i> Lees meer</a>
					</div>
		<div class="col-xs-12 col-sm-6 col-lg-3 item">
									
			<h1 class="item2">Remmingwerken</h1>
			<p class="homeblok item3">Remmingwerk ook wel&nbsp;geleidewerk&nbsp;genoemd&nbsp;biedt bruggen en sluizen bescherming tegen naderende boten en schepen. Boten en schepen worden dankzij het remmingwerk afgeremd als ze een brug o...<br><br></p>
			<a style="" href="Remmingwerken" class="btn btn-default btn-md"><i class="fa fa-chevron-circle-right"></i> Lees meer</a>
					</div>		
		<div class="col-xs-12 col-sm-6 col-lg-3 item">
									
			<h1 class="item2">Schiphuizen</h1>
			<p class="homeblok item3">Schiphuizen&nbsp;/&nbsp;boothuizen zijn&nbsp;een goede bescherming voor uw boot tegen weersomstandigheden zoals regen, hagel, sneeuw en zonnestraling. Daarnaast beschermt een boothuis uw boot tegen vu...<br><br></p>
			<a style="" href="Schiphuizen" class="btn btn-default btn-md"><i class="fa fa-chevron-circle-right"></i> Lees meer</a>
					</div>	

	</div>
	
	<div class="row">
		<div class="col-xs-12" style="margin-top:40px;">
			<a href="/offerte" class="btn btn-success btn-lg btn-block"><i class="fa fa-chevron-right"></i> Vraag vrijblijvend een offerte aan</a>
		</div>
	</div>
	
</div>
			
<div class="container" style="margin-top:10px;">
	<div class="row">
		
							
		</div>


	</div>
</div>

	
	<div class="container vdh">
		<hr class="featurette-divider">
	</div>

	
			<div class="container ">
				<div class="row">
					<div class="col-xs-12">
						<h2 class="featurette-heading">Projecten</h2>

						
  <div class="row">

      <div class="col-xs-12 col-sm-4">
      <p class="project_titel">Damwanden akkrum</p>
   	  <hr class="featurette-divider">
      Aanleg damwand in Akkrum. De damwanden zijn vervangen en Van Der Hem heeft een nieuwe steiger en vlonder aangelegd.<br />
&nbsp;<br><br>
      <a href="Projecten" class="btn btn-success btn-md btn-block"><i class="fa fa-chevron-circle-right"></i> Bekijk meer projecten</a>
      
      </div>  
	  
      <div class="col-xs-6 col-sm-4">
		<a data-fancybox="images" data-caption="0" href="/upload/custom_pages/projecten/20180424_153301.jpg"><img class="img-responsive img-thumbnail fadein" rel="shadowbox" src="/upload/custom_pages/projecten/thumb/20180424_153301.jpg" alt="0" /></a>   	      
      </div>
      
	        <div class="col-xs-6 col-sm-4"><a data-fancybox="images" data-caption="0" href="/upload/custom_pages/projecten/20180424_100825.jpg"><img class="img-responsive img-thumbnail fadein" rel="shadowbox" src="/upload/custom_pages/projecten/thumb/20180424_100825.jpg" alt="0" /></a>      
            	
      </div>
  </div>
					</div>
				</div>
				<hr class="featurette-divider">
			</div>
	

	<div class="container vdh">
		<div class="row">
			<div class="col-lg-12">
				<h2 class="featurette-heading">Ons werk <span class="text-muted">in beeld</span></h2>
				<br>
				<div class="owl-carousel">

					
						<div><img src="/upload/gallery/20170614031800/thumb/20160326_123357.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161220_112614.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160212_114534.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161207_113150.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160615_175504.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160202_110724.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20170113_144921.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_150305.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161208_141508.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160927_081719.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160613_082847.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160229_152633.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160613_082838.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_150916.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160229_150137.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161206_153951.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160722_091925.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161206_100143.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20150923_143959.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160401_155645.jpg"></div>
					
				</div>

			</div>
		</div>
	</div>

	</div>

	<div class="container">
		<hr class="featurette-divider">
	</div>

	<div class="container">
		<div class="row">
			<div class="hidden-xs col-md-4 col-lg-5"><img class="img-responsive img-thumbnail" style="margin-top:50px;" src="/images/overons.jpg" alt="wiersma tentenverhuur" />
			</div>
			<div class="col-xs-12 col-md-8 col-lg-7">
				<h2 class="featurette-heading">Over <span class="text-muted">van der Hem</span></h2>
				<p class="lead">
					
						Welkom op website van&nbsp;van der Hem grond &amp; waterwerken. Van der Hem is gespecialiseerd in waterbouw.<br />
Voor het bouwen van onder andere&nbsp;walbeschoeiing, steigers, vlonders, remmingwerken en schiphuizen&nbsp;is van der Hem het adres.<br />
<br />
Wij beschikken over een compleet uitgerust werkschip zodat wij op elke locatie de werkzaamheden kunnen uitvoeren. Wilt u vrijblijvend meer informatie of een offerte? Neem contact met ons op.&nbsp;					
				</p>
			</div>

		</div>
	</div>

	<div class="container">
		<hr class="featurette-divider">
	</div>

	<div class="container-fluid" style="background-color: #f94116;">
		<div class="container footer">
			<div class="row">
					<div class="col-xs-12 col-md-5 col-md-offset-1">
	    <div class="">			
			<h2>Contact</h2>
			<p style="font-size:18px;">
			Van der Hem - grond & waterwerken BV<br>
			M. Wybrensdyk 5<br>
			9006 XH Eagum<br>
			</p>		
	    </div>
    </div>


    <div class="col-xs-12 col-md-5 col-md-offset-1">
  	    <div class="">
			<h2>&nbsp;</h2>
			<p style="font-size:22px;">
			<i class="fa fa-mobile fa-fw" aria-hidden="true"></i> 06 51 91 27 76<br>
			<i class="fa fa-envelope-o fa-fw" aria-hidden="true"></i> info@vanderhem.nl</br>
			<i class="fa fa-globe fa-fw" aria-hidden="true"></i> www.vanderhem.nl
			</p>  			
        </div>
    </div>
					</div>
		</div>
	</div>

	<div class="container">
		<hr class="featurette-divider">
	</div>

	<!-- FOOTER -->

	<div class="container">
		<footer>
			<!--     <p class="pull-right"><a href="#">Terug naar boven</a></p> -->

			<p class="hidden-xs">&copy; 2024 van der Hem - Grond en Waterwerken - <a href="http://www.spinnerz.nl" target="_blank">vormgeving en creatie Spinnerz Communicatie</a></p>

			<p class="visible-xs text-center" style="font-size:13px;">&copy; 2024 van der Hem
				Grond en Waterwerken<br>
				<a href="http://www.spinnerz.nl" target="_blank">vormgeving en creatie Spinnerz Communicatie</a>
			</p>


			<a href="#"><i class="go-top fa fa-angle-up"></i></a>

		</footer>
	</div>

	<!-- eind hoofd container -->
	<!-- JS -->

	<!-- Slider Revolution core JavaScript files -->
	<script type="text/javascript" src="/vendor/revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="/vendor/revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="/js/main.js" defer></script>

	<script type="text/javascript" src="/vendor/matchheight/jquery.matchHeight.js"></script>
	<script type="text/javascript" src="/vendor/fancybox/jquery.fancybox.min.js"></script>


	<!-- 	    <script type="text/javascript" src="/js/jquery-ui.min.js" defer></script> -->
	<!-- 		<script type="text/javascript" src="/js/jquery.ui.touch-punch.min.js" defer></script> -->
	<script type="text/javascript" src="/js/bootstrap.min.js"></script>

	<!-- Owl Carousel -->
	<script src="/vendor/owlcarousel/owl.carousel.min.js"></script>


	<!-- Validatie offer form -->
	<script type="text/javascript" src="/js/jquery.validate.js"></script>
	<script type="text/javascript" src="/js/additional-methods.js"></script>

	<!-- Owl Carousel examples -->
	<script type="text/javascript" src="/js/holder.js" defer></script>
	<script type="text/javascript" src="/js/jquery.appear.js"></script>
	<script type="text/javascript" src="/js/modernizr.custom.js"></script>
	<script type="text/javascript" src="/js/jquery.mask.min.js" defer></script>

</body>

</html>