<!-- 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>Reserveren - De Pleats</title>
		<meta name="description" content="Wilt u reserveren? Dit kan éénvoudig en gemakkelijk. Reserveer online in een handomdraai." />
		<meta name="keywords" content="reserveren, online, reservering, depleats, pleats," />

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

<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="active "><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/_DSC9619.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">Reserveren</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>Reserveer online via onderstaande formulier.<br />
Heeft u bijvoorbeeld speciale dieetwensen vermeld deze in het opmerking / verzoek veld.<br />
<br />
Voor het reserveren van &nbsp;groepen groter dan 10 personen kunt u contact met ons opnemen via 0511 461556 of mail naar info@depleats.nl&nbsp;</p>
                                                                                                    </div>
                                            </div>
                                        </div>
                                        <!-- end feature box item -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    
                                                <!-- <section class="wow fadeIn bg-very-light-gray"> -->
                            <div class="container">
                                <div class="row">
                                    <div class="col-xs-12">
                                        			

							<div class="row">
					<div class="col-sm-6 col-md-12 ">

						<form action="/Reserveren-send" id="reserverenFORM" class="form-horizontal" method="post">
							<fieldset>

								<!-- Text input arramangent optie-->
																	<div class="form-group required-control">
										<label class="col-md-5 control-label" for="tijd">arrangement (optie)</label>
										<div class="col-md-6">

											<select class="form-control" id="arrangement" name="arrangement">
												<option value="">Maak een keuze</option>
												<option value="lunch">Lunch</option>
																									<option value="High beer">High beer 25,95 p.p.</option>
																									<option value=" À la carte"> À la carte   p.p.</option>
																									<option value="Pingo sandwiches lunch">Pingo sandwiches lunch € 23,95  per persoon p.p.</option>
																									<option value="Van Uylenburg tea ">Van Uylenburg tea  € 27,95 p.p.</option>
																									<option value="Wine Time arrangement">Wine Time arrangement € 25,95 p.p.</option>
																									<option value="Babyshower">Babyshower  € 27,95 p.p.</option>
																									<option value="Fiets Arrangement">Fiets Arrangement €39,95 p.p.</option>
																									<option value="Overig (stel u verzoek in de opmerking)">Overig (stel u verzoek in de opmerking)   p.p.</option>
																							</select>
										</div>
									</div>
								

								<!-- Text input-->

								<div class="form-group required-control">
									<label class="col-md-5 control-label" for="aanhef">Aanhef</label>
									<div class="col-md-6">
										<select class="form-control" id="aanhef" name="aanhef">
											<option value="Dhr">Dhr</option>
											<option value="Mevr">Mevr</option>
										</select>
									</div>
								</div>


								<div class="form-group required-control">
									<label class="col-md-5 control-label" for="naam">achternaam</label>
									<div class="col-md-6">
										<input id="naam" name="naam" type="text" class="form-control" required="">
									</div>
								</div>

								<!-- Text input-->
								<div class="form-group required-control">
									<label class="col-md-5 control-label" for="telefoon">telefoon</label>
									<div class="col-md-6">
										<input id="telefoon" name="telefoon" type="tel" class="form-control required" required="" data-mask="0000000000">

									</div>
								</div>

								<!-- Text input-->
								<div class="form-group required-control">
									<label class="col-md-5 control-label" for="email">email</label>
									<div class="col-md-6">
										<input id="email" name="email" type="email" class="form-control " required />

									</div>
								</div>

								<!-- Text input-->
								<div class="form-group required-control" id="date">
									<label class="col-md-5 control-label" for="datum">datum</label>
									<div class="col-md-6">
										<input id="datum" name="datum" type="" value="" placeholder="Klik hier om een datum te kiezen" class="form-control datepicker" required="" readonly>
									</div>
								</div>

								<!-- Text input-->
								<div class="form-group required-control" id="time">
									<label class="col-md-5 control-label" for="tijd">aankomsttijd</label>
									<div class="col-md-6">
										<select class="form-control" id="tijd" name="tijd" placeholder="Keuze mogelijk na kiezen" required>
										</select>
										<span class="help-block">De beschikbare tijden worden weergegeven.</span>
									</div>
								</div>

								<!-- Paasbrunch set date -->
								<div class="form-group required-control hidden" id="date2">
									<label class="col-md-5 control-label" for="datum">datum</label>
									<div class="col-md-6">
										<input id="datum2" name="datum" type="text" class="form-control" disabled="false" value="01-04-2024" required="" readonly>
									</div>
								</div>


								<!-- Paasbrunch set time -->
								<div class="form-group required-control hidden" id="special">
									<label class="col-md-5 control-label" for="tijd">aankomsttijd</label>
									<div class="col-md-6">
										<input type="text" class="form-control" name="tijd" id="tijd2" disabled="false" readonly>
										<span class="help-block">Inloop vanaf 11:30 uur</span>
									</div>
								</div>

								<!-- Text input special occaisons-->
								<div class="form-group hidden" id="personsspecial">
									<label class="col-md-5 control-label" for="aantal">aantal personen</label>
									<div class="col-md-6">
										<select class="form-control" id="aantal2" name="aantal">
											<option value="">Maak een keuze</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
										</select>
										<span class="help-block">Meer personen? Neem contact met ons op 0511-461556 of mail naar info@depleats.nl.</span>
									</div>
								</div>

								<!-- Text input-->
								<div class="form-group required-control" id="persons">
									<label class="col-md-5 control-label" for="aantal">aantal personen</label>
									<div class="col-md-6">
										<!-- REGULAR SELECT -->
										<select class="form-control" id="aantal" name="aantal" required>
										</select>
										<span class="help-block">Meer personen? Neem contact met ons op 0511-461556 of mail naar info@depleats.nl.</span>

									</div>
								</div>

								<!-- Text input-->
								<!-- <div class="form-group required-control">
									<label class="col-md-5 control-label" for="aantalkinderen">aantal kinderen (t/m 12 jaar)</label>
									<div class="col-md-6">
										<select class="form-control" id="aantalkinderen" name="aantalkinderen">
											<option value="">maak een keuze</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
										</select>
									</div>
								</div> -->

								<div id="terras"> </div>


								<!-- Textarea -->
								<div class="form-group required-control">
									<label class="col-md-5 control-label" for="vraag">opmerking / verzoek</label>
									<div class="col-md-6">
										<textarea id="vraag" name="vraag" class="form-control "></textarea>
									</div>
								</div>

								<div class="form-group required-control">
									<label class="col-md-5 control-label" for="submit"></label>
									<div class="g-recaptcha col-md-6" data-sitekey="6Le3z64UAAAAAJexfES0cAqsT3Xo3aczAxQ72qEq"></div>
									<label class="col-md-5"></label>
									<div class="col-md-6">
										<input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha" id="hiddenRecaptcha">
									</div>
								</div>

								<!-- Button -->
								<div class="form-group">
									<label class="col-md-5 control-label" for="submit"></label>
									<div class="col-lg-6">
										<button id="submit" name="submit" class="btn btn-success btn-block"><i class="fa fa-chevron-right"></i> verstuur</button>
									</div>
								</div>

							</fieldset>
						</form>

					</div>
				</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/006C86B9-7481-41D1-961E-E760DF2CF179.jpeg" alt="">
                                                                                    </div>
                                        <div class="post-details padding-40px-all sm-padding-20px-all">
                                            <div class="item1">
                                                                                                    <h6 class="text-center">Wine Time</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">Wine Time arrangement<br>€ 25,95 p.p.</p>
                                            <div>
                                                <p class="shortText">
	Ontvangst met glas Cava
	Twee glazen wijn
	Brood met smeersels
	Luxe zoutjes en nootjes
	Olijven
	Kaasplankje
	Groente crudite met dipsaus
	Caprese spies
	Gerookte zalm
	Lauwwarme toast met brie
	Quiche&nbsp;
	Gamba spiesje


Uitbreiden met een bitterbal &euro; 0,65 per stuk.&nbsp;</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-1970" 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-1970" 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/006C86B9-7481-41D1-961E-E760DF2CF179.jpeg"> -->
                                                <span class="text-center text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">Wine Time</span>
                                                <h6 class="text-center">Wine Time arrangement</h6>
                                                <p class="margin-four"></p>
                                                <div class="row">
                                                    <div class="col-xs-12 col-md-6">
                                                        <p class="margin-four"><ul>
	<li>Ontvangst met glas Cava</li>
	<li>Twee glazen wijn</li>
	<li>Brood met smeersels</li>
	<li>Luxe zoutjes en nootjes</li>
	<li>Olijven</li>
	<li>Kaasplankje</li>
	<li>Groente crudite met dipsaus</li>
	<li>Caprese spies</li>
	<li>Gerookte zalm</li>
	<li>Lauwwarme toast met brie</li>
	<li>Quiche&nbsp;</li>
	<li>Gamba spiesje</li>
</ul>
<br />
Uitbreiden met een bitterbal &euro; 0,65 per stuk.&nbsp;</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/006C86B9-7481-41D1-961E-E760DF2CF179.jpeg " 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/arrangementgroepen/thumb/Babyshower High Tea carre.jpg" alt="">
                                                                                    </div>
                                        <div class="post-details padding-40px-all sm-padding-20px-all">
                                            <div class="item1">
                                                                                                    <h6 class="text-center">Babyshower</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">Babyshower<br> € 27,95 p.p.</p>
                                            <div>
                                                <p class="shortText">Dat is &#39;dikke&#39; pret en het staat garant voor een leuk en lekker samenzijn. De zwangere wordt door vrouwen uit haar omgeving in het zonnetje gezet en krijgt leuke cadeautjes. De Pleats heeft hiervoor een babyshower high tea ontwikkeld, met veel blauwe en/of roze lekkernijen.

	Glaasje alcoholvrije cocktail
	Lange vingers met muisjes
	Blauwe en roze mini gebakjes
	Bonbons
	Scone met cream en jam
	Profiterol
	Wrap met gerookte kip
	Caprese spies
	Crudit&eacute; van komkommer en paprika met dips
	Bourgondi&euml;r bitterbal
	Warme petit crolines
	Diverse theesoorten en verse munt/gember thee naar wens&nbsp;

</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-3257" 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-3257" 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/Babyshower High Tea carre.jpg"> -->
                                                <span class="text-center text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">Babyshower</span>
                                                <h6 class="text-center">Babyshower</h6>
                                                <p class="margin-four"></p>
                                                <div class="row">
                                                    <div class="col-xs-12 col-md-6">
                                                        <p class="margin-four">Dat is &#39;dikke&#39; pret en het staat garant voor een leuk en lekker samenzijn. De zwangere wordt door vrouwen uit haar omgeving in het zonnetje gezet en krijgt leuke cadeautjes. De Pleats heeft hiervoor een babyshower high tea ontwikkeld, met veel blauwe en/of roze lekkernijen.
<ul>
	<li>Glaasje alcoholvrije cocktail</li>
	<li>Lange vingers met muisjes</li>
	<li>Blauwe en roze mini gebakjes</li>
	<li>Bonbons</li>
	<li>Scone met cream en jam</li>
	<li>Profiterol</li>
	<li>Wrap met gerookte kip</li>
	<li>Caprese spies</li>
	<li>Crudit&eacute; van komkommer en paprika met dips</li>
	<li>Bourgondi&euml;r bitterbal</li>
	<li>Warme petit crolines</li>
	<li>Diverse theesoorten en verse munt/gember thee naar wens&nbsp;</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/Babyshower High Tea carre.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>
                                                            <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">Dat is &#39;dikke&#39; pret en het staat garant voor een leuk en lekker samenzijn. De zwangere wordt door vrouwen uit haar omgeving in het zonnetje gezet en krijgt leuke cadeautjes. De Pleats heeft hiervoor een babyshower high tea ontwikkeld, met veel blauwe en/of roze lekkernijen.

	Glaasje alcoholvrije cocktail
	Lange vingers met muisjes
	Blauwe en roze mini gebakjes
	Bonbons
	Scone met cream en jam
	Profiterol
	Wrap met gerookte kip
	Caprese spies
	Crudit&eacute; van komkommer en paprika met dips
	Bourgondi&euml;r bitterbal
	Warme petit crolines
	Diverse theesoorten en verse munt/gember thee naar wens&nbsp;

</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/Babyshower High Tea carre.jpg"> -->
                                                <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/Babyshower High Tea carre.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 = ['2-3-2019','23-3-2019','15-7-2019','22-7-2019','29-7-2019','5-8-2019','12-8-2019','19-8-2019','11-5-2019','10-5-2019','20-9-2019','26-12-2019','4-10-2019','5-10-2019','18-10-2019','9-11-2019','23-11-2019','1-1-2020','14-12-2019','14-2-2020','16-3-2020','17-3-2020','18-3-2020','19-3-2020','20-3-2020','21-3-2020','22-3-2020','30-3-2020','23-3-2020','24-3-2020','25-3-2020','26-3-2020','27-3-2020','28-3-2020','29-3-2020','31-3-2020','1-4-2020','2-4-2020','3-4-2020','4-4-2020','5-4-2020','6-4-2020','7-4-2020','9-4-2020','8-4-2020','10-4-2020','11-4-2020','1-1-1970','12-4-2020','15-4-2020','22-4-2020','14-4-2020','13-4-2020','16-4-2020','17-4-2020','25-4-2020','18-4-2020','24-4-2020','23-4-2020','21-4-2020','20-4-2020','19-4-2020','26-4-2020','27-4-2020','28-4-2020','30-4-2020','29-4-2020','1-5-2020','2-5-2020','3-5-2020','4-5-2020','5-5-2020','6-5-2020','7-5-2020','8-5-2020','9-5-2020','10-5-2020','11-5-2020','12-5-2020','13-5-2020','14-5-2020','15-5-2020','16-5-2020','17-5-2020','18-5-2020','19-5-2020','20-5-2020','21-5-2020','22-5-2020','23-5-2020','24-5-2020','25-5-2020','26-5-2020','27-5-2020','28-5-2020','29-5-2020','30-5-2020','31-5-2020','3-7-2020','25-7-2020','15-10-2020','16-10-2020','17-10-2020','18-10-2020','19-10-2020','20-10-2020','21-10-2020','23-10-2020','22-10-2020','24-10-2020','25-10-2020','26-10-2020','27-10-2020','28-10-2020','29-10-2020','30-10-2020','31-10-2020','1-11-2020','2-11-2020','3-11-2020','4-11-2020','5-11-2020','6-11-2020','7-11-2020','8-11-2020','9-11-2020','10-11-2020','11-11-2020','12-11-2020','25-12-2020','23-11-2020','24-11-2020','25-11-2020','26-11-2020','27-11-2020','28-11-2020','30-11-2020','1-12-2020','2-12-2020','3-12-2020','4-12-2020','5-12-2020','7-12-2020','8-12-2020','9-12-2020','10-12-2020','11-12-2020','12-12-2020','14-12-2020','15-12-2020','16-12-2020','17-12-2020','18-12-2020','19-12-2020','21-12-2020','22-12-2020','23-12-2020','24-12-2020','26-12-2020','28-12-2020','29-12-2020','30-12-2020','31-12-2020','2-1-2021','1-1-2021','1-2-2021','2-2-2021','3-2-2021','4-2-2021','5-2-2021','6-2-2021','7-2-2021','8-2-2021','9-2-2021','3-1-2021','4-1-2021','5-1-2021','6-1-2021','7-1-2021','30-1-2021','8-1-2021','9-1-2021','10-1-2021','11-1-2021','12-1-2021','13-1-2021','14-1-2021','15-1-2021','16-1-2021','17-1-2021','18-1-2021','19-1-2021','20-1-2021','21-1-2021','22-1-2021','23-1-2021','24-1-2021','25-1-2021','26-1-2021','27-1-2021','28-1-2021','29-1-2021','31-1-2021','10-2-2021','11-2-2021','12-2-2021','13-2-2021','14-2-2021','15-2-2021','16-2-2021','17-2-2021','18-2-2021','19-2-2021','20-2-2021','21-2-2021','22-2-2021','23-2-2021','24-2-2021','25-2-2021','26-2-2021','27-2-2021','28-2-2021','1-3-2021','27-4-2021','26-4-2021','25-4-2021','24-4-2021','23-4-2021','22-4-2021','25-6-2021','26-6-2021','3-7-2021','6-7-2021','2-8-2021','29-7-2021','31-7-2021','11-8-2021','14-8-2021','28-8-2021','25-12-2021','26-12-2021','31-12-2021','1-1-2022','27-12-2021','28-12-2021','29-12-2021','30-12-2021','3-1-2022','4-1-2022','5-1-2022','6-1-2022','7-1-2022','8-1-2022','10-1-2022','11-1-2022','12-1-2022','13-1-2022','14-1-2022','20-12-2021','21-12-2021','22-12-2021','23-12-2021','24-12-2021','2-2-2022','30-4-2022','29-6-2022','1-8-2022','8-8-2022','26-12-2022','25-12-2022','2-1-2023','9-1-2023','31-12-2022','1-8-2023','2-8-2023','3-8-2023','4-8-2023','5-8-2023','6-8-2023','7-8-2023','8-8-2023','9-8-2023','10-8-2023','11-8-2023','12-8-2023','13-8-2023','25-12-2023','26-12-2023','13-5-2023','31-7-2023','1-1-2024','20-1-2024','29-7-2024','30-7-2024','31-7-2024','1-8-2024','2-8-2024','3-8-2024','4-8-2024','5-8-2024','6-8-2024','7-8-2024','8-8-2024','9-8-2024','10-8-2024','25-12-2024','26-12-2024'];

                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>