<!-- extra functions -->


<!-- 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
} -->


<!-- end -->


<!doctype html>
<html lang="nl">

<head>
    <!-- title -->
    <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" />

    		<title>Trouwen in De Pleats - De Pleats</title>
		<meta name="description" content="Lees alles over de mogelijkheden van trouwen in De Pleats" />
		<meta name="keywords" content="trouwen, burgum, depleats, pleats, huwelijk" />

		<!-- <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.depleats.nl/Trouwen in De Pleats/" />
		

<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/favicons/manifest.json">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000000">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

    <!-- animation -->
    <link rel="stylesheet" href="/css2/animate.css" />
    <!-- bootstrap -->
    <link rel="stylesheet" href="/css2/bootstrap.min.css" />
    <!-- et line icon -->
    <link rel="stylesheet" href="/css2/et-line-icons.css" />
    <!-- font-awesome icon -->
    <link rel="stylesheet" href="/css2/font-awesome.min.css" />
    <!-- swiper carousel -->
    <link rel="stylesheet" href="/css2/swiper.min.css">
    <!-- justified gallery -->
    <link rel="stylesheet" href="/css2/justified-gallery.min.css">
    <!-- magnific popup -->
    <link rel="stylesheet" href="/css2/magnific-popup.css" />
    <!-- revolution slider -->
    <link rel="stylesheet" type="text/css" href="revolution/css2/settings.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="revolution/css2/layers.css">
    <link rel="stylesheet" type="text/css" href="revolution/css2/navigation.css">
    <!-- bootsnav -->
    <link rel="stylesheet" href="/css2/bootsnav.css">
    <!-- style -->
    <link rel="stylesheet" href="/css2/style.css" />
    <!-- responsive css -->
    <link rel="stylesheet" href="/css2/responsive.css" />

    <link rel="stylesheet" href="/css2/jquery-ui.min.css" />
    <link rel="stylesheet" href="/css2/custom.css" />


    <script type="text/javascript" src="/js/jquery.js"></script>
    <script src='https://www.google.com/recaptcha/api.js' async defer></script>


    <script>
        window.onload = function() {
            var recaptcha = document.forms["myForm"]["g-recaptcha-response"];
            recaptcha.required = true;
            recaptcha.oninvalid = function(e) {
                // do something
                alert("Please complete the captcha");
            }
        }
    </script>

    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-989843-5']);
        _gaq.push(['_trackPageview']);
        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>
    <!--[if IE]>
    <script src="/js/html5shiv.js"></script>
    <![endif]-->
    <script defer src="/vendor/fontawesome/fontawesome-all.min.js"></script>
    <script defer data-domain="depleats.nl" src="https://tester.spinnerz.nl/js/script.js"></script>

</head>

<body>


    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = 'https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v3.0&appId=782545958518243';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>


    <!-- Get current page -->
    

    <!-- start header -->


            <header>


            <!-- start navigation  navbar navbar-default bootsnav navbar-top header-light bg-transparent nav-box-width white-link on no-full-->

            <nav class="navbar navbar-default bootsnav navbar-fixed-top header-light padding-nav">
                <div class="container-fluid nav-header-container">
                    <div class="row">
                        <!-- start logo -->
                        <div class="col-md-2 col-xs-5">
                            <a href="/" title="De Pleats Burgum" class="logo"><img src="/images/logo3.svg" alt="De Pleats" class="logo-light default"></a>
                        </div>
                        <!-- end logo -->
                        <div class="col-md-7 col-xs-2 width-auto pull-right accordion-menu">
                            <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
                                <span class="sr-only">toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <div class="navbar-collapse collapse pull-right" id="navbar-collapse-toggle-1">
                                <ul class="nav navbar-nav"><li class=" "><a href="/Home"><span class="">Home</span></a></li><li class=" dropdown  simple-dropdown"><a href="#" data-toggle="dropdown">Restaurant <i class="fas fa-caret-down"></i></a><ul class="dropdown-menu"><li class=" "><a href="/Restaurant+De+Pleats"><span class="">Restaurant De Pleats</span></a></li><li class=" "><a href="/Dinerkaart"><span class="">Dinerkaart</span></a></li><li class=" "><a href="/Keuzemenu+De+Pleats"><span class="">Keuzemenu De Pleats</span></a></li><li class=" "><a href="/Lunchkaart"><span class="">Lunchkaart</span></a></li><li class=" "><a href="/Allergenen"><span class="">Allergenen</span></a></li></ul></li><li class=" "><a href="/Catering"><span class="">Catering</span></a></li><li class=" "><a href="/Arrangementen"><span class="">Arrangementen</span></a></li><li class=" "><a href="/Groepen"><span class="">Groepen</span></a></li><li class=" "><a href="/Vergaderen"><span class="">Vergaderen</span></a></li><li class=" dropdown  simple-dropdown"><a href="#" data-toggle="dropdown">Informatie <i class="fas fa-caret-down"></i></a><ul class="dropdown-menu"><li class=" "><a href="/Agenda"><span class="">Agenda</span></a></li><li class=" "><a href="/Veel+gestelde+vragen"><span class="">Veel gestelde vragen</span></a></li><li class=" "><a href="/360%C2%B0+virtuele+tour"><span class="">360° virtuele tour</span></a></li><li class=" "><a href="/Handige+links"><span class="">Handige links</span></a></li><li class=" "><a href="/Sfeerimpressie"><span class="">Sfeerimpressie</span></a></li><li class=" "><a href="/Openbaar+vervoer"><span class="">Openbaar vervoer</span></a></li><li class=" "><a href="/Kadobon"><span class="">Kadobon</span></a></li><li class=" "><a href="http://www.werkenbijdepleats.nl" target ="_blank" >Vacatures</a></li><li class=" "><a href="/MVO+beleid"><span class="">MVO beleid</span></a></li><li class=" "><a href="/Historie+en+Pleats+team"><span class="">Historie en Pleats team</span></a></li></ul></li><li class=" "><a href="/Contact"><span class="">Contact</span></a></li><li class=" "><a href="/Reserveren"><span class="reserveren">Reserveren</span></a></li><li class=" "><a href="/Fietsroutes"><span class="">Fietsroutes</span></a></li></ul>                            </div>
                        </div>
                        <div class="s">

                            <div class="header-social-icon xs-display-none">
                                                                    <a href="https://www.facebook.com/https://m.facebook.com/depleats" title="Facebook" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                                                            </div>
                            <div class="header-social-icon xs-display-none">
                                                                    <a href="https://twitter.com/https://twitter.com/depleats" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
                                                            </div>
                            <div class="heder-menu-button sm-display-none" style="margin-left:10px; padding-right:10px;">
                                <button class="navbar-toggle mobile-toggle right-menu-button" type="button" id="showRightPush">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </button>
                            </div>
                        </div> <!-- End special -->
            </nav>

            <!-- end navigation -->
            <!-- start push menu -->
            <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
                <button class="close-button-menu side-menu-close" id="close-pushmenu"></button>
                <div class="display-table padding-twelve-all height-100 width-100 text-center">
                    <div class="display-table-cell vertical-align-top padding-70px-top position-relative">
                        <div class="row" accesskey="">
                            <!-- start push menu logo -->
                            <div class="col-lg-12 margin-70px-bottom">
                                <img src="/images/logo2.svg" alt="" />
                            </div>
                            <!-- end push menu logo -->

                            <div class="col-lg-12">
                                                                    <p><strong>De Pleats</strong><br />
Schoolstraat 82<br />
9251 ED - Burgum<br />
<br />
Telefoon 0511 - 461556<br />
Fax 0511 - 469161<br />
<br />
E-mail info@depleats.nl<br />
<br />
KvK 01098654<br />
BTW nr NL8122.65.221.B01<br />
<br />
<strong>Openingstijden</strong><br />
De Pleats is van maandag tot en met vrijdag geopend vanaf 7.30&nbsp;uur. Ook voor trainingen, vergaderingen, koffie met gebak en lunch.<br />
Op zaterdag zijn wij vanaf 09.00 uur geopend, zondags zijn wij gesloten.<br />
<br />
<b>Parkeren</b><br />
Rondom De Pleats zijn ruime parkeermogelijkheden. U kunt gratis parkeren op De Markt of op het parkeerterrein naast De Pleats.<br />
&nbsp;<br />
<strong>Zo vindt u ons:&nbsp;</strong><br />
Vanaf Drachten / Nijega&nbsp;/ Centrale As afslag Burgum. Na de brug op de rotonde 1e rechts, 3e weg (inclusief eerste parallelweg) links, aan het eind rechts.<br />
Vanaf Leeuwarden / Quatrebras in Burgum, 3e rotonde links, 3e weg (inclusief eerste parallelweg) links, aan het einde rechts.<br />
Bij gebruik van uw navigatiesysteem kunt u het beste Markt 147 invoeren.</p>
                                                            </div>
                            <!-- start social links -->
                            <div class="col-md-12 margin-100px-top text-center">
                                <div class="icon-social-medium margin-three-bottom">
                                    <a href="https://www.facebook.com/depleats" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                                    <a href="https://twitter.com/depleats" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-twitter" aria-hidden="true"></i></a>
                                </div>
                            </div>
                            <!-- end social links -->
                        </div>
                    </div>
                </div>

            </div>
            <!-- end push menu -->
            </header>
            <!-- end header -->


            <!-- start slider section -->
                        <!-- end slider section -->

            <!-- start full width main menuitems section -->
                        <section style="margin-top:100px;" class="fifth-section no-padding-bottom  wow fadeIn bg-very-light-gray .border-color-extra-light-green border-bottom">
                <div class="container-fluid hidden-xs hidden-sm ">
                    <div class="row equalize feature-box-14 green" style="font-size:12px;">
                        <!-- start feature box item -->
                        <div class="col-md-2 hidden-xs hidden-sm text-center border-right .border-color-extra-light-green display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                            <div class="display-table-cell vertical-align-middle padding-fifteen-all xs-padding-30px-tb xs-no-padding-lr">
                                <i class="far fa-link"></i> <a href="/Reserveren">Reserveren</a>
                            </div>
                        </div>
                        <div class="col-md-2 hidden-xs hidden-sm text-center border-right .border-color-extra-light-green display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                            <div class="display-table-cell vertical-align-middle padding-fifteen-all xs-padding-30px-tb xs-no-padding-lr">
                                <i class="far fa-link"></i> <a href="/Contact">Contact</a>
                            </div>
                        </div>
                        <div class="col-md-2 hidden-xs hidden-sm text-center border-right .border-color-extra-light-green display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                            <div class="display-table-cell vertical-align-middle padding-fifteen-all xs-padding-30px-tb xs-no-padding-lr">
                                <i class="far fa-link"></i> <a href="/kadobon">kadobon</a>
                            </div>
                        </div>
                        <div class="col-md-2 hidden-xs hidden-sm text-center border-right .border-color-extra-light-green display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                            <div class="display-table-cell vertical-align-middle padding-fifteen-all xs-padding-30px-tb xs-no-padding-lr">
                                <i class="far fa-link"></i> <a href="/Veel+gestelde+vragen">Veel gestelde vragen</a>
                            </div>
                        </div>
                        <div class="col-md-2 hidden-xs hidden-sm text-center border-right .border-color-extra-light-green display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                            <div class="display-table-cell vertical-align-middle padding-fifteen-all xs-padding-30px-tb xs-no-padding-lr">
                                <i class="far fa-link"></i> <a href="/Catering">Catering</a>
                            </div>
                        </div>
                        <div class="col-md-2 hidden-xs hidden-sm text-center border-right .border-color-extra-light-green display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                            <div class="display-table-cell vertical-align-middle padding-fifteen-all xs-padding-30px-tb xs-no-padding-lr">
                                <i class="far fa-link"></i> <a href="/High+Tea">High Tea</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- end full main menuitems section-->

            <!-- start news section -->
                        <!-- end news slider style 01 section -->


            <!-- Start maincontainer section -->
                            <!-- Check if sidebar is active -->
                

                                    <section class="no-padding wow fadeIn bg-very-light-gray" style="margin-bottom:30px;">
                        <div class="container-fluid">
                                                        <div class="row equalize sm-equalize-auto">
                                                                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 cover-background wow fadeInLeft sm-height-450px" style='background-image:url("/upload/gallery/20180301072004/6-werkeninhoreca.jpg");'></div>
                                                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 wow fadeInRight no-padding-lr sm-padding-15px-lr">
                                    <div class="padding-ten-all md-padding-ten-all pull-left sm-no-padding-lr xs-padding-10px-tb">
                                        <div class="col-lg-11 col-md-12 col-sm-12 col-xs-12 margin-five-bottom md-margin-six-bottom sm-margin-40px-bottom xs-margin-30px-bottom xs-no-padding-lr">
                                            <h5 style="text-transform:uppercase;" class="alt-font text-extra-dark-gray">Trouwen in De Pleats</h5>
                                        </div>
                                        <div class="col-2-nth">
                                            <!-- start feature box item -->
                                            <div class="col-lg-12 col-md-12 col-sm-12we  col-xs-12 margin-six-bottom sm-margin-30px-bottom last-paragraph-no-margin xs-no-padding-lr">
                                                <div class="feature-content">
                                                    <p>De Pleats is een populaire locatie voor een compleet en geslaagd huwelijksfeest!<br />
<br />
<a href="http://www.trouwenindepleats.nl" target="_blank">Lees alles over Trouwen in De Pleats op onze speciale Trouwen in De Pleats website.</a></p>
                                                                                                    </div>
                                            </div>
                                        </div>
                                        <!-- end feature box item -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    
                                        <!-- End maincontainer section -->


            <!-- start General HomeText section -->
                        <!-- end feature section -->

            <!-- start full width USP section -->
            <section class="no-padding wow fadeIn border-color-extra-light-gray border-bottom">
                <div class="container-fluid no-padding">
                    <div class="row equalize no-margin feature-box-14">

                        
                                <div class="col-md-3 col-sm-6 col-xs-12 text-center border-right border-color-extra-light-gray display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                                    <div class="item display-table-cell vertical-align-middle padding-eleven-all xs-padding-30px-tb xs-no-padding-lr">
                                        <i class="far fa-plus-circle"></i>
                                        <span class="display-block alt-font font-weight-600 text-extra-dark-gray margin-25px-top margin-5px-bottom sm-margin-15px-top"></span>
                                        <p class="item2">Geopend van maandag t/m zaterdag</p>
                                    </div>
                                </div>
                        
                                <div class="col-md-3 col-sm-6 col-xs-12 text-center border-right border-color-extra-light-gray display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                                    <div class="item display-table-cell vertical-align-middle padding-eleven-all xs-padding-30px-tb xs-no-padding-lr">
                                        <i class="far fa-plus-circle"></i>
                                        <span class="display-block alt-font font-weight-600 text-extra-dark-gray margin-25px-top margin-5px-bottom sm-margin-15px-top"></span>
                                        <p class="item2">Rolstoelvriendelijk</p>
                                    </div>
                                </div>
                        
                                <div class="col-md-3 col-sm-6 col-xs-12 text-center border-right border-color-extra-light-gray display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                                    <div class="item display-table-cell vertical-align-middle padding-eleven-all xs-padding-30px-tb xs-no-padding-lr">
                                        <i class="far fa-plus-circle"></i>
                                        <span class="display-block alt-font font-weight-600 text-extra-dark-gray margin-25px-top margin-5px-bottom sm-margin-15px-top"></span>
                                        <p class="item2">Fairtrade keurmerk</p>
                                    </div>
                                </div>
                        
                                <div class="col-md-3 col-sm-6 col-xs-12 text-center border-right border-color-extra-light-gray display-table border-bottom wow fadeInUp last-paragraph-no-margin">
                                    <div class="item display-table-cell vertical-align-middle padding-eleven-all xs-padding-30px-tb xs-no-padding-lr">
                                        <i class="far fa-plus-circle"></i>
                                        <span class="display-block alt-font font-weight-600 text-extra-dark-gray margin-25px-top margin-5px-bottom sm-margin-15px-top"></span>
                                        <p class="item2">Altijd Gastvrij</p>
                                    </div>
                                </div>
                                            </div>
                </div>
            </section>
            <!-- end full USP section-->

            <!-- start call to action TripAdvisor section-->
            <section id="contact" class="half-section bg-green">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h6 class="font-weight-600  alt-font text-white center-col width-50 margin-5px-bottom xs-width-100">De Pleats wordt aanbevolen door TripAdvisor</h6>
                            <center>
                                <div id="TA_restaurantWidgetGreen963" class="TA_restaurantWidgetGreen">
                                    <ul id="zh2BYFy7" class="TA_links uuGwlWXGSc">
                                        <li id="ZNXWwmGip0A" class="CLdSlF">
                                            <a target="_blank" href="https://www.tripadvisor.nl/"><img src="https://www.tripadvisor.nl/img/cdsi/partner/tripadvisor_logo_117x18-24177-2.png" alt="TripAdvisor" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </center>
                            <script async src="https://www.jscache.com/wejs?wtype=restaurantWidgetGreen&amp;uniq=963&amp;locationId=4932621&amp;icon=knifeAndFork&amp;lang=nl&amp;display_version=2"></script>
                        </div>
                    </div>
                </div>
            </section>
            <!-- end call to action TripAdvisor section -->

            <!-- start photo section -->
            <section class="wow fadeIn no-padding">
                <div class="container-fluid no-padding">
                    <div class="row no-margin">
                        <ul class="portfolio-grid work-4col hover-option4 lightbox-gallery">
                            <li class="grid-sizer"></li>
                            <!-- start portfolio item -->
                                                        <!-- end picture item -->
                        </ul>
                    </div>
                </div>
            </section>
            <!-- end photo section -->

            <!-- start arrangement section -->
                            <section class="wow fadeIn hover-option4 blog-post-style3">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-5 col-md-6 col-sm-6 col-xs-12 center-col margin-eight-bottom sm-margin-40px-bottom xs-margin-30px-bottom text-center">
                                <div class="alt-font text-medium-gray margin-5px-bottom text-uppercase text-small">De Pleats arrangementen</div>
                                <!-- <h6 class="alt-font text-extra-dark-gray font-weight-600">Een greep uit onze arrangementen</h6> -->
                                <h6 class="alt-font text-extra-dark-gray font-weight-600">Een greep uit ons aanbod.</h6>
                                <!-- <a href="arrangementen" class="btn btn-small btn-green btn-rounded md-margin-15px-bottom sm-display-table sm-margin-lr-auto"><i class="far fa-chevron-right"></i> Bekijk alle arrangementen</a> -->
                            </div>
                        </div>
                        <div class="row equalize xs-equalize-auto">

                            <!-- start blog post item -->
                                                            <div class="item grid-item col-md-4 col-sm-6 col-xs-12 wow fadeInUp sm-padding-30px-bottom xs-text-center">
                                    <div class="blog-post bg-light-gray inner-match-height">
                                        <div class="blog-post-images overflow-hidden position-relative">
                                            <!-- Get the main groups -->
                                                                                                <img loading="lazy" src="/upload/custom_pages/arrangementgroepen/thumb/depleats-fietsroutes-arrangement.webp" alt="">
                                                                                    </div>
                                        <div class="post-details padding-40px-all sm-padding-20px-all">
                                            <div class="item1">
                                                                                                    <h6 class="text-center">Fietsarrangement</h6>
                                                                                            </div>
                                            <p class="item2 alt-font post-title text-medium text-extra-dark-gray width-100 display-block md-width-100 margin-15px-bottom text-center">Fiets Arrangement<br>€39,95 p.p.</p>
                                            <div>
                                                <p class="shortText">Start de tocht met koffie en Friese Oranjekoek.
Vervolgens kiest u een van de 4 routes en sluit u af met een diner bij de Pleats.

Alle routes beginnen en eindigen bij De Pleats.

Heeft u een lunchpakket nodig voor onderweg?&nbsp;

U kunt u een lunchpakket reserveren voor &euro; 9,95 per persoon. (bij het reserveren even in de opmerking toevoegen)

Wilt u een fiets huren?&nbsp;
Neem dan even contact met ons op zodat wij een fiets klaar kunnen zetten bij de Pleats.&nbsp;

Fiets arrangement
Koffie* + Oranjekoek
Route
3 Gangen keuze menu
* 2e koffie gratis</p>
                                            </div>
                                            <div class=" separator-line-horrizontal-full bg-medium-gray margin-20px-tb sm-margin-15px-tb">
                                            </div>
                                            <p class="text-center"><a data-wow-delay="0.6s" href="#modal-1978" class="modal-popup text-center btn btn-small btn-green btn-rounded"><i class="far fa-chevron-right"></i> Lees meer</a></p>
                                            <div id="modal-1978" class="zoom-anim-dialw mfp-hide col-lg-6 col-md-8 col-sm-8 col-xs-11 center-col bg-white  modal-popup-main padding-50px-all">
                                                <!-- <img src="/upload/custom_pages/arrangementgroepen/depleats-fietsroutes-arrangement.webp"> -->
                                                <span class="text-center text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">Fietsarrangement</span>
                                                <h6 class="text-center">Fiets Arrangement</h6>
                                                <p class="margin-four"></p>
                                                <div class="row">
                                                    <div class="col-xs-12 col-md-6">
                                                        <p class="margin-four">Start de tocht met koffie en Friese Oranjekoek.<br />
Vervolgens kiest u een van de 4 routes en sluit u af met een diner bij de Pleats.<br />
<br />
Alle routes beginnen en eindigen bij De Pleats.<br />
<br />
Heeft u een lunchpakket nodig voor onderweg?&nbsp;<br />
<br />
U kunt u een lunchpakket reserveren voor &euro; 9,95 per persoon. (bij het reserveren even in de opmerking toevoegen)<br />
<br />
Wilt u een fiets huren?&nbsp;<br />
Neem dan even contact met ons op zodat wij een fiets klaar kunnen zetten bij de Pleats.&nbsp;<br />
<br />
<strong>Fiets arrangement</strong><br />
<strong>K</strong>offie* + Oranjekoek<br />
<strong>R</strong>oute<br />
<strong>3</strong> Gangen keuze menu<br />
<em>* 2e koffie gratis</em></p>
                                                        <p class="margin-four"></p>
                                                    </div>
                                                    <div class="hidden-sm hidden-sm col-md-6">
                                                        <img class="img-responsvie" src="/upload/custom_pages/arrangementgroepen/thumb/depleats-fietsroutes-arrangement.webp " alt="">                                                    </div>
                                                    <p style="padding-top:30px;" class="text-center"><a class="btn btn-medium btn-rounded btn-green popup-modal-dismiss" href="#">Sluiten</a></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="item grid-item col-md-4 col-sm-6 col-xs-12 wow fadeInUp sm-padding-30px-bottom xs-text-center">
                                    <div class="blog-post bg-light-gray inner-match-height">
                                        <div class="blog-post-images overflow-hidden position-relative">
                                            <!-- Get the main groups -->
                                                                                    </div>
                                        <div class="post-details padding-40px-all sm-padding-20px-all">
                                            <div class="item1">
                                                                                            </div>
                                            <p class="item2 alt-font post-title text-medium text-extra-dark-gray width-100 display-block md-width-100 margin-15px-bottom text-center">Van Uylenburg tea <br>€ 27,95 p.p.</p>
                                            <div>
                                                <p class="shortText">Start de tocht met koffie en Friese Oranjekoek.
Vervolgens kiest u een van de 4 routes en sluit u af met een diner bij de Pleats.

Alle routes beginnen en eindigen bij De Pleats.

Heeft u een lunchpakket nodig voor onderweg?&nbsp;

U kunt u een lunchpakket reserveren voor &euro; 9,95 per persoon. (bij het reserveren even in de opmerking toevoegen)

Wilt u een fiets huren?&nbsp;
Neem dan even contact met ons op zodat wij een fiets klaar kunnen zetten bij de Pleats.&nbsp;

Fiets arrangement
Koffie* + Oranjekoek
Route
3 Gangen keuze menu
* 2e koffie gratis</p>
                                            </div>
                                            <div class=" separator-line-horrizontal-full bg-medium-gray margin-20px-tb sm-margin-15px-tb">
                                            </div>
                                            <p class="text-center"><a data-wow-delay="0.6s" href="#modal-2630" class="modal-popup text-center btn btn-small btn-green btn-rounded"><i class="far fa-chevron-right"></i> Lees meer</a></p>
                                            <div id="modal-2630" class="zoom-anim-dialw mfp-hide col-lg-6 col-md-8 col-sm-8 col-xs-11 center-col bg-white  modal-popup-main padding-50px-all">
                                                <!-- <img src="/upload/custom_pages/arrangementgroepen/depleats-fietsroutes-arrangement.webp"> -->
                                                <span class="text-center text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">0</span>
                                                <h6 class="text-center">Van Uylenburg tea </h6>
                                                <p class="margin-four"></p>
                                                <div class="row">
                                                    <div class="col-xs-12 col-md-6">
                                                        <p class="margin-four"><ul>
	<li>Scone met cream en jam</li>
	<li>Huisgemaakte cupcake</li>
	<li>Mini petit four</li>
	<li>Brownie</li>
	<li>Profiterol</li>
	<li>Bonbons</li>
	<li>Kleine sandwich gezond</li>
	<li>Mini vers fruit</li>
	<li>Glaasje tomatensoep</li>
	<li>Groentequiche</li>
	<li>Twee Bourgondi&euml;r bitterballen</li>
	<li>Warme petit crolines&nbsp;</li>
	<li>Diverse theesoorten en verse muntthee&nbsp;naar wens</li>
</ul>
</p>
                                                        <p class="margin-four"></p>
                                                    </div>
                                                    <div class="hidden-sm hidden-sm col-md-6">
                                                        <img class="img-responsvie" src="/upload/custom_pages/arrangementgroepen/thumb/depleats-fietsroutes-arrangement.webp " alt="">                                                    </div>
                                                    <p style="padding-top:30px;" class="text-center"><a class="btn btn-medium btn-rounded btn-green popup-modal-dismiss" href="#">Sluiten</a></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="item grid-item col-md-4 col-sm-6 col-xs-12 wow fadeInUp sm-padding-30px-bottom xs-text-center">
                                    <div class="blog-post bg-light-gray inner-match-height">
                                        <div class="blog-post-images overflow-hidden position-relative">
                                            <!-- Get the main groups -->
                                                                                                <img loading="lazy" src="/upload/custom_pages/arrangementen/thumb/HighBeer.jpg" alt="">
                                                                                        </div>
                                        <div class="post-details padding-40px-all sm-padding-20px-all">
                                            <div class="item1">
                                                                                                    <h6 class="text-center">High Beer</h6>
                                                                                            </div>
                                            <p class="item2 alt-font post-title text-medium text-extra-dark-gray width-100 display-block md-width-100 margin-15px-bottom text-center">High beer<br>25,95 p.p.</p>
                                            <div>
                                                <p class="shortText">
	Drie speciaal biertjes
	Brood met smeersels
	Luxe zoutjes en nootjes
	Streekkaas
	Drie soorten worst
	Procuitto meloen
	Rundercarpacio
	Sparerib
	Gehaktballetje met stroganoff saus
	Bittergarnituur
	Gamba spiesje

</p>
                                            </div>
                                            <div class=" separator-line-horrizontal-full bg-medium-gray margin-20px-tb sm-margin-15px-tb">
                                            </div>
                                            <p class="text-center"><a data-wow-delay="0.6s" href="#modal-25755" class="modal-popup text-center btn btn-small btn-green btn-rounded"><i class="far fa-chevron-right"></i> Lees meer</a></p>
                                            <div id="modal-25755" class="zoom-anim-dialw mfp-hide col-lg-6 col-md-8 col-sm-8 col-xs-11 center-col bg-white  modal-popup-main padding-50px-all">
                                                <!-- <img src="/upload/custom_pages/arrangementgroepen/HighBeer.jpg"> -->
                                                <span class="text-center text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">High Beer</span>
                                                <h6 class="text-center">High beer</h6>
                                                <p class="margin-four"></p>
                                                <div class="row">
                                                    <div class="col-xs-12 col-md-6">
                                                        <p class="margin-four"><ul>
	<li>Drie speciaal biertjes</li>
	<li>Brood met smeersels</li>
	<li>Luxe zoutjes en nootjes</li>
	<li>Streekkaas</li>
	<li>Drie soorten worst</li>
	<li>Procuitto meloen</li>
	<li>Rundercarpacio</li>
	<li>Sparerib</li>
	<li>Gehaktballetje met stroganoff saus</li>
	<li>Bittergarnituur</li>
	<li>Gamba spiesje</li>
</ul>
</p>
                                                        <p class="margin-four"></p>
                                                    </div>
                                                    <div class="hidden-sm hidden-sm col-md-6">
                                                        <img class="img-responsive" src="/upload/custom_pages/arrangementen/thumb/HighBeer.jpg" alt="">                                                    </div>
                                                    <p style="padding-top:30px;" class="text-center"><a class="btn btn-medium btn-rounded btn-green popup-modal-dismiss" href="#">Sluiten</a></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                        <!-- end blog post item -->

                        </div>
                    </div>
                </section>
            
            <!-- end arrangement section -->
            <!-- start footer -->
            <footer class="footer-standard-dark bg-green text-white">
                <div class="footer-widget-area padding-five-tb xs-padding-30px-tb">
                    <div class="container">
                        <div class="row equalize xs-equalize-auto">
                            <div class="col-md-3 col-sm-6 col-xs-12 widget border-right border-color-medium-dark-gray sm-no-border-right sm-margin-30px-bottom xs-text-center">
                                <!-- start logo -->
                                <a href="index.php" class="margin-20px-bottom display-inline-block"><img class="footer-logo" src="/images/logo2.svg" alt="De Pleats Burgum"></a>
                                <!-- end logo -->
                                <p class="text-small display-block margin-15px-bottom width-80 xs-center-col">De Pleats<br> Schoolstraat 82</p>
                                <div class="text-small greenlink">Email: <a href="mailto:info@depleats.nl">info@depleats.nl</a></div>
                                <div class="text-small greenlink">Telefoon: 0511 461556</div>
                                <!--                                                         <a href="" class="text-small text-white text-uppercase text-decoration-underline greenlink">Route</a> -->
                                <br>
                                <!-- start social media -->
                                <div class="social-icon-style-8 display-inline-block vertical-align-middle">
                                    <ul class="small-icon no-margin-bottom">
                                        <li><a class="facebook text-white greenlink" href="https://m.facebook.com/depleats" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                                        <li><a class="twitter text-white greenlink" href="https://twitter.com/depleats" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a class="instagram text-white greenlink" href="https://www.instagram.com/depleatsburgum/" target="_blank"><i class="fab fa-instagram no-margin-right" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                                <!-- end social media -->
                            </div>
                            <!-- start additional links -->
                            <div class="col-md-3 col-sm-6 col-xs-12 widget border-right border-color-medium-dark-gray padding-45px-left sm-padding-15px-left sm-no-border-right sm-margin-30px-bottom xs-text-center">
                                <div class="widget-title alt-font text-small text-white text-uppercase margin-10px-bottom font-weight-600">Facebook</div>
                                <div class="fb-page" data-href="https://www.facebook.com/depleats" data-tabs="timeline" data-height="220" data-small-header="false" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true">
                                    <blockquote cite="https://www.facebook.com/depleats" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/depleats">De Pleats</a></blockquote>
                                </div>
                            </div>
                            <!-- end additional links -->
                            <!-- start contact information -->
                            <div class="col-md-3 col-sm-6 col-xs-12 widget border-right border-color-medium-dark-gray padding-45px-left sm-padding-15px-left sm-clear-both sm-no-border-right  xs-margin-30px-bottom xs-text-center">
                                <div class="widget-title alt-font text-small text-white text-uppercase margin-10px-bottom font-weight-600">TripAdvisor</div>

                                <center>
                                    <div id="TA_cdsratingsonlynarrow717" class="TA_cdsratingsonlynarrow">
                                        <ul id="u0TPCD9GCG" class="TA_links GQhYvfdQI94">
                                            <li id="ugDtXkG" class="EWZ3Kk1p">
                                                <a target="_blank" href="https://www.tripadvisor.nl/"><img src="https://www.tripadvisor.nl/img/cdsi/img2/branding/tripadvisor_logo_transp_340x80-18034-2.png" alt="TripAdvisor" /></a>
                                            </li>
                                        </ul>
                                    </div>
                                </center>
                                <script async src="https://www.jscache.com/wejs?wtype=cdsratingsonlynarrow&amp;uniq=717&amp;locationId=4932621&amp;lang=nl&amp;border=false&amp;shadow=true&amp;backgroundColor=white&amp;display_version=2"></script>

                            </div>
                            <!-- end contact information -->
                            <!-- start instagram -->
                            <div class="col-md-3 col-sm-6 col-xs-12 widget padding-45px-left sm-padding-15px-left xs-text-center">
                                <div class="widget-title alt-font text-small text-white text-uppercase margin-20px-bottom font-weight-600">De Pleats is ook</div>
                                
                                        <div class="text-small greenlink" style=""><a href="/Gratis+WiFi#target">Gratis WiFi</a></div>
                                
                                        <div class="text-small greenlink" style=""><a href="/Trouwen+in+De+Pleats#target">Trouwen in De Pleats</a></div>
                                
                                        <div class="text-small greenlink" style=""><a href="/De+BOBtail#target">De BOBtail</a></div>
                                                            </div>
                        </div>
                        <!-- end instagram -->
                    </div>
                </div>
                                    <a href="/Reserveren" class="btn btn-medium btn-deep-pink margin-30px-top xs-margin-three-top fadeInUp hidden-xs hidden-sm" style="z-index: 1000; position: fixed; bottom: 24px; left: 24px; padding:5px;"><i class="fa fa-calendar-alt"></i> Reserveren <i class="fa fa-chevron-right"></i></a>
                    <a href="/Reserveren" class="btn btn-xs btn-deep-pink margin-30px-top xs-margin-three-top fadeInUp visible-xs visible-sm" style="z-index: 1000; position: fixed; bottom: 24px; right: 24px; padding:6px;"><i class="fa fa-calendar-alt"></i> Reserveren <i class="fa fa-chevron-right"></i></a>

                    <a href="/Kadobon" class="btn btn-medium btn-white margin-30px-top xs-margin-three-top fadeInUp hidden-xs hidden-sm" style="z-index: 1000; position: fixed; bottom: 24px; left: 154px; padding:5px;"><i class="fa fa-gift"></i> Kadobon <i class="fa fa-chevron-right"></i></a>
                    <a href="/Kadobon" class="btn btn-xs btn-white margin-30px-top xs-margin-three-top fadeInUp visible-xs visible-sm" style="z-index: 1000; position: fixed; bottom: 24px; right: 154px; padding:6px;"><i class="fa fa-gift"></i> Kadobon <i class="fa fa-chevron-right"></i></a>
                                </div>
                <div class="bg-white padding-50px-tb text-center xs-padding-30px-tb">
                    <div class="container">
                        <div class="row  text-dark-gray">
                            <!-- start copyright -->
                            <div class="col-md-6 col-sm-6 col-xs-12 text-left text-medium xs-text-center">&copy; 2024 De Pleats - Created with <i class="far fa-heart"></i> by <a href="http://www.spinnerz.nl" target="_blank" class="text-dark-gray">Spinnerz Communicatie</a></div>
                            <div class="col-md-6 col-sm-6 col-xs-12 text-right text-small xs-text-center">
                                <a href="javascript:void(0);" class="text-dark-gray">Algemene voorwaarden</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:void(0);" class="text-dark-gray">Privacyverklaring</a>
                            </div>
                            <!-- end copyright -->
                        </div>
                    </div>
                </div>
            </footer>


            <!-- end footer -->
            <!-- start scroll to top -->
            <a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-chevron-up"></i></a>
            <!-- end scroll to top -->
            <!-- javascript libraries -->
            <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
            <script type="text/javascript" src="/js/main.js"></script>


            <script type="text/javascript" src="/js/modernizr.js"></script>
            <script type="text/javascript" src="/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
            <script type="text/javascript" src="/js/skrollr.min.js"></script>
            <script type="text/javascript" src="/js/smooth-scroll.js"></script>
            <script type="text/javascript" src="/js/jquery.appear.js"></script>
            <!-- menu navigation -->
            <script type="text/javascript" src="/js/bootsnav.js"></script>
            <script type="text/javascript" src="/js/jquery.nav.js"></script>
            <!-- animation -->
            <script type="text/javascript" src="/js/wow.min.js"></script>
            <!-- page scroll -->
            <script type="text/javascript" src="/js/page-scroll.js"></script>
            <!-- swiper carousel -->
            <script type="text/javascript" src="/js/swiper.min.js"></script>
            <!-- counter -->
            <script type="text/javascript" src="/js/jquery.count-to.js"></script>
            <!-- parallax -->
            <script type="text/javascript" src="/js/jquery.stellar.js"></script>
            <!-- magnific popup -->
            <script type="text/javascript" src="/js/jquery.magnific-popup.min.js"></script>
            <!-- portfolio with shorting tab -->
            <script type="text/javascript" src="/js/isotope.pkgd.min.js"></script>
            <!-- images loaded -->
            <script type="text/javascript" src="/js/imagesloaded.pkgd.min.js"></script>
            <!-- pull menu -->
            <script type="text/javascript" src="/js/classie.js"></script>
            <script type="text/javascript" src="/js/hamburger-menu.js"></script>
            <!-- counter -->
            <script type="text/javascript" src="/js/counter.js"></script>
            <!-- fit video -->
            <script type="text/javascript" src="/js/jquery.fitvids.js"></script>
            <!-- equalize -->
            <script type="text/javascript" src="/js/equalize.min.js"></script>
            <!-- skill bars -->
            <script type="text/javascript" src="/js/skill.bars.jquery.js"></script>
            <!-- justified gallery -->
            <script type="text/javascript" src="/js/justified-gallery.min.js"></script>
            <!-- pie chart -->
            <script type="text/javascript" src="/js/jquery.easypiechart.min.js"></script>
            <!-- instagram -->
            <script type="text/javascript" src="/js/instafeed.min.js"></script>
            <!-- retina -->
            <script type="text/javascript" src="/js/retina.min.js"></script>
            <!-- revolution -->
            <script type="text/javascript" src="/revolution/js/jquery.themepunch.tools.min.js"></script>
            <script type="text/javascript" src="/revolution/js/jquery.themepunch.revolution.min.js"></script>

            <script type="text/javascript" src="/js/jquery.matchHeight.js"></script>

            <!-- Custom  -->
            <script type="text/javascript" src="/js/jquery.mask.min.js"></script>
            <script type="text/javascript" src="/js/jquery.appear.js"></script>
            <script type="text/javascript" src="/js/jquery.validate.js"></script>

            
            <script>
                var unavailableDates = [''];

                function disabledays(date) {

                    var dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();

                    if ($.inArray(dmy, unavailableDates) >= 0) {
                        return [false, "", "Unavailable"];
                    } else {
                        //Show only sundays and thuersdays
                        var day = date.getDay();
                        return [(day == 1 || day == 2 || day == 3 || day == 4 || day == 5 || day == 6)];
                    }
                }
            </script>


            <script>
                var DisableDatesJan = ["24-12-2020", "25-12-2021", "26-12-2021", , "1-1-2021", "2-1-2021", "5-4-2021"];

                function DisableDatesKerst(date) {
                    var dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
                    if ($.inArray(dmy, DisableDatesJan) >= 0) {
                        return [false, "", "Unavailable"];
                    } else {
                        //Show only sundays and thuersdays
                        var day = date.getDay();
                        return [(day == 1 || day == 2 || day == 3 || day == 4 || day == 5 || day == 6)];
                    }
                }
            </script>


            <!-- Shop Calculate realtime totals -->
            <script type="text/javascript">
                function calculate() {
                    // Define result DIV
                    var result = document.getElementById('result');

                    // Array variables for the products price
                    var arrProductPrice = [];
                    var test, x = 1,
                        total = 0;

                    // Array variables for the quantiy
                    var arrQuantity = [];
                    var quantity, i = 1,
                        total = 0;

                    // create a loop to cycle all prices   
                    while (test = document.getElementById('productPrice' + (x++))) {
                        test.value = test.getAttribute('value').replace(/\\D/, "");
                        var z = Number(test.value);
                        arrProductPrice.push(z); // push the results into an array

                    }

                    // creater a loop to cycle all choses product quantities
                    while (quantity = document.getElementById('quantity' + (i++))) {
                        if (quantity.className.indexOf('hiddenPersons') !== -1) {
                            quantity.value = quantity.value.replace(/[]+|.*/, '');
                        }
                        if (quantity.className.indexOf('x') !== -1) {
                            quantity.value = quantity.value.replace(/[^\d]+|1/, '');

                        } else {
                            quantity.value = quantity.value.replace(/[^\d]+/, '');
                        }
                        var y = Number(quantity.value);
                        arrQuantity.push(y); // push the results into an array
                    }

                    // Calculate the total - Multiply and Sum Two Arrays
                    var sum = 0;
                    for (var i = 0; i < arrQuantity.length; i++) {
                        total += arrQuantity[i] * arrProductPrice[i];
                    }

                    if (document.getElementById('delivery2').checked) {
                        delivery = document.getElementById('delivery2').value;
                        zipcode = document.getElementById('zipcode').value;
                        if (zipcode.indexOf('9251') !== -1 || zipcode.indexOf('9250') !== -1) {
                            var d = 5;
                            total = total + d;
                        } else {
                            var d = 10;
                            total = total + d;
                        }
                    }

                    var elements = document.getElementsByTagName("input");
                    var discount = document.getElementById('discountText').innerHTML;
                    var discountValue = 0;
                    // var warningShown = false;

                    if (discount.indexOf('geldig') >= 0) {
                        //alert('Hallo');
                        for (var i = 0; i < elements.length; i++) {
                            //alert(elements[i].className);
                            if (elements[i].value > null && elements[i].className == 'form-control x disc valid') {
                                discountValue = 10;
                                //alert(total);
                                //console.log(discountValue);
                                document.getElementById("discountText").innerHTML = "De code is geldig.<br><br>";

                            } else {

                            }
                        }
                    }

                    total = total - discountValue;

                    total = total.toFixed(2);

                    totalprice.value = total;
                }
            </script>
            <!-- end -->
</body>

</html>