1
0
Fork 0
yinghong-massage.de/templates/appointment.html

65 lines
2.3 KiB
HTML
Raw Normal View History

{% extends "base.html" %}
2022-10-24 23:11:48 +00:00
{% block content %}
2023-05-31 22:49:28 +00:00
<h1 class="mb-5 text-center">{{ page.title }}</h1>
2022-10-24 23:11:48 +00:00
2023-05-31 22:49:14 +00:00
<div class="grid grid-cols-1 gap-y-4 gap-x-8 items-center mb-5 lg:grid-cols-2">
2023-05-31 21:51:41 +00:00
{% set image = resize_image(path=page.assets | first, width=600, height=600, op="fill") %}
<img src="{{ image.url }}"
2023-05-31 23:08:16 +00:00
class="object-cover justify-self-center rounded drop-shadow" />
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">
2023-05-31 22:49:28 +00:00
<div class="mb-1 text-xl font-bold">Ö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>
2023-05-31 22:49:28 +00:00
<div class="p-3 mt-2 rounded-xl bg-yellow-200/40">
2023-05-31 21:51:41 +00:00
<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>
</div>
{% 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 %}