erste Fassung erstellt
This commit is contained in:
Michael Stangl
@@ -0,0 +1,38 @@
|
||||
{{ define "main" }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
|
||||
{{ range .Params.galerien }}
|
||||
<section class="ausflug-gruppe">
|
||||
<div class="ausflug-inner">
|
||||
<div class="ausflug-text">
|
||||
<h2>{{ .titel }}</h2>
|
||||
{{ with .text }}<p>{{ . }}</p>{{ end }}
|
||||
{{ with .punkte }}
|
||||
<ul class="ausflug-punkte">
|
||||
{{ range . }}<li>{{ . }}</li>{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="ausflug-bild">
|
||||
<div class="slider slider--single">
|
||||
<button type="button" class="slider-arrow slider-prev" aria-label="Zurück">❮</button>
|
||||
<div class="slider-track">
|
||||
{{ range .bilder }}
|
||||
<a href="{{ . }}" class="slider-slide">
|
||||
<img src="{{ . }}" alt="{{ $.Title }}" loading="lazy">
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
<button type="button" class="slider-arrow slider-next" aria-label="Weiter">❯</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
<body>
|
||||
{{ partial "nav.html" . }}
|
||||
<main class="main">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
{{ define "main" }}
|
||||
{{ with .Params.banner }}
|
||||
<section class="page-banner" style="background-image: url('{{ . }}');"></section>
|
||||
{{ end }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,25 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
<div class="fewo-grid">
|
||||
{{ range .Pages }}
|
||||
<div class="fewo-card">
|
||||
{{ with .Params.bild }}
|
||||
<img src="{{ . }}" alt="{{ $.Title }}" class="fewo-card-img">
|
||||
{{ end }}
|
||||
<div class="fewo-card-body">
|
||||
<h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
|
||||
<p class="fewo-meta">
|
||||
{{ with .Params.groesse }}<span>{{ . }}</span>{{ end }}
|
||||
{{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
|
||||
{{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
|
||||
</p>
|
||||
<p>{{ .Summary }}</p>
|
||||
<a href="{{ .Permalink }}" class="btn">Mehr erfahren</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,8 @@
|
||||
{{ define "main" }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,39 @@
|
||||
{{ define "main" }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
<div class="fewo-header">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p class="fewo-meta">
|
||||
{{ with .Params.groesse }}<span>{{ . }}</span>{{ end }}
|
||||
{{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
|
||||
{{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{ with .Params.bilder }}
|
||||
<div class="galerie">
|
||||
{{ range . }}
|
||||
<a href="{{ . }}" class="galerie-link">
|
||||
<img src="{{ . }}" alt="Foto" class="galerie-img" loading="lazy">
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="fewo-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
{{ with .Params.belegungsplan }}
|
||||
<div class="buchung">
|
||||
<h2>Verfügbarkeit & Buchung</h2>
|
||||
<p>
|
||||
<a href="{{ . }}" target="_blank" rel="noopener" class="btn btn-primary">
|
||||
Belegungsplan & Buchung öffnen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,122 @@
|
||||
{{ define "main" }}
|
||||
<section class="hero" style="background-image: url('/images/haus/Wolframm-Fewo-Kaufbeuren-Ferienwohnung-Ferienwohnungen-Wohnungen-mieten-87600-allgaeu-Titel.jpg');">
|
||||
<div class="hero-inner">
|
||||
<h1>Ferienwohnungen im Allgäu</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="welcome">
|
||||
<div class="welcome-inner">
|
||||
<h1>Herzlich Willkommen</h1>
|
||||
<p class="welcome-sub">in den Ferienwohnungen Wolframm</p>
|
||||
<div class="welcome-text">{{ .Content }}</div>
|
||||
<p class="welcome-cta">
|
||||
<a href="/ferienwohnungen/" class="btn btn-primary">Unsere Wohnungen</a>
|
||||
<a href="/preise/" class="btn btn-outline">Preise & Buchung</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{/* Highlights-Block vorerst ausgeblendet – siehe Wunsch, dass "Unsere Wohnungen" zuerst steht.
|
||||
<section class="highlights">
|
||||
<div class="container">
|
||||
<div class="highlight-grid">
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">🏠</div>
|
||||
<h3>3 Wohnungen</h3>
|
||||
<p>40–56 qm, für 2–5 Personen, vollständig ausgestattet.</p>
|
||||
</div>
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">🌿</div>
|
||||
<h3>Allergikerfreundlich</h3>
|
||||
<p>Alle Wohnungen sind allergikergerecht eingerichtet.</p>
|
||||
</div>
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">👨👩👧</div>
|
||||
<h3>Familiengeeignet</h3>
|
||||
<p>Babybett, Hochstuhl und Kinderausstattung vorhanden.</p>
|
||||
</div>
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">💼</div>
|
||||
<h3>Geschäftsreisende</h3>
|
||||
<p>WLAN, ruhige Lage, komfortabel eingerichtet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
*/}}
|
||||
|
||||
<section class="fewo-preview">
|
||||
<div class="container">
|
||||
<h2>Unsere Wohnungen</h2>
|
||||
<div class="fewo-grid">
|
||||
{{ $pages := where .Site.RegularPages "Section" "ferienwohnungen" }}
|
||||
{{ range $pages }}
|
||||
<div class="fewo-card">
|
||||
{{ $vorschau := .Params.vorschau }}
|
||||
{{ if and (not $vorschau) .Params.bilder }}{{ $vorschau = index .Params.bilder 0 }}{{ end }}
|
||||
{{ with $vorschau }}
|
||||
<a href="{{ $.Permalink }}" class="fewo-card-imglink">
|
||||
<img src="{{ . }}" alt="{{ $.Title }}" class="fewo-card-img" loading="lazy">
|
||||
</a>
|
||||
{{ end }}
|
||||
<div class="fewo-card-body">
|
||||
<h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
|
||||
<p class="fewo-meta">
|
||||
{{ with .Params.groesse }}<span>{{ . }}</span>{{ end }}
|
||||
{{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
|
||||
{{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
|
||||
</p>
|
||||
<a href="{{ .Permalink }}" class="btn">Details & Buchung</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feature">
|
||||
<div class="container feature-inner">
|
||||
<div class="feature-img">
|
||||
<img src="/images/haus/Zielazek-allgaeu.jpg" alt="Ruhige Lage am Waldrand" loading="lazy">
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<h2>Auszeit oder Dienst?</h2>
|
||||
<p>Berufstätige auf Geschäftsreise oder Monteure im Arbeitseinsatz genießen nach Feierabend die aussergewöhnliche Ruhe in ihrem Zuhause auf Zeit. Entspannen Sie nach Feierabend in einer unserer das Haus umgebenden Sitzecken.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feature feature--reverse">
|
||||
<div class="container feature-inner">
|
||||
<div class="feature-img">
|
||||
<img src="/images/haus/ferienwohnung-wolframm-kaufbeuren-allgaeu-leiterwagen-haus.jpg" alt="Unser Haus am Waldrand" loading="lazy">
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<h2>Allergikerfreundlich</h2>
|
||||
<p>Um allen Gästen einen gleichwohl angenehmen Aufenthalt in unseren Nichtraucherwohnungen zu ermöglichen, haben wir uns für eine allergikerfreundliche Vermietung und gegen die Aufnahme von Haustieren entschieden.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feature">
|
||||
<div class="container feature-inner">
|
||||
<div class="feature-img">
|
||||
<img src="/images/haus/ferienwohnung-wolframm-kaufbeuren-allgaeu-hausansicht.jpg" alt="Hausansicht" loading="lazy">
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<h2>Für Jung & Alt</h2>
|
||||
<p>Unsere älteren Gäste wissen die Ebenerdigkeit der Wohnungen zu schätzen, unsere jüngsten die mögliche babygerechte Ausstattung. Gerne dürfen Sie kostenfrei unseren W-LAN-Zugang nutzen. Für jede Ferienwohnung steht ein PKW-Parkplatz auf dem Grundstück zur Verfügung.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="lage">
|
||||
<div class="container">
|
||||
<h2>Unsere Lage</h2>
|
||||
<p>Kaufbeuren-Hirschzell liegt im Herzen des Allgäus, umgeben von Wiesen und Wäldern.
|
||||
In 40 Minuten erreichen Sie Schloss Neuschwanstein, in 30 Minuten den Forggensee.</p>
|
||||
<a href="/ausflugsziele/" class="btn">Ausflugsziele entdecken</a>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,25 @@
|
||||
<footer class="footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-col">
|
||||
<strong>IWZ Ferienwohnungen</strong><br>
|
||||
{{ .Site.Params.adresse }}<br>
|
||||
Tel: {{ .Site.Params.telefon }}<br>
|
||||
{{ with .Site.Params.telefax }}Fax: {{ . }}<br>{{ end }}
|
||||
<a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<strong>Navigation</strong><br>
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a><br>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<strong>Rechtliches</strong><br>
|
||||
<a href="/impressum/">Impressum</a><br>
|
||||
<a href="/datenschutz/">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copy">
|
||||
© {{ now.Year }} IWZ Ferienwohnungen · Kaufbeuren/Allgäu
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,5 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
|
||||
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
@@ -0,0 +1,14 @@
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="/" class="nav-logo" aria-label="Ferienwohnungen Wolframm – Startseite">
|
||||
<img src="/images/ferienwohnung-wolframm-kaufbeuren-allgaeu-Logo-small.png" alt="Ferienwohnungen Wolframm" class="nav-logo-img logo-light">
|
||||
<img src="/images/ferienwohnung-wolframm-kaufbeuren-allgaeu-Logo-small-weiss.png" alt="Ferienwohnungen Wolframm" class="nav-logo-img logo-dark">
|
||||
</a>
|
||||
<button class="nav-toggle" aria-label="Menü öffnen">☰</button>
|
||||
<ul class="nav-menu">
|
||||
{{ range .Site.Menus.main }}
|
||||
<li><a href="{{ .URL }}" {{ if eq $.RelPermalink .URL }}class="active"{{ end }}>{{ .Name }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user