chore: include vacation

index.html

@@ -34,6 +34,16 @@
            <div class="cover"></div>
            <div class="container h-100">
             <div class="row h-100 align-items-center justify-content-center text-center">
+                <div class="col-lg-10 align-self-end">
+                    <h1 class="text-uppercase text-white font-weight-bold bg-light" style="color: #e57ba3 !important; border-radius: 5px;">Wir machen Betriebsferien</h1>
+                    <hr class="divider my-4" />
+                </div>
+                <div class="col-lg-8 align-self-baseline bg-light" style="border-radius: 5px;">
+                    <p class="text-white-75 font-weight-bold mt-2" style="color: #e57ba3 !important;">Vom 31.07.2023 bis einschließlich 19.08.2023 haben wir geschlossen.</p>
+                    <p class="text-white-75 font-weight-bold" style="color: #e57ba3 !important;">Ab dem 21.08.2023 sind wir zu den gewohnten <a class="js-scroll-trigger" href="#contact">Öffnungszeiten</a> wieder für Sie da.</p>
+                    <hr class="divider my-4" />
+                    <p class="text-white-75 font-weight-bold" style="color: #e57ba3 !important;"><strong>Bitte beachten Sie unsere geänderten <a class="js-scroll-trigger" href="#contact">Öffnungszeiten</a>.<br />Ab sofort ist unser Ladengeschäft am Mittwoch ganztägig geschlossen.</strong></p>
+                </div>
                 <div class="col-lg-10 align-self-end mb-5">
                     <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Sylvias`s Blumendiele</a>
                 </div>