2023-05-30 12:07:39 +00:00
{% extends "base.html" %}
2022-10-24 23:11:48 +00:00
{% block content %}
2023-05-31 21:51:41 +00:00
< h1 class = "text-center mb-5" > {{ page.title }}< / h1 >
2022-10-24 23:11:48 +00:00
2023-05-31 21:51:41 +00:00
< div class = "grid grid-cols-1 gap-y-4 gap-x-8 justify-items-center items-center mb-5 lg:grid-cols-2" >
{% set image = resize_image(path=page.assets | first, width=600, height=600, op="fill") %}
< img src = "{{ image.url }}"
class="object-cover rounded drop-shadow-xl h-full" />
2022-10-24 23:11:48 +00:00
2023-05-31 21:51:41 +00:00
< div class = "divide-y" >
{{ page.content | safe }}
2022-10-24 23:11:48 +00:00
2023-05-31 21:51:41 +00:00
< div class = "pt-6 text-center" >
< div class = "font-bold text-xl mb-1" > Öffnungszeiten< / div >
2022-10-29 19:12:25 +00:00
2023-05-31 21:51:41 +00:00
< div class = "flex justify-center" >
< table >
< tbody class = "divide-y" >
< tr >
< th class = "p-1.5" > Mo. Mi. Do.< / th >
< td class = "p-1.5" > 09:00 - 19:30 Uhr< / td >
< / tr >
< tr >
< th class = "p-1.5" > Di. Fr.< / th >
< td class = "p-1.5" > 09:00 - 17:30 Uhr< / td >
< / tr >
< tr >
< th class = "p-1.5" > Sa.< / th >
< td class = "p-1.5" > 10:00 - 16:30 Uhr< / td >
< / tr >
< / tbody >
< / table >
2022-10-29 19:12:25 +00:00
< / div >
2023-05-31 21:51:41 +00:00
< p class = "mt-5" > Wir freuen uns auf Ihren Besuch!< / p >
2022-10-24 23:11:48 +00:00
< / div >
< / div >
< / div >
2022-10-28 22:39:28 +00:00
2022-12-17 17:27:49 +00:00
< iframe id = "iframe"
2023-05-30 14:10:00 +00:00
src="{{ get_url(path='oxiform') | safe }}"
2023-05-31 21:51:41 +00:00
class="w-full"
2022-12-17 17:27:49 +00:00
title="Kontakt-Formular">< / iframe >
2022-10-29 19:11:16 +00:00
2023-05-31 21:51:41 +00:00
< div class = "mt-2 bg-yellow-200/40 p-3 rounded-xl" >
< div > Bitte beachten Sie:< / div >
2022-11-06 19:54:49 +00:00
< p class = "mb-0" >
Können Sie einen vereinbarten Termin nicht wahrnehmen, so informieren Sie uns darüber bitte spätestens 8 Stunden vor dem Termin. Ansonsten behalten wir uns vor, Ihnen den Ausfall zu berechnen.
< / p >
2022-10-29 19:11:16 +00:00
< / div >
2023-05-30 12:07:39 +00:00
{% endblock %}
2022-10-28 22:39:28 +00:00
{% block scripts %}
< script >
2022-10-29 11:11:46 +00:00
"use strict";
2022-11-21 12:03:46 +00:00
2022-10-29 11:11:46 +00:00
const iframe = document.querySelector("#iframe");
2022-11-21 12:03:46 +00:00
2022-10-29 11:11:46 +00:00
iframe.addEventListener("load", () => {
iframe.style.height = iframe.contentDocument.body.scrollHeight + 50 + "px";
2022-10-28 22:39:28 +00:00
});
< / script >
{% endblock %}