

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


	<!-- 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="active "><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_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/image.jpg" alt="GROND & WATERWERKEN" 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']"					 					     
				 
				>Remmingwerken</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>Remmingwerken</h1>
			
					<p>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 of sluis naderen of dreigen aan te varen. Daarnaast wordt een remmingwerk gebruikt om een schip de gelegenheid te bieden aan te leggen om te wachten voor een gesloten brug of sluis.&nbsp;<br />
&nbsp;<br />
Voorheen werd&nbsp;remmingwerk&nbsp;bijna exclusief van hout gemaakt. Vroeg of laat is echter ieder houten remmingwerk aan vervanging toe. Van der Hem werkt daarom niet&nbsp;alleen met houten remmingwerken, maar behoort ook een stalen remmingwerk tot de mogelijkheden. Bewerkt staal gaat langer mee dan hout en aangezien wij alles in onze eigen werkplaats maken kunt u ook een stalen remmingwerk voor een zeer concurrerende prijs kopen. Een stalen remmingwerk wordt vaak wel bekleed met hout zodat schepen niet beschadigen en er geen vonkvorming ontstaat.<br />
<br />
Remmingwerken&nbsp;hebben nogal wat krachten te verdragen en kwaliteit&nbsp;is dan ook een vereiste. Door onze jarenlange expertise in het vervaardigen van remmingwerken&nbsp;kunt u er zeker van zijn dat de contructie stand houdt.&nbsp;</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/20160728_115635.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160127_161403.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161220_112614.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20170113_144921.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160729_165907.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_150916.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_084045.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160722_091925.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160928_150305.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160615_175504.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20150923_143959.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/20160326_123357.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161215_153846.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160401_155645.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160229_150137.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160229_152633.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20161207_113150.jpg"></div>
					
						<div><img src="/upload/gallery/20170614031800/thumb/20160212_114534.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>