- Scan ID:
- 355ffcde-e853-44b8-bc5f-a5fed1349e87Finished
- Submitted URL:
- https://www.bjornholthytten.dk/
- Report Finished:
Links · 7 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://da.wikipedia.org/wiki/Sejs-Svejb%C3%A6k | Sejs-Svejbæk |
| https://www.sejsspejderne.dk/ | Sejs Spejderne |
| https://maps.app.goo.gl/Rk52uDAft6Mvnqpq5 | Borgdalsvej 5C, 8600 Silkeborg |
| https://da.wikipedia.org/wiki/Sindbjerg_og_Stovbjerg | Sindbjerg og Stoubjerg |
| https://da.wikipedia.org/wiki/Nordskov_(Silkeborgskovene) | Silkeborg Nordskov |
| https://da.wikipedia.org/wiki/Schoubyes_S%C3%B8 | Schoubyes Sø |
| https://hjejleselskabet.dk/ | Hjejlebådene til Silkeborg eller Himmerbjerget |
JavaScript Variables · 21 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | string |
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| gtag | string |
| dataLayer | string |
| pictures | string |
| currentIndex | string |
| modal | string |
| modalImg | string |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="da"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bjørnholthytten - En moderne spejderhytte i Silkeborg</title>
<!--<script src="https://cdn.tailwindcss.com"></script>-->
<link rel="stylesheet" href="output.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="canonical" href="https://www.bjornholthytten.dk/">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-F7109935W5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-F7109935W5');
</script>
<meta property="og:title" content="Bjørnholthytten - En moderne spejderhytte i Silkeborg">
<meta property="og:description" content="En moderne spejderhytte i Silkeborg. Spejdergruppen Sejs Spejderne holder til i hytten. Hytten tilbyder faciliteter til gruppearbejde, fællesrum og et værksted.">
<meta property="og:image" content="https://www.bjornholthytten.dk/img/bjornholthytten-indgang-640w.avif">
<meta property="og:url" content="https://www.bjornholthytten.dk/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Bjørnholthytten - en moderne spejderhytte i Silkeborg">
<meta name="twitter:description" content="En moderne spejderhytte i Silkeborg. Spejdergruppen Sejs Spejderne holder til i hytten. Hytten tilbyder faciliteter til gruppearbejde, fællesrum og et værksted.">
<meta name="twitter:image" content="https://www.bjornholthytten.dk/img/bjornholthytten-indgang-640w.avif">
<meta name="twitter:url" content="https://www.bjornholthytten.dk/">
<meta name="description" content="En moderne spejderhytte i Silkeborg. Spejdergruppen Sejs Spejderne holder til i hytten. Hytten tilbyder faciliteter til gruppearbejde, fællesrum og et værksted. Med plads til 40-60 personer og mulighed for overnatning i området omkring hytten, er den ideel til spejdergrupper, skoleklasser, familiearrangementer og andre grupper, der ønsker at afholde en lejr eller et arrangement.">
<script async="" type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LodgingBusiness",
"name": "Bjørnholthytten",
"description": "En moderne spejderhytte beliggende i Sejs-Svejbæk nær Silkeborg, perfekt til spejdere, skoleklasser, familiearrangementer og andre gruppeaktiviteter.",
"image": "https://www.bjornholthytten.dk/gallery/indendoers-faellesrum-med-traeborde-stole-og-braendeovn-i-bjornholthytten.webp",
"url": "https://www.bjornholthytten.dk",
"telephone": "+4527641207",
"address": {
"@type": "PostalAddress",
"streetAddress": "Borgdalsvej 5C",
"addressLocality": "Silkeborg",
"addressRegion": "Region Midtjylland",
"postalCode": "8600",
"addressCountry": "DK"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "56.162939",
"longitude": "10.203921"
},
"priceRange": "DKK 3000 per weekend (fredag-søndag) eller DKK 2500 per dag",
"checkinTime": "17:00",
"checkoutTime": "12:00",
"petsAllowed": true,
"smokingAllowed": false,
"contactPoint": {
"@type": "ContactPoint",
"contactType": "Udlejer",
"telephone": "+4527641207",
"email": "[email protected]",
"availableLanguage": ["Danish", "English"]
}
}
</script>
</head>
<body class="bg-gray-100 dark:bg-slate-800 font-sans leading-normal tracking-normal">
<header class="bg-green-700 dark:bg-green-900 p-4 shadow-md">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-white dark:text-slate-300 text-3xl font-bold"><a href="/"><img src="logo.svg" alt="Logo for Bjørnholthytten"></a></h1>
<nav class="space-x-4">
<a href="#om-bjørnholthytten" class="text-white dark:text-slate-300 hover:underline">Om hytten</a>
<a href="#området" class="text-white dark:text-slate-300 hover:underline">Området</a>
<a href="#billeder" class="text-white dark:text-slate-300 hover:underline">Billeder</a>
<a href="#udlejning" class="text-white dark:text-slate-300 hover:underline">Udlejning</a>
<a href="#kontakt" class="text-white dark:text-slate-300 hover:underline">Kontakt</a>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="relative bg-cover bg-lime-700 bg-center h-screen" style="background-image: image-set(url('bjornholt-2024-small.avif') 1x, url('/bjornholt-2024-progressive.avif') 2x);">
<div class="absolute inset-0 bg-black bg-opacity-50 flex flex-col justify-center items-center">
<h2 class="text-5xl text-white dark:text-slate-300 font-bold mb-4">Bjørnholthytten</h2>
<p class="text-lg text-white dark:text-slate-300 mb-6">Den perfekte hytte for spejdere og naturentusiaster i Silkeborg.</p>
<a href="#om-bjørnholthytten" class="bg-green-700 dark:bg-green-900 text-white py-3 px-6 rounded-md hover:bg-green-800">Læs mere</a>
</div>
</section>
<main class="container mx-auto mt-6 space-y-8 dark:bg-slate-800">
<section id="om-bjørnholthytten" class="bg-white dark:bg-slate-800 dark:text-slate-400 shadow-lg rounded-lg p-6">
<div class="p-4">
<picture>
<source srcset="/img/bjornholthytten-indgang.avif" media="(min-width: 1024px)">
<source srcset="/img/bjornholthytten-indgang-1024w.avif" media="(min-width: 768px)">
<img src="/img/bjornholthytten-indgang-640w.avif" loading="lazy" alt="Bjørnholthytten og naturområdet omkring" class="w-full h-80 object-cover rounded-t-lg pb-8 dark:brightness-75">
</picture>
<h2 class="text-2xl font-semibold mb-4 dark:text-white">Om Bjørnholthytten</h2>
<div class="flex flex-col md:flex-row">
<div class="md:w-1/2 md:pr-4">
<p class="py-2">Bjørnholthytten er en moderne spejderhytte beliggende ved <a class="underline" href="https://da.wikipedia.org/wiki/Sejs-Svejb%C3%A6k">Sejs-Svejbæk</a> ved Silkeborg. Spejdergruppen <a class="underline" href="https://www.sejsspejderne.dk/">Sejs Spejderne</a> holder til i hytten.</p>
<p class="py-2">Hytten tilbyder faciliteter til gruppearbejde, fællesrum og et værksted. Med plads til 40-60 personer og mulighed for overnatning i området omkring hytten, er den ideel til spejdergrupper, skoleklasser, familiearrangementer og andre grupper, der ønsker at afholde en lejr eller et arrangement.</p>
<p class="py-2">Adresse: <a class="underline" href="https://maps.app.goo.gl/Rk52uDAft6Mvnqpq5">Borgdalsvej 5C, 8600 Silkeborg</a></p>
</div>
<div class="md:w-1/2 md:pl-4">
<p class="py-2" "=""><strong>Indretning</strong><br>
Bjørnholthytten har to mindre grupperum, passende til gruppearbejde for 4-6 personer, med egen indgang, så man ikke behøver at gå igennem selve hytten.</p>
<p class="py-2">Derudover er der et stort fællesrum, som via en skydedør giver adgang til et værksted. I fællesrummet er der også adgang til et toilet.
Mellem de to patruljerum ligger køkkenet, som er et separat rum. Ved siden af køkkenet er der et langt udendørs stålbord med en vandhane til koldt vand.</p>
<p class="py-2">Overfor køkkenet er der et separat toilet med handicapfaciliteter og badefaciliteter.</p>
</div>
</div>
<h3 class="text-xl font-semibold mb-2 py-8 dark:text-white">Plantegning</h3>
<img src="/Bjornholt-Plantegning.avif" loading="lazy" alt="Plantegning over Bjørnholthytten, der viser indretningen" class="w-full h-full object-cover rounded-t-lg pb-8 dark:invert">
</div>
<div class="p-4 bg-gray-100 rounded-lg mt-4 flex flex-col md:flex-row dark:bg-slate-900">
<div class="md:w-1/2 md:pr-4 py-4">
<h3 class="text-xl font-semibold mb-2 dark:text-white">Fakta om hytten</h3>
<ul class="list-disc list-inside">
<li>Plads til 40-60 personer</li>
<li>Bygget i 2005</li>
<li>300 m² samlet areal</li>
<li>2 patruljerum</li>
<li>2 toiletter</li>
<li>Handicaptoilet med bad</li>
<li>Stor terrasse</li>
<li>Stort fællesrum med entre og garderobe</li>
<li>Værksted</li>
<li>Køkken med service til 50 personer</li>
<li>Plads til 50 overnattende i hytten</li>
</ul>
</div>
<div class="md:w-1/2 md:pl-4 py-4">
<h3 class="text-xl font-semibold mb-2 dark:text-white">Faciliteter</h3>
<ul class="list-disc list-inside">
<li>Badefaciliteter</li>
<li>Køkken med komfur, ovn, køl/frys, opvaskemaskine</li>
<li>Brændeovn i det store fællesrum</li>
<li>2 bålpladser med grillriste</li>
<li>Overdækkede aktivitetsområder</li>
<li>Mulighed for overnatning i området</li>
<li>Stort græsareal til boldspil og aktiviteter</li>
<li>Beliggende i et af Danmarks største skovområder</li>
</ul>
</div>
</div>
</section>
<section id="området" class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-800 dark:text-slate-400">
<img src="/bjornholt-omraadet.avif" loading="lazy" alt="Bjørnholthytten og naturområdet omkring set mod sydøst" class="w-full h-80 object-cover rounded-t-lg pb-8">
<div class="p-4">
<h2 class="text-2xl font-semibold mb-4 dark:text-white">Området</h2>
<div class="flex flex-col md:flex-row">
<div class="md:w-1/2 md:pr-4">
<p class="py-2">Bjørnholthytten ligger i et fantastisk naturområde med skov og lyngbakkerne <a class="underline"></a><a href="https://da.wikipedia.org/wiki/Sindbjerg_og_Stovbjerg">Sindbjerg og Stoubjerg</a> lige i nærheden. Den rummelige grund består af både skov og græsarealer, hvilket giver mulighed for en bred vifte af aktiviteter og oplevelser.</p>
<p class="py-2">Grunden grænser op til Linå Vesterskov i øst og mod <a class="underline" href="https://da.wikipedia.org/wiki/Nordskov_(Silkeborgskovene)">Silkeborg Nordskov</a> i nord og vest. I Silkeborg Nordskov er der mulighed for at bade i <a class="underline" href="https://da.wikipedia.org/wiki/Schoubyes_S%C3%B8">Schoubyes Sø</a>, som er en af de reneste søer i Silkeborgområdet.</p>
</div>
<div class="md:w-1/2 md:pl-4">
<p class="py-2">Området omkring Bjørnholthytten byder på masser af muligheder. Foran hytten er der et grusareal med borde/bænke samt begrænset mulighed for parkering. Ca. 100 meter fra hytten er der et stort græsareal til aktiviteter, hvor der er mulighed for at lave bål, lege, raftearbejde og andre aktiviteter der måtte kræve en masse plads.</p>
<p class="py-2">Området byder på gode muligheder for vandring, badning i Gudenåen og naturoplevelser. Desuden er det muligt at sejle med en af <a class="underline" href="https://hjejleselskabet.dk/">Hjejlebådene til Silkeborg eller Himmerbjerget</a>.</p>
</div>
</div>
</div>
<img src="/bjornholt-omraadet-NE.avif" loading="lazy" alt="Bjørnholthytten og naturområdet omkring set mod nord" class="w-full h-80 object-cover rounded-t-lg pt-8">
</section>
<section id="billeder" class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-800 dark:text-slate-400">
<div class="p-4">
<h2 class="text-2xl font-semibold mb-4 dark:text-white">Billeder</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
<picture>
<source srcset="/gallery/bjornholthytten-set-fra-luften.avif" type="image/avif">
<source srcset="/gallery/bjornholthytten-set-fra-luften.webp" type="image/webp">
<img src="/gallery/bjornholthytten-set-fra-luften.webp" alt="Bjørnholthytten set fra luften" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/bjornholthytten-set-fra-grusvejen-ved-hytten-1.avif" type="image/avif">
<source srcset="/gallery/bjornholthytten-set-fra-grusvejen-ved-hytten-1.webp" type="image/webp">
<img src="/gallery/bjornholthytten-set-fra-grusvejen-ved-hytten-1.webp" alt="Bjørnholthytten set fra grusvejen ved hytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/bjornholthytten-set-fra-grusvejen-ved-hytten-2.avif" type="image/avif">
<source srcset="/gallery/bjornholthytten-set-fra-grusvejen-ved-hytten-2.webp" type="image/webp">
<img src="/gallery/bjornholthytten-set-fra-grusvejen-ved-hytten-2.webp" alt="Bjørnholthytten set fra grusvejen ved hytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/grupperum-ost-set-fra-grusvejen-ved-hytten.avif" type="image/avif">
<source srcset="/gallery/grupperum-ost-set-fra-grusvejen-ved-hytten.webp" type="image/webp">
<img src="/gallery/grupperum-ost-set-fra-grusvejen-ved-hytten.webp" alt="Grupperum-øst set fra grusvejen ved hytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/opbevaringsrum-set-fra-grusvejen-ved-hytten.avif" type="image/avif">
<source srcset="/gallery/opbevaringsrum-set-fra-grusvejen-ved-hytten.webp" type="image/webp">
<img src="/gallery/opbevaringsrum-set-fra-grusvejen-ved-hytten.webp" alt="Opbevaringsrum set fra grusvejen ved hytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-stole-og-braendeovn-i-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-stole-og-braendeovn-i-bjornholthytten.webp" type="image/webp">
<img src="/gallery/indendoers-faellesrum-med-traeborde-stole-og-braendeovn-i-bjornholthytten.webp" alt="Indendørs fællesrum med træborde, stole og brændeovn i Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-stole-og-tv-skaerm-i-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-stole-og-tv-skaerm-i-bjornholthytten.webp" type="image/webp">
<img src="/gallery/indendoers-faellesrum-med-traeborde-stole-og-tv-skaerm-i-bjornholthytten.webp" alt="Indendørs fællesrum med træborde, stole og TV-skærm i Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/indendoers-faellesrum-med-hoejt-til-loftet-og-naturligt-lys.avif" type="image/avif">
<source srcset="/gallery/indendoers-faellesrum-med-hoejt-til-loftet-og-naturligt-lys.webp" type="image/webp">
<img src="/gallery/indendoers-faellesrum-med-hoejt-til-loftet-og-naturligt-lys.webp" alt="Indendørs fællesrum med højt til loftet og naturligt lys" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-og-stole-skoven-kan-ses-i-baggrunden-mod-nord.avif" type="image/avif">
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-og-stole-skoven-kan-ses-i-baggrunden-mod-nord.webp" type="image/webp">
<img src="/gallery/indendoers-faellesrum-med-traeborde-og-stole-skoven-kan-ses-i-baggrunden-mod-nord.webp" alt="Indendørs fællesrum med træborde og stole. Skoven kan ses i baggrunden mod nord" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-og-stole-skoven-kan-ses-i-baggrunden-mod-vest.avif" type="image/avif">
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-og-stole-skoven-kan-ses-i-baggrunden-mod-vest.webp" type="image/webp">
<img src="/gallery/indendoers-faellesrum-med-traeborde-og-stole-skoven-kan-ses-i-baggrunden-mod-vest.webp" alt="Indendørs fællesrum med træborde og stole. Skoven kan ses i baggrunden mod vest" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/baalplads-ved-bjornholthytten-omgivet-af-traebaenke.avif" type="image/avif">
<source srcset="/gallery/baalplads-ved-bjornholthytten-omgivet-af-traebaenke.webp" type="image/webp">
<img src="/gallery/baalplads-ved-bjornholthytten-omgivet-af-traebaenke.webp" alt="Bålplads ved Bjørnholthytten omgivet af træbænke" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-og-stole-indgangsdoeren-ses-i-baggrunden.avif" type="image/avif">
<source srcset="/gallery/indendoers-faellesrum-med-traeborde-og-stole-indgangsdoeren-ses-i-baggrunden.webp" type="image/webp">
<img src="/gallery/indendoers-faellesrum-med-traeborde-og-stole-indgangsdoeren-ses-i-baggrunden.webp" alt="Indendørs fællesrum med træborde og stole. Indgangsdøren ses i baggrunden" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/vaerkstedet-i-bjornholthytten-med-arbejdsborde-1.avif" type="image/avif">
<source srcset="/gallery/vaerkstedet-i-bjornholthytten-med-arbejdsborde-1.webp" type="image/webp">
<img src="/gallery/vaerkstedet-i-bjornholthytten-med-arbejdsborde-1.webp" alt="Værkstedet i Bjørnholthytten med arbejdsborde" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/vaerkstedet-i-bjornholthytten-med-arbejdsborde-2.avif" type="image/avif">
<source srcset="/gallery/vaerkstedet-i-bjornholthytten-med-arbejdsborde-2.webp" type="image/webp">
<img src="/gallery/vaerkstedet-i-bjornholthytten-med-arbejdsborde-2.webp" alt="Værkstedet i Bjørnholthytten med arbejdsborde" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/grupperum-pa-1-salen.avif" type="image/avif">
<source srcset="/gallery/grupperum-pa-1-salen.webp" type="image/webp">
<img src="/gallery/grupperum-pa-1-salen.webp" alt="Grupperum på 1. salen" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/garderobeomraade-i-bjornholthytten-med-kroge-til-jakker.avif" type="image/avif">
<source srcset="/gallery/garderobeomraade-i-bjornholthytten-med-kroge-til-jakker.webp" type="image/webp">
<img src="/gallery/garderobeomraade-i-bjornholthytten-med-kroge-til-jakker.webp" alt="Garderobeområde i Bjørnholthytten med kroge til jakker" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/koekken-i-bjornholthytten-med-komfur-ovn-koeleskab-fryser-og-opbevaring.avif" type="image/avif">
<source srcset="/gallery/koekken-i-bjornholthytten-med-komfur-ovn-koeleskab-fryser-og-opbevaring.webp" type="image/webp">
<img src="/gallery/koekken-i-bjornholthytten-med-komfur-ovn-koeleskab-fryser-og-opbevaring.webp" alt="Køkken i Bjørnholthytten med komfur, ovn, køleskab, fryser og opbevaring" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/grupperum-syd.avif" type="image/avif">
<source srcset="/gallery/grupperum-syd.webp" type="image/webp">
<img src="/gallery/grupperum-syd.webp" alt="Gruperum-syd" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/gangomraade-i-bjornholthytten-med-koekken-mod-venstre-og-indgang-til-hytten-mod-hoejre.avif" type="image/avif">
<source srcset="/gallery/gangomraade-i-bjornholthytten-med-koekken-mod-venstre-og-indgang-til-hytten-mod-hoejre.webp" type="image/webp">
<img src="/gallery/gangomraade-i-bjornholthytten-med-koekken-mod-venstre-og-indgang-til-hytten-mod-hoejre.webp" alt="Gangområde i Bjørnholthytten med køkken mod venstre og indgang til hytten mod højre" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/grupperum-oest.avif" type="image/avif">
<source srcset="/gallery/grupperum-oest.webp" type="image/webp">
<img src="/gallery/grupperum-oest.webp" alt="Gruperum-øst" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/udendoers-overdaekket-koekken-og-aktivitetsomraade.avif" type="image/avif">
<source srcset="/gallery/udendoers-overdaekket-koekken-og-aktivitetsomraade.webp" type="image/webp">
<img src="/gallery/udendoers-overdaekket-koekken-og-aktivitetsomraade.webp" alt="Udendørs overdækket køkken og aktivitetsområde" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/udendoers-overdaekket-aktivitetsomraade-ved-baalomraadet.avif" type="image/avif">
<source srcset="/gallery/udendoers-overdaekket-aktivitetsomraade-ved-baalomraadet.webp" type="image/webp">
<img src="/gallery/udendoers-overdaekket-aktivitetsomraade-ved-baalomraadet.webp" alt="Udendørs overdækket aktivitetsområde ved bålområdet" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/rafter-sorteret-i-laengder-1.avif" type="image/avif">
<source srcset="/gallery/rafter-sorteret-i-laengder-1.webp" type="image/webp">
<img src="/gallery/rafter-sorteret-i-laengder-1.webp" alt="Rafter sorteret i længder" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/baalomraadet-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/baalomraadet-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/baalomraadet-ved-bjornholthytten.webp" alt="Bålområdet ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/grillrist-med-pande-ved-baalomraadet-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/grillrist-med-pande-ved-baalomraadet-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/grillrist-med-pande-ved-baalomraadet-ved-bjornholthytten.webp" alt="Grillrist med pande ved bålområdet ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/stor-vandsalamander.avif" type="image/avif">
<source srcset="/gallery/stor-vandsalamander.webp" type="image/webp">
<img src="/gallery/stor-vandsalamander.webp" alt="Stor vandsalamander" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-der-graver-huller-i-jorden.avif" type="image/avif">
<source srcset="/gallery/spejdere-der-graver-huller-i-jorden.webp" type="image/webp">
<img src="/gallery/spejdere-der-graver-huller-i-jorden.webp" alt="Spejdere der graver huller i jorden" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/tilberedning-af-mad-over-baal-1.avif" type="image/avif">
<source srcset="/gallery/tilberedning-af-mad-over-baal-1.webp" type="image/webp">
<img src="/gallery/tilberedning-af-mad-over-baal-1.webp" alt="Tilberedning af mad over bål" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/tilberedning-af-mad-over-baal-2.avif" type="image/avif">
<source srcset="/gallery/tilberedning-af-mad-over-baal-2.webp" type="image/webp">
<img src="/gallery/tilberedning-af-mad-over-baal-2.webp" alt="Tilberedning af mad over bål" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-paa-vej-paa-tur-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/spejdere-paa-vej-paa-tur-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/spejdere-paa-vej-paa-tur-ved-bjornholthytten.webp" alt="Spejdere på vej på tur ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-fra-bjornholthytten-paa-tur-ved-sindbjerg-og-stoubjerg.avif" type="image/avif">
<source srcset="/gallery/spejdere-fra-bjornholthytten-paa-tur-ved-sindbjerg-og-stoubjerg.webp" type="image/webp">
<img src="/gallery/spejdere-fra-bjornholthytten-paa-tur-ved-sindbjerg-og-stoubjerg.webp" alt="Spejdere fra Bjørnholthytten på tur ved Sindbjerg og Stoubjerg" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/svampe-i-skovbunden-ved-bjornholthytten-1.avif" type="image/avif">
<source srcset="/gallery/svampe-i-skovbunden-ved-bjornholthytten-1.webp" type="image/webp">
<img src="/gallery/svampe-i-skovbunden-ved-bjornholthytten-1.webp" alt="Svampe i skovbunden ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-der-bager-pandekager-over-baal-ved-bjornholthytten-1.avif" type="image/avif">
<source srcset="/gallery/spejdere-der-bager-pandekager-over-baal-ved-bjornholthytten-1.webp" type="image/webp">
<img src="/gallery/spejdere-der-bager-pandekager-over-baal-ved-bjornholthytten-1.webp" alt="Spejdere der bager pandekager over bål ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-der-bager-pandekager-over-baal-ved-bjornholthytten-2.avif" type="image/avif">
<source srcset="/gallery/spejdere-der-bager-pandekager-over-baal-ved-bjornholthytten-2.webp" type="image/webp">
<img src="/gallery/spejdere-der-bager-pandekager-over-baal-ved-bjornholthytten-2.webp" alt="Spejdere der bager pandekager over bål ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-der-bager-kager-over-baal-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/spejdere-der-bager-kager-over-baal-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/spejdere-der-bager-kager-over-baal-ved-bjornholthytten.webp" alt="Spejdere der bager kager over bål ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-der-bager-pizzaer-i-braendefyret-pizzaovn-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/spejdere-der-bager-pizzaer-i-braendefyret-pizzaovn-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/spejdere-der-bager-pizzaer-i-braendefyret-pizzaovn-ved-bjornholthytten.webp" alt="Spejdere der bager pizzer i brændefyret pizzaovn ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/vinterbillede-af-omraadet-ved-bjornholthytten-daekket-af-sne.avif" type="image/avif">
<source srcset="/gallery/vinterbillede-af-omraadet-ved-bjornholthytten-daekket-af-sne.webp" type="image/webp">
<img src="/gallery/vinterbillede-af-omraadet-ved-bjornholthytten-daekket-af-sne.webp" alt="Vinterbillede af området ved Bjørnholthytten dækket af sne" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-der-kaelker-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/spejdere-der-kaelker-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/spejdere-der-kaelker-ved-bjornholthytten.webp" alt="Spejdere der kælker ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/vinterbillede-af-skovomraadet-ved-bjornholthytten-daekket-af-sne.avif" type="image/avif">
<source srcset="/gallery/vinterbillede-af-skovomraadet-ved-bjornholthytten-daekket-af-sne.webp" type="image/webp">
<img src="/gallery/vinterbillede-af-skovomraadet-ved-bjornholthytten-daekket-af-sne.webp" alt="Vinterbillede af skovområdet ved Bjørnholthytten dækket af sne" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/billede-af-skovomraadet-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/billede-af-skovomraadet-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/billede-af-skovomraadet-ved-bjornholthytten.webp" alt="Billede af skovområdet ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/svampe-i-skovbunden-ved-bjornholthytten-2.avif" type="image/avif">
<source srcset="/gallery/svampe-i-skovbunden-ved-bjornholthytten-2.webp" type="image/webp">
<img src="/gallery/svampe-i-skovbunden-ved-bjornholthytten-2.webp" alt="Svampe i skovbunden ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/skovsti-i-skoven-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/skovsti-i-skoven-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/skovsti-i-skoven-ved-bjornholthytten.webp" alt="Skovsti i skoven ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/skoven-og-det-kuperede-terraen-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/skoven-og-det-kuperede-terraen-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/skoven-og-det-kuperede-terraen-ved-bjornholthytten.webp" alt="Skoven og det kuperede terræn ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/lysaaben-skov-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/lysaaben-skov-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/lysaaben-skov-ved-bjornholthytten.webp" alt="Lysåben skov ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/vintersolen-i-skoven-ved-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/vintersolen-i-skoven-ved-bjornholthytten.webp" type="image/webp">
<img src="/gallery/vintersolen-i-skoven-ved-bjornholthytten.webp" alt="Vintersolen i skoven ved Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/spejdere-paa-sindbjerg-og-stoubjerg-i-naerheden-af-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/spejdere-paa-sindbjerg-og-stoubjerg-i-naerheden-af-bjornholthytten.webp" type="image/webp">
<img src="/gallery/spejdere-paa-sindbjerg-og-stoubjerg-i-naerheden-af-bjornholthytten.webp" alt="Spejdere på Sindbjerg og Stoubjerg i nærheden af Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-oest.avif" type="image/avif">
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-oest.webp" type="image/webp">
<img src="/gallery/luftfoto-af-bjornholthytten-set-fra-oest.webp" alt="Luftfoto af Bjørnholthytten set fra øst" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-nordoest-1.avif" type="image/avif">
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-nordoest-1.webp" type="image/webp">
<img src="/gallery/luftfoto-af-bjornholthytten-set-fra-nordoest-1.webp" alt="Luftfoto af Bjørnholthytten set fra nordøst" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-oestnordoest.avif" type="image/avif">
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-oestnordoest.webp" type="image/webp">
<img src="/gallery/luftfoto-af-bjornholthytten-set-fra-oestnordoest.webp" alt="Luftfoto af Bjørnholthytten set fra østnordøst" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-nordoest-2.avif" type="image/avif">
<source srcset="/gallery/luftfoto-af-bjornholthytten-set-fra-nordoest-2.webp" type="image/webp">
<img src="/gallery/luftfoto-af-bjornholthytten-set-fra-nordoest-2.webp" alt="Luftfoto af Bjørnholthytten set fra nordøst" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/baalomraadet-ved-bjornholthytten-fra-fra-luften.avif" type="image/avif">
<source srcset="/gallery/baalomraadet-ved-bjornholthytten-fra-fra-luften.webp" type="image/webp">
<img src="/gallery/baalomraadet-ved-bjornholthytten-fra-fra-luften.webp" alt="Bålområdet ved Bjørnholthtten fra fra luften" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/rafter-sorteret-i-laengder-2.avif" type="image/avif">
<source srcset="/gallery/rafter-sorteret-i-laengder-2.webp" type="image/webp">
<img src="/gallery/rafter-sorteret-i-laengder-2.webp" alt="Rafter sorteret i længder" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<picture>
<source srcset="/gallery/det-store-aktivitetsomraade-og-baalomraade-syd-for-bjornholthytten.avif" type="image/avif">
<source srcset="/gallery/det-store-aktivitetsomraade-og-baalomraade-syd-for-bjornholthytten.webp" type="image/webp">
<img src="/gallery/det-store-aktivitetsomraade-og-baalomraade-syd-for-bjornholthytten.webp" alt="Det store aktivitetsområde og bålområde syd for Bjørnholthytten" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</picture>
<img src="/bjornholt-omraadet-NE.avif" alt="Bjørnholthytten og området omkring set mod nordøst" class="w-full h-64 object-cover rounded-lg" loading="lazy">
</div>
</div>
</section>
<section id="udlejning" class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-800 dark:text-slate-400">
<div class="p-4">
<h2 class="text-2xl font-bold mb-4 dark:text-slate-200">Udlejning og priser</h2>
<p class="py-2">Bjørnholthytten lejes ud til spejdere, institutioner, private og virksomheder. Ønsker du at leje hytten, så tjek bookingkalenderen nedenfor og lav en bookingforespørgsel ved at udfylde <a class="underline" href="#booking-form">bookingformularen</a>.</p>
<div class="py-6">
<h3 class="text-m font-bold dark:text-slate-300">Priser</h3>
<div class="px-6 py-2">
<h3 class="text-l font-semibold text-gray-700 dark:text-slate-300 mb-2">Spejdergrupper</h3>
<ul class="list-disc pl-5 text-gray-600 dark:text-slate-400 text-m">
<li>Påbegyndt døgn pr. spejder: <span class="font-bold">30,- kr.</span></li>
<li>Minimumspris pr. døgn: <span class="font-bold">500,- kr.</span></li>
</ul>
</div>
<div class="px-6 py-2">
<h3 class="text-m font-semibold text-gray-700 dark:text-slate-300 mb-2">Øvrige lejemål</h3>
<ul class="list-disc pl-5 text-gray-600 dark:text-slate-400 text-m space-y-2">
<li>1 dag: <span class="font-bold">2.500,- kr.</span></li>
<li>Weekend fra fredag kl. 17.00 til søndag kl 12.00: <span class="font-bold">3.000,- kr.</span></li>
<li>1⁄2-dag på hverdage: <span class="font-bold">1.000,- kr.</span></li>
<li>Depositum: <span class="font-bold">1.000,- kr.</span></li>
</ul>
</div>
</div>
<iframe title="Kalender over bookinger for Bjørnholthytten" loading="lazy" class="pt-6" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&ctz=Europe%2FCopenhagen&bgcolor=%23ffffff&hl=da&showCalendars=0&src=MjY2ZjgxYTI3OTQ2NThmZjE5YjdhMGVmN2RhMjQ0ZGVlY2FlZmIyOWJiZjZjZmYyZDY3MjQ3ZjJmZmZiY2E5MEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%23009688" style="border: 0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
<p class="py-2 px-2 text-xs">Kalederen er kun vejledende og fordi et givet tidspunkt kalenderen ikke er angivet som optaget, er der ingen garanti for at hytten er ledig.</p>
</div>
</section>
<section id="booking-form" class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-800 dark:text-slate-400">
<div class="p-4">
<h2 class="text-2xl font-bold mb-4 dark:text-white">Book Bjørnholthytten</h2>
<p class="py-2">
Udfyld felterne for at indsende en forespørgsel på leje at
Bjørnholthytten. Bemærk, at du ikke er garanteret
at kunne leje hytten selvom formularen bliver indsendt. Når vi
modtager din bookingforespørgsel, så vil vores udlejer vende
tilbage med et svar på din forespørgsel.
</p>
<form id="udlejning-form" class="grid grid-cols-1 gap-y-6 py-6" action="https://formspree.io/f/xvgpanow" method="POST">
<!-- Basic text inputs -->
<div>
<label for="institution" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Firma/Institution</label>
<input type="text" id="institution" name="institution" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<div>
<label for="contact" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Kontaktperson</label>
<input type="text" id="contact" name="contact" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<div>
<label for="address" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Adresse</label>
<input type="text" id="address" name="address" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<!-- Split columns for smaller fields -->
<div class="grid grid-cols-2 gap-4">
<div>
<label for="postcode" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Postnr</label>
<input type="text" id="postcode" name="postcode" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<div>
<label for="city" class="block text-sm font-medium text-gray-700 dark:text-slate-200">By</label>
<input type="text" id="city" name="city" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
</div>
<!-- Phone field only -->
<div>
<label for="phone" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Telefon</label>
<input type="text" id="phone" name="phone" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<!-- Email field -->
<div>
<label for="email" class="block text-sm font-medium text-gray-700 dark:text-slate-200">E-mail</label>
<input type="email" id="email" name="email" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<!-- DateTime fields -->
<div class="grid grid-cols-2 gap-4">
<div>
<label for="start" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Start tidspunkt</label>
<input type="datetime-local" id="start" name="start" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
<div>
<label for="end" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Slut tidspunkt</label>
<input type="datetime-local" id="end" name="end" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700" required="">
</div>
</div>
<!-- Checkbox for period options -->
<div>
<div class="flex items-center mb-4">
<input id="daytime" type="checkbox" name="daytime" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
<label for="daytime" class="ml-2 block text-sm text-gray-900 dark:text-slate-200">Dagligt i det angivet tidsrum</label>
</div>
<div class="flex items-center">
<input id="noWeekend" type="checkbox" name="noWeekend" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded">
<label for="noWeekend" class="ml-2 block text-sm text-gray-900 dark:text-slate-200">Ingen brug i weekend</label>
</div>
</div>
<!-- Number of people, only required for "Spejdergrupper" -->
<div>
<label for="people" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Antal personer (kun nødvendig for
spejdergrupper)</label>
<input type="number" id="people" name="people" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700">
</div>
<!-- Activity description -->
<div>
<label for="activity" class="block text-sm font-medium text-gray-700 dark:text-slate-200">Aktivitet</label>
<textarea id="activity" name="activity" rows="3" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:border-slate-600 dark:bg-slate-700"></textarea>
</div>
<!-- Submit button -->
<button type="submit" class="bg-green-700 dark:bg-green-900 text-white py-3 px-6 rounded-md hover:bg-green-800">
Send forespørgsel
</button>
</form>
<p id="udlejning-form-status" class="text-center text-sm mt-4"></p>
</div>
</section>
<section id="kontakt" class="bg-white shadow-lg rounded-lg p-6 dark:bg-slate-800 dark:text-slate-400">
<div class="p-4">
<h2 class="text-2xl font-semibold mb-4 dark:text-white">Kontakt</h2>
<div class="space-y-4">
<div>
<h3 class="text-xl font-semibold dark:text-white">Udlejer</h3>
<p class="dark:text-slate-400">Ida Raaberg</p>
<p class="dark:text-slate-400">Mobil: 61100826</p>
<p class="dark:text-slate-400">Mail: <a href="mailto:[email protected]" class="underline text-green-700 dark:text-green-400">[email protected]</a></p>
</div>
<div>
<h3 class="text-xl font-semibold dark:text-white">Udlejerassistent</h3>
<p class="dark:text-slate-400">Niels Erik Jensen</p>
<p class="dark:text-slate-400">Mobil: 27641207</p>
<p class="dark:text-slate-400">Mail: <a href="mailto:[email protected]" class="underline text-green-700 dark:text-green-400">[email protected]</a></p>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-green-700 dark:bg-green-900 p-4 mt-6">
<div class="container mx-auto text-white text-center">
Bjørnholthytten (CVR: 29280304) - Borgdalsvej 5C - 8600 Silkeborg - © 2011 - 2024
</div>
</footer>
<!-- The Modal -->
<div id="modal" class="hidden fixed top-0 left-0 z-80
w-screen h-screen bg-black/70 flex
justify-center items-center">
<!-- The close button -->
<a class="fixed z-90 top-6 right-8
text-white text-5xl font-bold" href="javascript:void(0)" onclick="closeModal()">
×
</a>
<!-- A big image will be displayed here -->
<img id="modal-img" class="max-w-[1080px] max-h-[800px] object-cover">
</div>
<script>
// Get all the picture elements in the grid
var pictures = document.querySelectorAll('.grid picture');
var currentIndex = 0;
// Loop through each picture element
pictures.forEach(function (picture, index) {
// Get the AVIF source element
var avifSource = picture.querySelector('source[type="image/avif"]');
// Add a click event listener to each picture element
picture.addEventListener('click', function () {
if (avifSource) {
showModal(avifSource.srcset, index);
} else {
// Fallback to img src if AVIF source is not available
var img = picture.querySelector('img');
showModal(img.src, index);
}
});
});
// Get the modal by id
var modal = document.getElementById("modal");
// Get the modal image tag
var modalImg = document.getElementById("modal-img");
// This function is called when a small image is clicked
function showModal(src, index) {
modal.classList.remove('hidden');
modalImg.src = src;
currentIndex = index;
}
// This function is called when the close button is clicked
function closeModal() {
modal.classList.add('hidden');
}
// Function to show next image
function showNextImage() {
currentIndex = (currentIndex + 1) % pictures.length;
var nextPicture = pictures[currentIndex];
var nextSource = nextPicture.querySelector('source[type="image/avif"]') || nextPicture.querySelector('img');
modalImg.src = nextSource.srcset || nextSource.src;
}
// Function to show previous image
function showPreviousImage() {
currentIndex = (currentIndex - 1 + pictures.length) % pictures.length;
var prevPicture = pictures[currentIndex];
var prevSource = prevPicture.querySelector('source[type="image/avif"]') || prevPicture.querySelector('img');
modalImg.src = prevSource.srcset || prevSource.src;
}
// Event listener for keyboard events
document.addEventListener('keydown', function(event) {
if (event.key === 'Escape') {
closeModal();
} else if (event.key === 'ArrowRight') {
showNextImage();
} else if (event.key === 'ArrowLeft') {
showPreviousImage();
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
document.body.addEventListener('click', (event) => {
let target = event.target;
while (target != null && target.tagName != 'A') {
target = target.parentElement;
}
if (target && target.hash) {
gtag('event', 'anchor_click', {
'anchor_text': target.hash
});
}
});
});
</script>
<!-- JavaScript for handling the form submission -->
<script>
var form = document.getElementById("udlejning-form");
async function handleSubmit(event) {
event.preventDefault();
var status = document.getElementById("udlejning-form-status");
var data = new FormData(event.target);
fetch(event.target.action, {
method: form.method,
body: data,
headers: {
Accept: "application/json",
},
})
.then((response) => {
if (response.ok) {
status.innerHTML =
"Vi har modtaget din forespørgsel og vi vender tilbage til dig hurtigst muligt.";
form.reset();
form.style.display = "none";
} else {
response.json().then((data) => {
if (Object.hasOwn(data, "errors")) {
status.innerHTML = data["errors"]
.map((error) => error["message"])
.join(", ");
} else {
status.innerHTML =
"Oops! There was a problem submitting your form";
}
});
}
})
.catch((error) => {
status.innerHTML =
"Oops! There was a problem submitting your form";
});
}
form.addEventListener("submit", handleSubmit);
</script>
<!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{"token": "79a75a00801a416fb92575278ffa969b"}"></script><!-- Cloudflare Pages Analytics -->
</body></html>