Add Ausstattung
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
philipp lang
parent
62ab03bf15
commit
13ec72b0da
|
|
@ -6,26 +6,103 @@ is_hidden = 0
|
|||
[anfrage]
|
||||
==
|
||||
|
||||
<div class="mx-auto py-10 px-6 max-w-6xl">
|
||||
<div class="flex md:space-x-6 flex-col md:flex-row items-start">
|
||||
<section id="ablauf" class="grow">
|
||||
{% partial 'heading' title="Ablauf" %}
|
||||
<div>
|
||||
{% partial 'listelement' title="Anfragen" number="1" content='Fülle das folgende <a href="#buchen">Formular</a> aus und sende uns so eine Buchungsanfrage.' %}
|
||||
{% partial 'listelement' title="Rückmeldung" number="2" content='Wir melden uns innerhalb von einigen Tagen per E-Mail bei dir und senden dir ein Vertragsdokument als PDF zu.' %}
|
||||
{% partial 'listelement' title="Bestätigung" number="3" content='Sende uns den Vertrag unterschrieben per Post zurück.' %}
|
||||
{% partial 'listelement' title="Bezahlung" number="4" content='Überweise den fälligen Betrag (lt. Vertrag) an uns' %}
|
||||
{% partial 'listelement' title="Übergabe" number="5" content='Ein Ansprechpartner wird sich 1-2 Wochen vor der Veranstaltung bei dir melden und einen Termin für die Schlüsselübergabe vereinbaren. Diese erfolgt i.d.R. 1-2 Tage vor der Veranstaltung. Bitte bringe hier die vereinbarte Kaution in Bar mit.' %}
|
||||
{% partial 'listelement' title="Nach der Party: Abnahme durch den Ansprechpartner" number="6" content='Einen Tag nach der Party übergibst du die Schlüssel zurück an den Ansprechpartner und erhälst (sofern alles korrekt hinterlassen wurde) deine Kaution zurück.' %}
|
||||
</div>
|
||||
</section>
|
||||
<div class="outer-container bg-blue-300" id="ausstattung">
|
||||
<div class="container">
|
||||
{% partial 'mainheading' title="Ausstattung" %}
|
||||
|
||||
<section id="anfrage" class="shadow-xl mt-10 self-center md:self-none md:mt-0 bg-neutral-200 border border-neutral-200 rounded-xl p-3 max-w-lg w-full md:w-2/5 flex-none">
|
||||
{% partial 'heading' title="Anfrage" %}
|
||||
<div class="mt-4">
|
||||
{% component 'anfrage' %}
|
||||
</div>
|
||||
</section>
|
||||
<div class="space-y-12">
|
||||
{% partial 'imagegrid-start' heading='Innenraum' %}
|
||||
<p>
|
||||
Auf der Tanzfläche haben bis zu ca 100 Leute Platz. Zudem gibt es drei Tische mit Sitzgelegenheiten, sowie eine Bar mit Spülmöglichkeiten.
|
||||
</p>
|
||||
<p>
|
||||
Hinter der Theke befindet sich das DJ-Pult, wo man Musik machen kann.
|
||||
</p>
|
||||
<p>
|
||||
Es sind zwei Kühlschränke vorhanden, die i.d.R. ausreichen. Bei Bedarf kann ein größerer Kühlschrank nach Absprache hinzugebucht werden.
|
||||
</p>
|
||||
{% partial 'imagegrid-end' image='innenraum.jpg' %}
|
||||
|
||||
{% partial 'imagegrid-start' heading='Licht & Co' %}
|
||||
Für eine gute Feier darf typische Disco-Atmosphäre nicht fehlen. Folgende Features sind vorhanden:
|
||||
|
||||
<ul>
|
||||
<li>Lauflicht</li>
|
||||
<li>Lüfter (für Frischluft)</li>
|
||||
<li>Nebelmaschine (oben und unten)</li>
|
||||
<li>Disco-Kugel</li>
|
||||
<li>Stroboskop</li>
|
||||
<li>Schwarzlicht</li>
|
||||
</ul>
|
||||
{% partial 'imagegrid-end' image='licht.jpg' %}
|
||||
|
||||
{% partial 'imagegrid-start' heading='Tischtennis-Raum' %}
|
||||
<p>
|
||||
Im Tischtennis-Raum zwischen Disco und Außenbereich kann z.B. Essen aufgebaut, sowie Tischtennis, Beerpong, etc gespielt werden.
|
||||
</p>
|
||||
<p>
|
||||
Es sind Hängeschränke vorhanden mit Tellern, Besteck, Schüsseln, die für Essen, Trinken, Snacks, etc genutzt werden können.
|
||||
</p>
|
||||
{% partial 'imagegrid-end' image='tischtennis.jpg' %}
|
||||
|
||||
{% partial 'imagegrid-start' heading='Außenbereich' %}
|
||||
<p>
|
||||
Der Außenbereich kann zum Rauchen, Grillen, etc genutzt werden. Außerdem ist eine Lagerfeuerstelle vorhanden.
|
||||
</p>
|
||||
{% partial 'imagegrid-end' image='aussen.jpg' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-green-300 outer-container" id="buchen">
|
||||
<div class="container">
|
||||
{% partial 'mainheading' title="Buchungsanfrage" %}
|
||||
<div class="flex md:space-x-6 flex-col md:flex-row items-start">
|
||||
<section class="grow">
|
||||
<div>
|
||||
{% partial 'listelement' title="Anfragen" number="1" content='Fülle das folgende <a href="#buchen">Formular</a> aus und sende uns so eine Buchungsanfrage.' %}
|
||||
{% partial 'listelement' title="Rückmeldung" number="2" content='Wir melden uns innerhalb von einigen Tagen per E-Mail bei dir und senden dir ein Vertragsdokument als PDF zu.' %}
|
||||
{% partial 'listelement' title="Bestätigung" number="3" content='Sende uns den Vertrag unterschrieben per Post zurück.' %}
|
||||
{% partial 'listelement' title="Bezahlung" number="4" content='Überweise den fälligen Betrag (lt. Vertrag) an uns' %}
|
||||
{% partial 'listelement' title="Übergabe" number="5" content='Ein Ansprechpartner wird sich 1-2 Wochen vor der Veranstaltung bei dir melden und einen Termin für die Schlüsselübergabe vereinbaren. Diese erfolgt i.d.R. 1-2 Tage vor der Veranstaltung. Bitte bringe hier die vereinbarte Kaution in Bar mit.' %}
|
||||
{% partial 'listelement' title="Nach der Party: Abnahme durch den Ansprechpartner" number="6" content='Einen Tag nach der Party übergibst du die Schlüssel zurück an den Ansprechpartner und erhälst (sofern alles korrekt hinterlassen wurde) deine Kaution zurück.' %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="shadow-xl mt-10 self-center md:self-none md:mt-0 bg-neutral-200 border border-neutral-200 rounded-xl p-3 max-w-lg w-full md:w-2/5 flex-none">
|
||||
{% component 'anfrage' %}
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-lime-200 outer-container" id="faq">
|
||||
<div class="container">
|
||||
{% partial 'mainheading' title="FAQ" %}
|
||||
<div class="prose mx-auto">
|
||||
<p>
|
||||
Hier findet ihr Antworten auf Fragen, die wir häufig erhalten.
|
||||
</p>
|
||||
|
||||
<h4>Kann man mit seinem eigenen Endgerät (Handy, Tablet & Co) Musik machen</h4>
|
||||
<p>
|
||||
Ja, ihr könnt eure eigenen Geräte nutzen. Als Anschlüsse ist ein Klinkestecker, sowie ein Adapter für Lightning und USB-C vorhanden.
|
||||
</p>
|
||||
|
||||
<h4>Ist eine Spülmaschine vorhanden?</h4>
|
||||
<p>
|
||||
Es gibt hinter der Theke ein Spülbecken, um Gläser zu spülen. Eine Spülmaschine ist in der Küche in der oberen Etage vorhanden, muss allerdings separat hinzugebucht werden.
|
||||
</p>
|
||||
|
||||
<h4>Kann man mit Bluetooth Musik wiedergeben?</h4>
|
||||
<p>
|
||||
Nein, einen Bluetooth-Adapter gibt es nicht. Steuerung von Musik ist nur über das integrierte DJ-Pult möglich.
|
||||
</p>
|
||||
|
||||
<h4>Wann erfolgt die Abnahme am nächsten Tag?</h4>
|
||||
<p>
|
||||
I.d.R. erfolgt die Abnahme bis 14 Uhr am Folgetag. Sofern ihr früher oder später Abnahme machen wollt, sprecht das bitte mit der Person ab, die mit euch die Übergabe macht.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
</div>
|
||||
<div class="lg:col-span-2">
|
||||
<div class="overflow-hidden rounded-tl-3xl rounded-br-3xl rounded-bl-xl rounded-tr-xl max-w-xl mx-auto">
|
||||
<img src="{{image | media }}" class="w-full h-auto" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="grid lg:grid-cols-5 gap-6 items-start">
|
||||
<div class="lg:col-span-3 prose row-start-2 lg:row-start-auto">
|
||||
<h3>{{heading}}</h3>
|
||||
|
|
@ -0,0 +1 @@
|
|||
<h1 class="font-bold text-center text-4xl mb-8">{{title}}</h1>
|
||||
|
|
@ -1,13 +1,12 @@
|
|||
{# Your header goes here #}
|
||||
<div class="relative">
|
||||
<img src="{{'header.jpg' | media }}" class="w-full h-auto" />
|
||||
<div class="absolute top-0 w-full left-0 flex justify-center">
|
||||
<div class="flex justify-center items-center mt-10 rounded-full border-2 border-neutral-900 text-xl font-bold overflow-hidden">
|
||||
<!--
|
||||
<a class="bg-neutral-400 text-neutral-800 hover:text-neutral-900 py-4 px-6 hover:bg-neutral-500 transition duration-400" href="#ablauf">Ablauf</a>
|
||||
<a class="bg-neutral-400 text-neutral-800 hover:text-neutral-900 py-4 px-6 hover:bg-neutral-500 transition duration-400" href="#buchen">Buchungsanfrage</a>
|
||||
<a class="bg-neutral-400 text-neutral-800 hover:text-neutral-900 py-4 px-6 hover:bg-neutral-500 transition duration-400" href="#faq">FAQ</a>
|
||||
-->
|
||||
<div class="absolute top-0 w-full h-full left-0 flex justify-center items-center">
|
||||
<div class="flex justify-center items-center rounded-full border-2 border-neutral-900 lg:text-xl font-bold overflow-hidden from-orange-300 to-amber-700 bg-gradient-to-tr">
|
||||
<a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#ausstattung">Ausstattung</a>
|
||||
<a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#buchen">Buchungsanfrage</a>
|
||||
<a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#faq">FAQ</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,3 +8,10 @@
|
|||
/*@import "_custom-utilities.css";*/
|
||||
|
||||
@import "./fonts.css";
|
||||
|
||||
.outer-container {
|
||||
@apply py-10;
|
||||
}
|
||||
.container {
|
||||
@apply max-w-6xl mx-auto px-5 md:px-10;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue