

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


<!-- Get General information -->
<!-- end -->


<!doctype html>
<html class="no-js" lang="nl">

<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-S6XYFR0K8T"></script>
    <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-S6XYFR0K8T');</script>
    <!-- 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>Vacatures - De Pleats</title>
		<meta name="description" content="0"/>
		<meta name="keywords" content="0"/>

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


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

    <link rel="stylesheet" href="/css/jquery-ui.min.css"/>
    <link rel="stylesheet" href="/css/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){alert("Please complete the captcha");}}</script>
    <!--[if IE]>
    <script src="/js/html5shiv.js"></script>
    <![endif]-->
    <script defer src="/vendor/fontawesome/fontawesome-all.min.js"></script>
    <script defer data-domain="werkenbijdepleats.nl" src="https://tester.spinnerz.nl/js/script.js"></script>
</head>

<body>
    <!-- Global site tag (gtag.js) - Google Analytics -->

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-15724720-10"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','UA-15724720-10');</script>
    <div id="fb-root"></div>
    <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="/index.php" title="De Pleats Burgum" class="logo"><img src="/images/logo2.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 xs-no-padding-right">
                            <button type="button" class="navbar-toggle collapsed" 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 " id="navbar-collapse-toggle-1">
                                <ul class="nav navbar-nav"><li class=" "><a href="/Home">Home</a></li><li class="active "><a href="/Vacatures">Vacatures</a></li></ul>                            </div>
                        </div>
                        <div class="col-md-2 col-xs-5 width-auto">

                            <div class="header-social-icon xs-display-none">
                                                                    <a href="https://www.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/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;">
                                <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">
                                <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 07.30 (!) uur. Ook voor trainingen, vergaderingen, koffie met gebak en lunch.<br/>
Op zaterdag zijn wij vanaf 09.30 uur geopend, zondags zijn wij gesloten.<br/>
<br/>
<strong>Zo komt u bij De Pleats:</strong><br/>
Rondom De Pleats zijn ruime parkeermogelijkheden. U kunt gratis parkeren op de markt of 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&nbsp;&nbsp;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.                            </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 maincontainer section -->
                            <!-- Check if sidebar is active -->
                

                                    <section class="no-padding wow fadeIn bg-very-light-gray" style="margin-top:100px;">
                        <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/18-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-50px-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">Vacatures</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>Onderstaand zie je onze openstaande vacatures.</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 no-padding">
                                        <div class="col-xs-12">
                                            
    <p><strong>Solliciteer online</strong></p><br>

    
        <table class="table table-responsive">
            <tr>
                <td><strong>Functie</strong></td>
                <td>Assistent Restaurant Manager</td>
            </tr>
            <tr>
                <td><strong>Afdeling</strong></td>
                <td>Restaurant</td>
            </tr>
            <tr>
                <td><strong>Dienstverband</strong></td>
                <td>Fulltime</td>
            </tr>
            <tr>
                <td><strong>Arbeidstijd per week</strong></td>
                <td>vanaf 32 uren per week</td>
            </tr>
        </table>


        <form action="/Vacatures/send" id="sollicitatie-form" enctype="multipart/form-data" class="form-horizontal" role="form" method="post">
            <div class="form-group">
                <div class="col-sm-12">
                    <input type="text" class="form-control" name="name" id="name" required="" placeholder="jouw naam">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12">
                    <input type="email" class="form-control" name="email" id="email" required="" placeholder="jouw email">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12">
                    <input type="tel" class="form-control" name="phone" id="phone" required="" placeholder="jouw telefoonnummer">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12">
                    <textarea class="form-control" name="available" id="available" required="" rows="5" placeholder="Geef aan welke dagen je beschikbaar bent"></textarea>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-12">
                    <textarea class="form-control" name="message" id="message" required="" rows="5" placeholder="jouw motivatie"></textarea>
                </div>
            </div>
            <input type="hidden" name="title" id="hiddenField" value="Assistent Restaurant Manager"/>


            <!-- <p>Uploaden CV</p><br>
      <div class="input-group">
        <label class="input-group-btn">
          <span class="btn btn-default">
            Browse&hellip; <input id="fileatt" class="" name="fileatt" required="required" style="display:none;" type="file">
          </span>
        </label>
        <input type="text" class="form-control" class="required" id="upload-file-info" readonly>
      </div> -->

            <br><br>

            <div class="form-group">
                <div class="col-sm-offset-0 col-sm-8">
                    <button type="submit" class="btn btn-success btn-md">Verstuur</button>
                </div>
            </div>
        </form>

    
<script type="text/javascript"></script>                                        </div>
                                    </div>
                                </div>
                            </section>

                                            
                                        <!-- End maincontainer section -->


            <!-- start full width USP section -->
            <div style="clear:both;"></div>
            <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">Erkend leerbedrijf</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">Flexible uren</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">Jong team</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">Uitstekende arbeidsvoorwaarden</p>
                                    </div>
                                </div>
                                            </div>
                </div>
            </section>
            <!-- end full USP 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<br>Burgum</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="depleats" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                                        <li><a class="twitter text-white greenlink" href="depleats" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a class="instagram text-white greenlink" href="depleats" 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 instagram -->
                            <div class="col-md-6 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</div>
                                In het centrum van Burgum is De Pleats&nbsp;d&eacute; ontmoetingsplaats voor velen.&nbsp;Een prachtige boerderij met de nog&nbsp;bijna authentieke &lsquo;pronkkamers&rsquo; en een&nbsp;feestzaal in het statige boerderijgedeelte.&nbsp;Behalve zondags, is De Pleats elke dag&nbsp;geopend vanaf 09.00 uur voor een kopje&nbsp;koffie met gebak, lunch of diner.&nbsp;De sfeer is gastvrij en gemoedelijk, wat&nbsp;betekent dat ook de kleinste gasten zeer&nbsp;welkom zijn.                            </div>
                        </div>
                        <!-- end instagram -->
                    </div>
                </div>
                </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</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/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.validate.js"></script>
            <script type="text/javascript" src="/js/jquery.mask.min.js"></script>
            <script type="text/javascript" src="/js/jquery.appear.js"></script>

            <!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
            <!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>-->
            <!-- setting -->
            <script type="text/javascript" src="/js/main.js"></script>
            <!-- <script type="text/javascript" src="/js/mainspinnerz.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{var day=date.getDay();return[(day==1||day==2||day==3||day==4||day==5||day==6)];}}</script> 

</body>

</html>