Denise Krölling
1a63f66463
Statische Website ohne Build-Schritt: reines HTML, CSS und Vanilla-JS, lauffaehig auf beliebigem Webspace. Neun Seiten: Startseite, Dienstleistungen, Projekte, Ueber uns, Kontakt sowie Impressum, Datenschutz, Danke-Seite und 404. Kernstueck der Startseite ist die Stueckzahl-Achse: ein logarithmischer Regler von 1 bis 100.000 Stueck, der zur gewaehlten Menge Verfahren, Werkzeugkosten, Lieferzeit und Anwendungsfall ausgibt. Die dritte Zone ist optisch zurueckgenommen, weil Serienspritzguss ueber Partnerbetriebe laeuft und nicht zum eigenen Leistungsumfang gehoert. Der Leistungsumfang ist durchgehend auf FDM, SLA und SLA-gedruckte Formeinsaetze beschraenkt. Gestaltung nach Vorgabe: Anthrazit, Salbeigruen und Flieder als Akzent. Archivo, Public Sans und IBM Plex Mono werden lokal ausgeliefert statt ueber die Google-CDN eingebunden. Kontaktformular ueber Web3Forms mit Client-Validierung; der Access-Key ist noch ein Platzhalter. Alle Firmen- und Projektinhalte sind sichtbar als Platzhalter markiert, die Uebergabe-Checkliste steht in der README. Geprueft: WCAG-AA-Kontraste auf allen Seiten, kein horizontaler Ueberlauf von 320 bis 1920 px, Tastaturbedienung der Achse, feste Zeilenzahl der Hero-Headline. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
95 lines
3.6 KiB
HTML
95 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html lang="de-AT">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Danke für Ihre Anfrage — Purinto GmbH</title>
|
|
<meta name="description" content="Ihre Anfrage an Purinto ist eingegangen." />
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<link rel="icon" href="favicon.svg" type="image/svg+xml" />
|
|
<link rel="stylesheet" href="assets/css/tokens.css" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<a class="sprungmarke" href="#inhalt">Zum Inhalt springen</a>
|
|
|
|
<header class="kopf" data-kopf>
|
|
<div class="huelle kopf__innen">
|
|
<a class="marke" href="index.html" aria-label="Purinto GmbH, zur Startseite">
|
|
<svg class="marke__zeichen" viewBox="0 0 24 24" aria-hidden="true">
|
|
<rect x="6" y="4" width="12" height="4.4" rx="1" fill="#9b85c4" />
|
|
<rect x="4" y="9.8" width="16" height="4.4" rx="1" fill="#8fa894" />
|
|
<rect x="2" y="15.6" width="20" height="4.4" rx="1" fill="#3c4347" />
|
|
</svg>
|
|
<span class="marke__wort">Purinto</span>
|
|
</a>
|
|
|
|
<button
|
|
class="nav__schalter"
|
|
type="button"
|
|
data-nav-schalter
|
|
aria-expanded="false"
|
|
aria-controls="hauptnav"
|
|
>
|
|
<span data-nav-schalter-text>Menü</span>
|
|
<span class="nav__balken" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<nav class="nav" id="hauptnav" data-nav aria-label="Hauptnavigation">
|
|
<ul class="nav__liste">
|
|
<li><a class="nav__link" href="dienstleistungen.html">Dienstleistungen</a></li>
|
|
<li><a class="nav__link" href="projekte.html">Projekte</a></li>
|
|
<li><a class="nav__link" href="ueber-uns.html">Über uns</a></li>
|
|
<li><a class="nav__link" href="kontakt.html">Kontakt</a></li>
|
|
</ul>
|
|
<a class="knopf knopf--primaer" href="kontakt.html">Anfrage stellen</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="inhalt">
|
|
<section class="sektion">
|
|
<div class="huelle huelle--eng">
|
|
<p class="eyebrow">Anfrage eingegangen</p>
|
|
<h1 class="display t-2xl">Danke — wir haben Ihre Anfrage.</h1>
|
|
|
|
<p class="lead mt-6">
|
|
Sie bekommen innerhalb von zwei Arbeitstagen eine Rückmeldung mit
|
|
einer ersten Einschätzung zu Machbarkeit, Verfahren und Kosten. Wenn
|
|
wir dafür noch etwas brauchen, fragen wir gezielt nach.
|
|
</p>
|
|
|
|
<div class="hinweis mt-7">
|
|
<span class="hinweis__titel">Noch ein CAD-Modell nachreichen?</span>
|
|
<p>
|
|
Schicken Sie STEP- oder STL-Dateien einfach an
|
|
<a href="mailto:office@purinto.at" class="platzhalter"
|
|
>office@purinto.at</a
|
|
>. Auf Wunsch senden wir vorab eine Geheimhaltungsvereinbarung.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="knopf-reihe mt-7">
|
|
<a class="knopf knopf--primaer" href="index.html">Zur Startseite</a>
|
|
<a class="knopf knopf--sekundaer" href="projekte.html">Projekte ansehen</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="fuss">
|
|
<div class="huelle">
|
|
<div class="fuss__unten" style="border-top: none; padding-top: 0">
|
|
<p>© <span data-jahr>2026</span> Purinto GmbH</p>
|
|
<div class="fuss__rechtlich">
|
|
<a href="impressum.html">Impressum</a>
|
|
<a href="datenschutz.html">Datenschutz</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="assets/js/site.js" defer></script>
|
|
</body>
|
|
</html>
|