Add favicon and apple-touch-icon to multiple HTML files; implement toast notification feature in app.js; update duration mode handling; enhance footer navigation and styling; create AGB and Mietbedingungen pages; improve Nginx configuration for HTML file handling; add logo images.
This commit is contained in:
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>AGB · MC Cars</title>
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<script>document.write('<scr'+'ipt src="config.js?v='+Date.now()+'"><\/scr'+'ipt>')</script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="shell">
|
||||
<a class="logo" href="/" aria-label="MC Cars Startseite">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</a>
|
||||
<button class="menu-toggle" aria-label="Menü">☰</button>
|
||||
<nav class="main-nav" aria-label="Hauptnavigation">
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#stimmen" data-i18n="navReviews">Stimmen</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
<a class="btn small" href="/#buchen" data-i18n="bookNow">Jetzt buchen</a>
|
||||
<button class="lang-toggle" type="button" aria-label="Sprache wechseln">EN</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style="padding: 3rem 0;">
|
||||
<div class="shell">
|
||||
<h1>Allgemeine Geschäftsbedingungen (AGB)</h1>
|
||||
<div style="max-width: 65ch; line-height: 1.7; color: var(--text);">
|
||||
<p style="color: var(--muted); font-style: italic;">
|
||||
Diese Seite wird in Kürze mit den vollständigen AGB aktualisiert.
|
||||
</p>
|
||||
<p>
|
||||
Die AGB definieren die rechtlichen Bedingungen für die Vermietung von Fahrzeugen durch MC Cars.
|
||||
</p>
|
||||
<p>
|
||||
Bitte wenden Sie sich an hello@mccars.at für weitere Informationen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer" id="kontakt">
|
||||
<div class="shell">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="logo" style="margin-bottom:0.8rem;">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</div>
|
||||
<p style="color:var(--muted);font-size:0.9rem;max-width:40ch;" data-i18n="footerTagline">Sportwagenvermietung in Österreich. Standort: Steiermark (TBD).</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerNav">Navigation</h4>
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerLegal">Rechtliches</h4>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerContact">Kontakt</h4>
|
||||
<a href="mailto:hello@mccars.at">hello@mccars.at</a>
|
||||
<a href="tel:+43316880000">+43 316 880000</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<span>© <span id="year"></span> MC Cars. <span data-i18n="copyright">Alle Rechte vorbehalten.</span></span>
|
||||
<span>Made in Steiermark</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user