

<!-- class Upload
{
	public $filename;
	public $width = 800;
	public $height = 800;
	public $crop = false;
	public $thumb_crop = true;
	public $thumb_width = 100;
	public $thumb_height = 100;
	public $thumb = false;
	public $max_size = 6097152; // ~6MB

	private $dest_path;
	private $thumb_path;
	private $orig_path;
	private $resize = false;
	private $tmp_name;
	private $file = [];
	private $file_ok = false;

	function __construct($dest_path, $file)
	{
		$this->file = $file;

		$oldumask = umask(0);
		@mkdir($dest_path . "thumb/", 0777, true);
		@mkdir($dest_path . "orig/", 0777, true);
		umask($oldumask);

		$this->dest_path = $dest_path;
		$this->thumb_path = $dest_path . 'thumb/';
		$this->orig_path = $dest_path . 'orig/';

		$this->tmp_name = $this->file['tmp_name'];
		$this->filename = $this->get_filename($this->file['name']);

		if (in_array($this->file["type"], ["image/gif", "image/jpeg", "image/png", "image/webp"]) && ($this->file["size"] < $this->max_size)) {
			$this->file_ok = true;
			$this->save_original();
		}
	}

	private function get_filename($filename)
	{
		$name = pathinfo($filename, PATHINFO_FILENAME);
		$extension = pathinfo($filename, PATHINFO_EXTENSION);

		$temp_name = $name;
		$i = 1;
		while (file_exists($this->orig_path . $temp_name . "." . $extension)) {
			$temp_name = $name . '_' . $i;
			$i++;
		}

		return $temp_name . "." . $extension;
	}

	public function save_image()
	{
		if ($this->file_ok) {
			if ($this->resize) {
				$this->create_image($this->dest_path, $this->filename, $this->width, $this->height, $this->crop);
			} else {
				copy($this->orig_path . $this->filename, $this->dest_path . $this->filename);
			}

			if ($this->thumb) {
				$this->create_image($this->thumb_path, $this->filename, $this->thumb_width, $this->thumb_height, $this->thumb_crop);
			}
		}
	}

	private function create_image($path, $filename, $targetWidth, $targetHeight, $crop)
	{
		$file_path = $this->orig_path . $filename;
		list($origWidth, $origHeight) = getimagesize($file_path);

		$src_image = $this->image_create_from_file($file_path, $this->file['type']);
		if (!$src_image) {
			return false; // Failed to create image from file
		}

		// Calculate resize ratio respecting aspect ratio
		$ratio_orig = $origWidth / $origHeight;
		$ratio_target = $targetWidth / $targetHeight;

		// Initialize dimensions for resizing
		$resizeWidth = $targetWidth;
		$resizeHeight = $targetHeight;

		if ($crop) {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		} else {
			if ($ratio_orig > $ratio_target) {
				// Original image is wider, fit height
				$resizeWidth = $targetHeight * $ratio_orig;
				$resizeHeight = $targetHeight;
			} else {
				// Original image is taller, fit width
				$resizeWidth = $targetWidth;
				$resizeHeight = $targetWidth / $ratio_orig;
			}
		}

		// Create a new true color image with the calculated dimensions
		$resized_image = imagecreatetruecolor($resizeWidth, $resizeHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($resized_image, imagecolorallocatealpha($resized_image, 0, 0, 0, 127));
			imagealphablending($resized_image, false);
			imagesavealpha($resized_image, true);
		}

		// Resize the original image
		imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0, $resizeWidth, $resizeHeight, $origWidth, $origHeight);

		// Calculate cropping coordinates to center the image
		$crop_x = ($resizeWidth - $targetWidth) / 2;
		$crop_y = ($resizeHeight - $targetHeight) / 2;

		// Create the final image with the target dimensions
		$destination_image = imagecreatetruecolor($targetWidth, $targetHeight);

		// Preserve transparency in PNG images
		if ($this->file['type'] == 'image/png') {
			imagecolortransparent($destination_image, imagecolorallocatealpha($destination_image, 0, 0, 0, 127));
			imagealphablending($destination_image, false);
			imagesavealpha($destination_image, true);
		}

		// Crop the resized image to the target dimensions
		imagecopyresampled($destination_image, $resized_image, 0, 0, $crop_x, $crop_y, $targetWidth, $targetHeight, $targetWidth, $targetHeight);

		// Save the image in the original format
		$this->image_save_to_file($destination_image, $path . $filename, $this->file['type']);

		// Save the image in WebP format
		$this->image_save_to_webp($destination_image, $path . pathinfo($filename, PATHINFO_FILENAME) . '.webp', 70); // Adjust quality as needed

		// Cleanup
		imagedestroy($src_image);
		imagedestroy($resized_image);
		imagedestroy($destination_image);
	}


	private function image_create_from_file($filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				return imagecreatefromjpeg($filepath);
			case 'image/png':
				return imagecreatefrompng($filepath);
			case 'image/gif':
				return imagecreatefromgif($filepath);
			case 'image/webp':
				return imagecreatefromwebp($filepath);
			default:
				return false;
		}
	}

	private function image_save_to_file($image, $filepath, $type)
	{
		switch ($type) {
			case 'image/jpeg':
				imagejpeg($image, $filepath, 80); // Adjust quality as needed
				break;
			case 'image/png':
				imagepng($image, $filepath, 6); // Adjust compression level as needed
				break;
			case 'image/gif':
				imagegif($image, $filepath);
				break;
			case 'image/webp':
				imagewebp($image, $filepath, 85); // Adjust quality as needed
				break;
		}
	}

	private function image_save_to_webp($image, $filepath, $quality)
	{
		return imagewebp($image, $filepath, $quality);
	}

	private function save_original()
	{
		move_uploaded_file($this->tmp_name, $this->orig_path . $this->filename);
	}

	public function resize($width, $height)
	{
		$this->resize = true;
		$this->width = $width;
		$this->height = $height;
	}

	public function thumb($width = 100, $height = 100, $crop = true)
	{
		$this->thumb = true;
		$this->thumb_width = $width;
		$this->thumb_height = $height;
		$this->thumb_crop = $crop;
	}

	// Rotate Exif function omitted for brevity
} -->


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

<head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-6BZ9PRDYP4"></script>
	<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-6BZ9PRDYP4');</script>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

			<title>Ski Club Regio - Wintersport reis januari/februari 2025</title>
		<meta name="description" content="In 1992 is een vriendenclub begonnen met het organiseren van wintersportreizen naar Oostenrijk. Hieruit is in 1995 de Stichting Skiclub Regio ontstaan. We hebben ondertussen al ruim 20 jaar ervaring met het organiseren van wintersportreizen"/>
		<meta name="keywords" content="Skiclub, wintersport, reizen, skieen, vakantie, snowboarden, wandelen, langlaufen, regio, skiclubregio, ski"/>

		<!-- <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.skiclubregio.nl">

		<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
		<link rel="manifest" href="/favicons/site.webmanifest">
		<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5">
		<link rel="shortcut icon" href="/favicons/favicon.ico">
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="msapplication-config" content="/favicons/browserconfig.xml">
		<meta name="theme-color" content="#ffffff">	<link href="/css/main.min.css" rel="stylesheet"/>
	<link href="/node_modules/animate.css/animate.min.css" rel="stylesheet"/>
	<script src="https://kit.fontawesome.com/121652c01a.js" crossorigin="anonymous"></script>
	<script src="https://www.google.com/recaptcha/api.js?render=6Lco3vkeAAAAAFg4_DZKOPNzC08OeiCEB-ND-jHh"></script>
	<script defer data-domain="skiclubregio.nl" src="https://tester.spinnerz.nl/js/script.js"></script>
</head>

<body>
	<nav id="navbar" class="navbar navbar-expand-lg bg-light animate__animated animate__fadeIn">
		<div class="container-fluid">
			<a class="navbar-brand" href="#"><img src="/images/logo.svg" id="logo" class="d-none d-md-block img-fluid logo" alt="La Mer vakantiewoning Ameland"/></a>

			<a class="navbar-brand" href="#"><img src="/images/logo.svg" class="d-md-none img-fluid logo" alt="La Mer vakantiewoning Ameland"/></a>

			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">

				<ul class="navbar-nav me-auto scroll-nav">
					<li class="nav-item">
						<a class="nav-link" aria-current="page" href="#Home">Home</a>
					</li>

					
														<li class="nav-item">
								<a class="nav-link" href="#wie-zijn-wij">Wie zijn wij?</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#wintersportreis-2025">Wintersportreis 2025</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#aanmelden-reis-2025">Aanmelden reis 2025</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#skigebied">Skigebied</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#foto-s">Foto's</a>
							</li>
					

														<li class="nav-item">
								<a class="nav-link" href="#contact">Contact</a>
							</li>
					
				</ul>
				<span class="navbar-text d-none d-md-block">
					<a href="mailto: class=" me-2 btn btn-outline-danger btn-sm"><i class="fas fa-envelope fa-fw fa-sm"></i></a>

															<a href="#aanmelden-reis" class="btn btn-danger text-light">BOEK NU</a>
				</span>
			</div>
		</div>
	</nav>

	<div id="carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
		<div class="carousel-inner">

														<div class="carousel-item active d-flex justify-content-center min-vh-100 back-carousel" style="background-image: url('/upload/gallery/20230425050128/C15D9F14-824B-49D8-B00B-255B4978BDD7_1_105_c.jpeg');  ">
																<div class="row text-center" style="top: 60%; position: absolute">
						<div class="col-12">
							<span class="carousel-text">Ski Club Regio</span>
							<br/>
							<span class="carousel-sub">Wintersport reis januari/februari 2025</span>
							<br/>
							<a href="#aanmelden-reis" class="btn btn-danger btn-lg mt-3 text-white rounded-0 animate__animated animate__bounce animate__delay-2s">BOEK NU <i class="fa fa-circle-chevron-right"></i></a>
						</div>
					</div>
						</div>

						<button class="carousel-control-prev d-none d-block-md" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
							<span class="carousel-control-prev-icon" aria-hidden="true"></span>
							<span class="visually-hidden">Previous</span>
						</button>
						<button class="carousel-control-next d-none d-block-md" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
							<span class="carousel-control-next-icon" aria-hidden="true"></span>
							<span class="visually-hidden">Next</span>
						</button>
				</div>
				<div class="scroll-downs" style="z-index: 1000">
					<div class="mousey">
						<div class="scroller"></div>
					</div>
				</div>
		</div>

		 <section id="wie-zijn-wij" class="bg-primary py-5 text-light py-5">
				<div class="container py-5">
					<div class="row">
						<div class="col-12">
							<h1>Wie zijn wij?</h1>
						</div>

													<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-2">
								<img src="/upload/custom_pages/pages/picture3.jpg" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
						<div class="col-12 col-md-7 order-sm-2 order-md-1  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
							<p>In 1992 is een vriendenclub begonnen met het organiseren van wintersportreizen naar Oostenrijk. Hieruit is in 1995 de Stichting<br/>
Skiclub Regio ontstaan. We hebben ondertussen al ruim 30 jaar ervaring met het organiseren van wintersportreizen.<br/>
Al naar gelang gaan we 1 of 2 keer per jaar naar Oostenrijk.<br/>
<br/>
Wij zijn een groep wintersporters die houden van gezelligheid en een goed skigebied. Met een mooi hotel dicht bij de piste.<br/>
<br/>
Iedereen die van de wintersport houdt is van harte welkom.<br/>
<br/>
Voor Skiclub Regio is wintersport heel breed, binnen onze reizen is er niet alleen ruimte voor ski&euml;n&nbsp;maar is er ook altijd wel een groepje wandelaars of langlaufers waar men zich bij aan kan sluiten. Het niveau vang de groep is van beginneling tot gevorderd.<br/>
<br/>
Geschikt voor alle leeftijden<br/>
<br/>
Skiclub regio regelt de bus en het hotel. In het skigebied regelen wij de skipassen en indien gewenst de skihuur en skilessen.<br/>
&nbsp;</p>
							
							
						</div>

					</div>

					<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
				</div>
			</section>
		 <section id="wintersportreis-2025" class=" py-5  py-5">
				<div class="container py-5">
					<div class="row">
						<div class="col-12">
							<h1>Wintersportreis 2025</h1>
						</div>

													<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-1">
								<img src="/upload/custom_pages/pages/picture2.jpg" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
						<div class="col-12 col-md-7 order-sm-2 order-md-2  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
							<p>De reis gaat weer naar Abtenau.<br/>
<br/>
Vrijdag avond 24 januari 2025&nbsp;rond 19:00 uur vertrekken we vanuit Heerenveen met nog 1 ophaal locatie in Appelscha, op naar een volle week sneeuwplezier.&nbsp;<br/>
<br/>
Ons verblijf<br/>
Het in 2020 gerenoveerde 4-sterren Hotel Goldener Stern is in het centrum van Abtenau gelegen. Een gratis skibus stopt ca. 100 m verderop en brengt je gemakkelijk naar het ongeveer 11 km verderop gelegen skigebied Dachstein West (toegang Ru&szlig;bach). De Sonnleitn-lift bereik je al na ongeveer 400 m, het skigebied Karkogel na ongeveer 1,3 km. Een langlaufloipe bereik je na ca. 500 m en een rodelbaan na rond 700 m.<br/>
<br/>
We skien in het het gebied Dachstein West<br/>
Dachstein-West is een skigebied dat nog vrij onbekend is bij wintersporters uit Nederland en Belgi&euml;. Toch zouden vele beginners en gevorderden hier een prima wintersportvakantie kunnen hebben. Je vindt in het skigebied van Dachstein-West namelijk genoeg pistes om je een week te vermaken!</p>
							
							<div class="accordion accordion-flush" id="accordionFlushExample">
            <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading9">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse9" aria-expanded="false" aria-controls="flush-collapse9">Voor ieder wat wils...</button>
            </h2>
            <div id="flush-collapse9" class="accordion-collapse collapse" aria-labelledby="flush-heading9" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Er is voor een ieder wat te doen tijdens deze reis.<br/>
Dagelijks is er een groep die de piste op gaat om te ski&euml;n of te snowboarden!<br/>
<br/>
Voor langlaufers liggen er tal van loipes klaar in skiregio&nbsp;Dachstein West.<br/>
Skiregio&nbsp;Dachstein West bestaat uit meerdere deelgebieden, zoals&nbsp;Gosau-Ru&szlig;bach-Annaberg, de&nbsp;Karkogel&nbsp;bij&nbsp;Abtenau&nbsp;en de Krippenstein bij Obertraun.&nbsp;<br/>
Houd je van wandelen dan zijn er in de&nbsp;omgeving&nbsp;van Abtenau&nbsp;veel leuke routes te vinden.&nbsp;<br/>
<br/>
Op zijn tijd een bakje koffie of warme choco met rum. En na een dag in de buitenlucht is er in het Hotel de gelegenheid de sauna te bezoeken om de spieren weer wat soepel te maken voor de volgende dag.<br/>
<br/>
<strong>Kortom voor een ieder wat wils !</strong></div>
            </div>
        </div>
            <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading11">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse11" aria-expanded="false" aria-controls="flush-collapse11"> Gezelligheid met elkaar op en om de piste</button>
            </h2>
            <div id="flush-collapse11" class="accordion-collapse collapse" aria-labelledby="flush-heading11" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Tijdens deze reis worden er allerlei leuke en gezellige activiteiten georganiseerd voor jong en oud. &nbsp; Na het ski&euml;n zoeken de wandelaars en ski&euml;rs elkaar onder aan de piste op om de apr&egrave;s ski te gaan beleven. &nbsp;In het hotel wacht bij thuiskomst een heerlijke maaltijd.</div>
            </div>
        </div>
            <div class="accordion-item">
            <h2 class="accordion-header" id="flush-heading13">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse13" aria-expanded="false" aria-controls="flush-collapse13">Wat is bij deze reis inbegrepen?</button>
            </h2>
            <div id="flush-collapse13" class="accordion-collapse collapse" aria-labelledby="flush-heading13" data-bs-parent="#accordionFlushExample">
                <div class="accordion-body">Vanaf &euro;750,- krijgt je:
<ul>
	<li>Busreis</li>
	<li>Bij aankomst op de zaterdag morgen een ontbijt</li>
	<li>Op de eerste avond welkomsdrankje</li>
	<li>Heel de week
	<ul>
		<li>Slazburger ontbijt</li>
		<li>Halfpension met 3 gangen Wahl-menu en salade</li>
		<li>Gebruik van de sauna en infrarood</li>
		<li>Skibus naar het skigebied</li>
	</ul>
	</li>
	<li>1x Koffie met gebak</li>
	<li>Muziek avond&nbsp;</li>
	<li>Eisstockschiessen</li>
	<li>Fakkel wandeltocht</li>
	<li>Toegang tot de kunstijsbaan</li>
	<li>Tennegau ticket</li>
	<li>Diner op de avond van vertrek</li>
	<li>Meerprijs 1-pers kamer = &euro;15,- p.p.p.n</li>
</ul>
Niet bij de prijs inbegrepen:

<ul>
	<li>Skihuur</li>
	<li>Skipas</li>
	<li>Skilessen</li>
</ul>
</div>
            </div>
        </div>
    </div>
						</div>

					</div>

					<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
				</div>
			</section>
		 <section id="aanmelden-reis-2025" class="bg-primary py-5 text-light py-5">
				<div class="container py-5">
					<div class="row">
						<div class="col-12">
							<h1>Aanmelden reis 2025</h1>
						</div>

													<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-2">
								<img src="/upload/custom_pages/pages/picture4.JPG" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
						<div class="col-12 col-md-7 order-sm-2 order-md-1  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
							<p>Aanmelden voor de reis? Vul het onderstaande formulier in, dan nemen wij z.s.m contact met je op.</p>
							
							<!-- Create bootstrap 5 contact form -->
<div id="postDataSignup">
    <form id="signupform" method="POST">

        <div class=" row">
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="floatingInput" name="firstname" placeholder="naam" required />
                    <label class="text-dark" for="floatingInput">Voornaam</label>
                </div>
            </div>
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="floatingInput" name="lastname" placeholder="naam" required />
                    <label class="text-dark" for="floatingInput">Achternaam</label>
                </div>
            </div>
        </div>
        <div class="form-floating mb-3">
            <input class="form-control" id="floatingInput" name="address" placeholder="Adres" required></input>
            <label class="text-dark" for="floatingInput">Straat + huisnummer</label>
        </div>
        <div class="row">
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="floatingInput" name="zipcode" placeholder="Postcode" required />
                    <label class="text-dark" for="floatingInput">Postcode</label>
                </div>
            </div>
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="floatingInput" name="city" placeholder="Woonplaats" required />
                    <label class="text-dark" for="floatingInput">Woonplaats</label>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="tel" class="form-control" id="phone" name="phone" placeholder="Telefoonnummer" required />
                    <label class="text-dark" for="floatingInput">Telefoonnummer</label>
                </div>
            </div>
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="email" class="form-control" id="email" name="email" placeholder="Email" required />
                    <label class="text-dark" for="floatingInput">Email</label>
                </div>
            </div>
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="date" class="form-control" id="floatingDate" name="birthdate" placeholder="Geboortedatum" required />
                    <label class="text-dark" for="floatingInput">Geboortedatum</label>
                </div>
            </div>
        </div>

        <div class="form-floating mb-3">
            <select class="form-select" id="floatingSelect" name="type" aria-label="Ben je een skiër, snowboarder of wandelaar" required>
                <option selected>Ben je een skiër, snowboarder of wandelaar</option>
                <option value="skiër">skiër</option>
                <option value="langlaufen">langlaufen</option>
                <option value="snowboarder">snowboarder</option>
                <option value="wandelaar">wandelaar</option>
            </select>
            <label for="floatingSelect">Ben je een skiër, langlaufer, snowboarder of wandelaar</label>
        </div>

        <div class="form-floating mb-5">
            <textarea class="form-control" id="floatingTextarea" name="diet" placeholder="Met wie reis je / dieet wensen / overige opmerkingen of wensen"></textarea>
            <label class="text-dark" for="floatingTextarea">Met wie reis je / dieet wensen / overige opmerkingen of wensen</label>
        </div>

        <div class="row mb-3">
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="email" name="homename" placeholder="Thuisblijver naam" required />
                    <label class="text-dark" for="floatingInput">Thuisblijver naam</label>
                </div>
            </div>
            <div class="col">
                <div class="form-floating mb-3">
                    <input type="tel" class="form-control" id="floatingDate" name="homephone" placeholder="Thuisblijver telefoonnummer" required />
                    <label class="text-dark" for="floatingInput">Thuisblijver telefoonnummer</label>
                </div>
            </div>
        </div>

        <input type="hidden" name="token" id="token1"/>
        <input type="hidden" name="action" id="action1"/>

        <input type="submit" class="btn btn-outline-light rounded-0" name="submit" value="Verstuur"/>

        <p class="mt-2" style="font-size:10px;">
            This site is protected by reCAPTCHA and the Google
            <a href=" https://policies.google.com/privacy">Privacy Policy</a> and
            <a href="https://policies.google.com/terms">Terms of Service</a> apply.
        </p>
    </form>
</div>
						</div>

					</div>

					<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
				</div>
			</section>
		 <section id="skigebied" class=" py-5  py-5">
				<div class="container py-5">
					<div class="row">
						<div class="col-12">
							<h1>Skigebied</h1>
						</div>

													<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-1">
								<img src="/upload/custom_pages/pages/picture.jpeg" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
						<div class="col-12 col-md-7 order-sm-2 order-md-2  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
							<p>Overzichtelijk Skigebied<br/>
<br/>
In het hartje van Oostenrijk ligt Skiregion Dachstein-West. Een veelzijdige skiregio waar zowel ervaren ski&euml;rs als families met kinderen zich thuis voelen. Het liftensysteem is modern en de pistes worden voorzien van sneeuw door moderne sneeuwinstallaties. Erg hoog ligt de Skiregion Dachstein-West namelijk niet, de pistes reiken tot een beperkte hoogte van 1700 meter. Het hoofdskigebied van Skiregion Dachstein-West strekt zich uit tussen&nbsp;Gosau,&nbsp;Ru&szlig;bach&nbsp;en&nbsp;Annaberg. In dit weidse skigebied kun je onder andere de 44 km lange skitocht &lsquo;Panaronda&rsquo; ski&euml;n. Een &eacute;chte aanrader!<br/>
<br/>
Onder families met kinderen is de Skiregion Dachstein-West al jaren geliefd. De prijzen voor skipassen en accommodaties liggen hier lager dan elders in de regio en de skigebieden zijn zeer kindvriendelijk ingesteld. Brumsiland in&nbsp;Gosau, het B&auml;rencamp in&nbsp;Ru&szlig;bach&nbsp;en Fuxi&acute;s Kinderland in&nbsp;Annaberg-Astenwinkel zijn hier goede voorbeelden van. Ook voor langlaufers en wandelaars liggen er tal van routes klaar in de Skiregion Dachstein West. Skiregion Dachstein West bestaat uit meerdere deelgebieden, zoals&nbsp;Gosau-Ru&szlig;bach-Annaberg, de&nbsp;Karkogel&nbsp;bij&nbsp;Abtenau&nbsp;en de Krippenstein bij Obertraun. Met de skipas voor de complete regio heb je toegang tot 160 kilometer aan pistes.<br/>
<br/>
Voor meer info kijk op<br/>
www.snowplaza.nl</p>
							
							
						</div>

					</div>

					<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
				</div>
			</section>
		 <section id="foto-s" class="bg-primary py-5 text-light py-5">
				<div class="container py-5">
					<div class="row">
						<div class="col-12">
							<h1>Foto's</h1>
						</div>

						
						<div class="col-12 col-md-12 order-sm-2 order-md-1  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
							<p>Onderstaand ziet u een serie foto&#39;s, klik op de foto voor een grote weergave.</p>
							
							 <div class="row">
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/thumb_IMG_6983_1024--h7uiBN.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/thumb_IMG_6983_1024--h7uiBN.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/IMG_0918--Xe6TJV.JPG" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/IMG_0918--Xe6TJV.JPG" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/thumb_IMG_4738_1024--zMrtp4.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/thumb_IMG_4738_1024--zMrtp4.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/thumb_IMG_6985_1024--TmcQms.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/thumb_IMG_6985_1024--TmcQms.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/thumb_IMG_7158_1024--NHAgwS.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/thumb_IMG_7158_1024--NHAgwS.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/IMG_0978--irGuHs.JPG" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/IMG_0978--irGuHs.JPG" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/IMG_1067--aHXVWM.JPG" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/IMG_1067--aHXVWM.JPG" class="img-fluid img-thumbnail"/>
             </a>
         </div>
     
         <div class="col-6 col-md-3 mb-3">
             <a href="/upload/gallery/20230117090119/thumb_IMG_6960_1024--ojPAIv.jpg" data-toggle="lightbox" data-gallery="picture-gallery" style="">
                 <img src="/upload/gallery/20230117090119/thumb/thumb_IMG_6960_1024--ojPAIv.jpg" class="img-fluid img-thumbnail"/>
             </a>
         </div>
      </div>
						</div>

					</div>

					<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
				</div>
			</section>
		 <section id="contact" class=" py-5  py-5">
				<div class="container py-5">
					<div class="row">
						<div class="col-12">
							<h1>Contact</h1>
						</div>

													<div class="col-sm-12 col-md-5 order-sm-1 mb-4 mb-md-0 order-md-1">
								<img src="/upload/custom_pages/pages/IMG_6936.JPG" class="img-fluid img-thumbnail wow animate__animated animate__fadeIn" data-wow-delay="0.5s"/>
							</div>
						
						<div class="col-12 col-md-7 order-sm-2 order-md-2  wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
							<p>Meer informatie of een vraag over de reis?</p>
							
							<div class="row">
    <div id="postData">
        <div class="col">
            <form id="contactform">
                <div class="form-floating mb-3">
                    <input type="text" class="form-control" id="floatingInput" name="name" placeholder="naam" required />
                    <label class="text-dark" for="floatingInput">Naam</label>
                </div>
                <div class="form-floating mb-3">
                    <input type="email" class="form-control" id="email" name="email" placeholder="Email" required />
                    <label class="text-dark" for="floatingInput">Email</label>
                </div>
                <div class="form-floating mb-3">
                    <textarea class="form-control" id="floatingTextarea" name="message" placeholder="Bericht" required></textarea>
                    <label class="text-dark" for="floatingTextarea">Bericht</label>
                </div>

                <input type="hidden" name="token" id="token"/>
                <input type="hidden" name="action" id="action"/>

                <input type="submit" class="btn btn-outline-dark rounded-0" name="submit" value="Verstuur"/>
                <p class="mt-2" style="font-size:10px;">
                    This site is protected by reCAPTCHA and the Google
                    <a href=" https://policies.google.com/privacy">Privacy Policy</a> and
                    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
                </p>
            </form>
        </div>
    </div>
</div>
						</div>

					</div>

					<img src="/images/wave.svg" class="wave wow animate__animated animate__fadeInRight"/>
				</div>
			</section>
				<!-- // create bootstrap 5 footer -->

		<footer class="bg-light py-5">
			<div class="container my-5 text-center">
				<div class="row">
					<div class="col">
						<h1>SkiClub Regio</h1>
						<div class="mb-4">
																				</div>
						<!-- copyright -->
						<p>
							&copy; Ski Club Regio 2024 - <a href="#">skiclubregio.nl</a>
							<br/>
							<span class="payoff">
								
								
								<!-- Modal Algemene voorwaarden-->
								<div class="modal fade" id="algemenevoorwaarden" tabindex="-1" aria-labelledby="algemenevoorwaardenLabel" aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h1 class="modal-title fs-5" id="algemenevoorwaardenLabel">Algemene voorwaarden</h1>
												<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
											</div>
											<div class="modal-body">
												0											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
											</div>
										</div>
									</div>
								</div>

								<!-- Modal Privacy Statement-->
								<div class="modal fade" id="privacy" tabindex="-1" aria-labelledby="privacyLabel" aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h1 class="modal-title fs-5" id="privacyLabel">Privacy Statement</h1>
												<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
											</div>
											<div class="modal-body">
												0											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Sluiten</button>
											</div>
										</div>
									</div>
								</div>

							</span>
						</p>
						<p class="payoff">Created for wonderful people with <i class="far fa-heart"></i> by <a href="https://www.spinnerz.nl" target="_blank">Spinnerz</a></p>
					</div>
				</div>
			</div>
		</footer>

		<a href="#" id="toTop" class="toTop text-success "><i class="fa fa-circle-chevron-up fa-2x"></i></a>
		<a href="#aanmelden-reis" id="bookNow" class="bookNow btn btn-success btn-sm rounded-0">Boek nu <i class="fa fa-circle-chevron-right"></i></a>

		<script src="/node_modules/jquery/dist/jquery.min.js"></script>
		<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- <script src="/js/main.js"></script> -->
		<script src="/node_modules/wowjs/dist/wow.min.js"></script>
		<script defer src="/node_modules/bs5-lightbox/dist/index.bundle.min.js"></script>

		<script>
			//submit form ajax
			$(document).ready(function() {
				// form submit with ajax
				$('#contactform').submit(function(e) {
					e.preventDefault();
					var dataString = $("#contactform").serialize();
					$.ajax({
						url: "./ajax/formsubmit.php",
						type: "POST",
						data: dataString,
						success: function(data) {
							$("#postData").html(data);
						},
						error: function() {
							alert("Form submission failed!");
						}
					});
				});

				$('#signupform').submit(function(e) {
					e.preventDefault();
					var dataString = $("#signupform").serialize();
					$.ajax({
						url: "./ajax/formsubmitsignup.php",
						type: "POST",
						data: dataString,
						success: function(data) {
							$("#postDataSignup").html(data);
						},
						error: function() {
							alert("Form submission failed!");
						}
					});
				});


				setInterval(function() {
					grecaptcha.ready(function() {
						grecaptcha.execute('6Lco3vkeAAAAAFg4_DZKOPNzC08OeiCEB-ND-jHh', {
							action: 'skiclubregiocontact'
						}).then(function(token) {
							$('#token').val(token);
							$('#action').val('skiclubregiocontact');
						});
					});
				}, 3000);

				setInterval(function() {
					grecaptcha.ready(function() {
						grecaptcha.execute('6Lco3vkeAAAAAFg4_DZKOPNzC08OeiCEB-ND-jHh', {
							action: 'skiclubregiosignup'
						}).then(function(token) {
							$('#token1').val(token);
							$('#action1').val('skiclubregiosignup');
						});
					});
				}, 3000);
			});

			// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size
			var w = window.innerWidth;
			if (w > 1080) {
				window.onscroll = function() {
					scrollFunction();
				};
			}

			function scrollFunction() {
				if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
					var element = document.getElementById("toTop");
					element.style.display = "block";
					// var element = document.getElementById("logo");
					// element.style.height = 'null';
					var element = document.getElementById("logo");
					element.classList.remove("logo");
					document.getElementById("navbar").style.padding = "0px 0px";
					document.getElementById("logo").style.height = "45px";
				} else {
					document.getElementById("navbar").style.padding = "10px 0px";
					document.getElementById("logo").style.height = "77px";
					var element = document.getElementById("toTop");
					element.style.display = null;
				}
			}

			// Show booknow button on scroll with mobile devices
			if (w < 992) {
				window.onscroll = function() {
					scrollFunction2();
				};
			}

			function scrollFunction2() {
				if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 80) {
					var element = document.getElementById("bookNow");
					element.style.display = "block";
				} else {
					var element = document.getElementById("bookNow");
					element.style.display = "hidden";
				}
			}
			// carousel
			const myCarouselElement = document.querySelector("#carousel");
			const carousel = new bootstrap.Carousel(myCarouselElement, {
				interval: 3500,
				pause: false,
			});

			// Init WOW in page
			new WOW().init();

			// hide navbar when a link is clicked
			$('.navbar-nav>li>a').on('click', function() {
				$('.navbar-collapse').collapse('hide');
			});

			// Hide ID from url
			window.addEventListener('hashchange', () => {
				history.pushState("", document.title, window.location.pathname);
			});

			// Offset scroll on navigation links
			const navigationHeight = document.querySelector("#navbar").offsetHeight;
			const trueNavigationHeight = navigationHeight - 90;
			document.documentElement.style.setProperty('--scroll-padding', `${trueNavigationHeight}px`);
		</script>
</body>

</html>