

<!-- 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>Schiphuizen - 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/Schiphuizen/" />


	<!-- 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=" "><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="active "><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_2_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_2" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
 
		
		<ul> 
		
	 	
		    <!-- MINIMUM SLIDE STRUCTURE -->
		   
		    
			<li data-transition="fade">
			 
			    <!-- SLIDE'S MAIN BACKGROUND IMAGE -->
			    
				<div class="tp-caption tp-resizeme rs-parallaxlevel-17" 
				 
				     data-frames='[{"delay": 300, "speed": 300, "from": "opacity: 0", "to": "opacity: 1"}, 
				                   {"delay": "wait", "speed": 300, "to": "opacity: 0"}]' 
				 
				    data-type="image" 
				    data-x="center" 
				    data-y="center" 
				    data-hoffset="0" 
				    data-voffset="0" 
				    data-width="['auto']"
					data-height="['auto']"
					     
				 
				    ><img src="/upload/custom_pages/banners/20160613_082847.jpg" alt="SCHIPHUIZEN" width="130" height="40"></div>


				<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="40" 
					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><!-- END SLIDE -->
		    

		</ul>

    </div>
 
</div

	</div>

	
<div class="container" style="margin-top:10px;">
	<div class="row">
		
			
				<div class="col-xs-12 col-sm-8					 col-md-8">

				<h1 paginaheader>Schiphuizen</h1>
			
					<p>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 vuil worden en tegen verkleuring. Naast dit alles maakt een boothuis het mogelijk om werkzaamheden uit te voeren aan de boot op momenten dat het weer even niet meewerkt of tijdens de wintermaanden.<br />
Wij bouwen boothuizen geheel op maat en naar wens van u, binnen de grenzen van wat uitvoerbaar is. Van een eenvoudige overkapping tot een zeer uitgebreid boothuis. Natuurlijk gebruiken wij materialen van hoogwaardige kwaliteit met een lange levensduur, zodat u jaren kunt genieten van uw boothuis.<br />
<br />
Van der Hem&nbsp;heeft al vele schiphuizen en overdekte jachthavens gebouwd. Het is een specialisme om op het water te bouwen op een zodanige manier dat ook de schepen makkelijk in de boxen kunnen komen.</p>

						
		</div>
		<div class="col-xs-12 col-md-3 col-md-offset-1 col-sm-4">
					
												
				<div class="" style="margin-top: 14px;">
				<h1>Offerte</h1>
				<p style="min-height:210px;">Wilt u een vrijblijvende prijsopgave? Vul ons offerte formulier in.
Wij vragen u bij de opmerking / vraag zoveel mogelijk info te geven, zodat wij een zo goed mogelijke offerte kunnen uitbrenge...<br><br>
				<a href="Offerte" class="btn btn-success btn-md btn-block"><i class="fa fa-chevron-right"></i> Offerte aanvragen</a></p>
				</div>
												
				
		</div>		
	</div>				
								
							
		</div>


	</div>
</div>

	
	<div class="container vdh">
		<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/20161215_153846.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160212_114534.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161208_141508.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160401_155645.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_084045.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160722_145011.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161206_100143.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160229_152633.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160613_082847.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160229_150137.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20170113_144921.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160127_161403.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_150916.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161207_113150.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160722_091925.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161220_112614.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160729_165907.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20150923_143959.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161206_153951.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160613_082838.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; 2025 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; 2025 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>