2023-05-30 12:07:39 +00:00
{% extends "base.html" %}
2022-10-24 23:11:48 +00:00
{% block content %}
2023-05-31 00:27:56 +00:00
< h2 class = "text-center h1" > {{ page.title }}< / h2 >
2022-10-24 23:11:48 +00:00
< br >
2023-05-31 00:27:56 +00:00
< div class = "pb-4 row" >
< div class = "flex-wrap col d-flex align-content-center"
2022-11-06 19:54:49 +00:00
style="min-width: 300px">
2022-10-24 23:11:48 +00:00
{% set dir = page.path | trim_start_matches(pat="/") %}
{% set image_path = dir ~ config.extra.appointment_image_filename %}
2022-10-29 19:12:25 +00:00
{% set image = resize_image(path=image_path, width=520, height=520, op="fill") %}
2022-10-24 23:11:48 +00:00
2022-11-06 19:54:49 +00:00
< img src = "{{ image.url }}"
2023-05-31 00:27:56 +00:00
class="mx-auto rounded shadow d-block img-fluid" />
2022-10-24 23:11:48 +00:00
< / div >
2023-05-31 00:27:56 +00:00
< div class = "flex-wrap mt-3 col d-flex align-content-center ms-5 me-5"
2022-11-06 19:54:49 +00:00
style="min-width: 300px">
2022-10-24 23:11:48 +00:00
< div >
{{ page.content | safe }}
2022-10-29 19:12:25 +00:00
2023-05-31 00:27:56 +00:00
< div class = "pt-3 text-center" >
2022-10-29 19:12:25 +00:00
< h4 class = "h4" > Öffnungszeiten< / h4 >
< div class = "d-inline-flex" >
< table class = "table" >
< tbody >
< tr >
< th class = "pe-3" scope = "row" > Mo. Mi. Do.< / th >
< td class = "ps-3" > 09:00 - 19:30 Uhr< / td >
< / tr >
< tr >
< th class = "pe-3" scope = "row" > Di. Fr.< / th >
< td class = "ps-3" > 09:00 - 17:30 Uhr< / td >
< / tr >
< tr >
< th class = "pe-3" scope = "row" > Sa.< / th >
< td class = "ps-3" > 10:00 - 16:30 Uhr< / td >
< / tr >
< / tbody >
< / table >
< / div >
< p class = "pt-3" > Wir freuen uns auf Ihren Besuch!< / p >
< / div >
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 }}"
2022-12-17 17:27:49 +00:00
width="100%"
title="Kontakt-Formular">< / iframe >
2022-10-29 19:11:16 +00:00
2023-05-31 00:27:56 +00:00
< div class = "mt-2 alert alert-warning" role = "alert" >
2022-10-29 19:11:16 +00:00
< h5 class = "alert-heading" > Bitte beachten Sie:< / h5 >
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 %}