Bernt
1a12fb870b
- New /developers/ page with API docs, SDKs, pricing, use cases - OpenAPI 3.0 spec for Orders, Missions, Photos, Analytics - Case study: Glasskiosken i Flatenbadet — complete ROI analysis - Updated /order/ with recurring missions and frequency dropdown
59 lines
3.0 KiB
HTML
59 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Construction Progress — quiXzoom | Germany</title>
|
|
<meta name="description" content="Site monitoring in Germany. Professional field observation services via quiXzoom's global contributor network.">
|
|
<link rel="canonical" href="https://www.quixzoom.com/de/construction-progress/">
|
|
<link rel="alternate" hreflang="en" href="https://www.quixzoom.com/construction-progress/" />
|
|
<link rel="alternate" hreflang="de" href="https://www.quixzoom.com/de/construction-progress/" />
|
|
<style>
|
|
:root { --bg: #0a0a0a; --surface: #111; --text: #e8e8e8; --dim: #a0a0a0; --blue: #007AFF; }
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; }
|
|
.nav { position: fixed; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 0 24px; height: 56px; background: rgba(10,10,10,0.92); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,0.08); }
|
|
.nav-logo { font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; }
|
|
.hero { padding: 120px 24px 80px; text-align: center; max-width: 800px; margin: 0 auto; }
|
|
h1 { font-size: clamp(32px, 5vw, 48px); font-weight: 800; letter-spacing: -1px; margin-bottom: 20px; }
|
|
.subtitle { color: var(--dim); font-size: 18px; max-width: 600px; margin: 0 auto 40px; }
|
|
.cta { display: inline-flex; padding: 14px 28px; background: var(--blue); color: #fff; font-weight: 600; border-radius: 10px; text-decoration: none; }
|
|
.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; padding: 60px 24px; }
|
|
.card { background: var(--surface); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 32px; }
|
|
.card h3 { font-size: 20px; margin-bottom: 12px; }
|
|
.card p { color: var(--dim); }
|
|
footer { border-top: 1px solid rgba(255,255,255,0.08); padding: 40px 24px; text-align: center; color: var(--dim); font-size: 14px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="nav">
|
|
<a class="nav-logo" href="/">quiXzoom</a>
|
|
</nav>
|
|
|
|
<section class="hero">
|
|
<h1>Construction Progress in Germany</h1>
|
|
<p class="subtitle">Site monitoring via our contributor network.</p>
|
|
<a href="/request-mission" class="cta">Request Service →</a>
|
|
</section>
|
|
|
|
<section class="features">
|
|
<div class="card">
|
|
<h3>Field Observation</h3>
|
|
<p>On-site documentation and photographic evidence captured by verified contributors.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Quality Assurance</h3>
|
|
<p>Multi-layer verification and AI-assisted analysis for reliable results.</p>
|
|
</div>
|
|
<div class="card">
|
|
<h3>Compliance Ready</h3>
|
|
<p>Standardized reporting aligned with Germany regulatory requirements.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2024 quiXzoom. All rights reserved.</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|