Files
boc/quixzoom-landing-fixed/careers.html
T
Bernt 1a12fb870b dev-api: add developer portal, OpenAPI spec, and Flatenbadet case study
- 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
2026-07-14 15:27:33 +00:00

166 lines
6.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Careers at quiXzoom</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<meta name="description" content="Join the quiXzoom team. We're building the world's largest network of verified field photographers.">
<style>
:root{--bg-white:#FFFFFF;--bg-off:#F7F7F5;--blue:#0066FF;--text-dark:#1a1a1a;--text-body:#3a3a3a;--text-muted:#6B6B6B;--radius-card:16px;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;background:var(--bg-white);color:var(--text-body);line-height:1.65}
.container{max-width:800px;margin:0 auto;padding:48px 24px}
h1{font-size:2.5rem;font-weight:900;color:var(--text-dark);margin-bottom:16px}
h2{font-size:1.5rem;font-weight:800;color:var(--text-dark);margin:32px 0 16px}
p{margin-bottom:16px;color:var(--text-body)}
.back{margin-bottom:24px;display:inline-block;color:var(--blue);text-decoration:none;font-weight:600}
.back:hover{text-decoration:underline}
.job-card{background:var(--bg-off);border-radius:var(--radius-card);padding:24px;margin-bottom:16px}
.job-title{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}
.job-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:12px}
.job-desc{font-size:.9rem;color:var(--text-body);margin-bottom:12px}
.btn{background:var(--blue);color:#fff;border:none;border-radius:100px;padding:10px 24px;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{background:#0052CC}
/* QUIXZOOM STANDARD — Dark Theme */
:root {
--qz-bg: #0a0a0a;
--qz-surface: #111111;
--qz-surface-2: #1a1a1a;
--qz-border: rgba(255,255,255,0.08);
--qz-text: #e8e8e8;
--qz-text-dim: #a0a0a0;
--qz-text-muted: #6b6b6b;
--qz-blue: #007AFF;
--qz-blue-dark: #0056CC;
--qz-radius: 10px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
background: var(--qz-bg);
color: var(--qz-text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* Navigation */
.qz-nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
display: flex; align-items: center; justify-content: space-between;
padding: 0 24px; height: 56px;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--qz-border);
}
.qz-nav-logo { font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; }
.qz-nav-links { display: flex; gap: 24px; list-style: none; }
.qz-nav-links a { font-size: 14px; color: var(--qz-text-dim); text-decoration: none; transition: color 0.2s; }
.qz-nav-links a:hover { color: #fff; }
/* Buttons */
.qz-btn {
display: inline-flex; align-items: center; gap: 6px;
padding: 12px 24px; border-radius: var(--qz-radius);
font-size: 15px; font-weight: 600; text-decoration: none;
transition: all 0.2s; cursor: pointer; border: none;
}
.qz-btn-primary {
background: var(--qz-blue); color: #fff;
}
.qz-btn-primary:hover {
background: var(--qz-blue-dark); transform: translateY(-1px);
}
.qz-btn-ghost {
background: transparent; color: var(--qz-text);
border: 1px solid var(--qz-border);
}
.qz-btn-ghost:hover {
border-color: var(--qz-blue); color: var(--qz-blue);
}
/* Cards */
.qz-card {
background: var(--qz-surface);
border: 1px solid var(--qz-border);
border-radius: var(--qz-radius);
padding: 24px;
transition: transform 0.2s, border-color 0.2s;
}
.qz-card:hover {
transform: translateY(-2px);
border-color: rgba(0,122,255,0.3);
}
/* Footer */
.qz-footer {
border-top: 1px solid var(--qz-border);
padding: 40px 24px;
text-align: center;
color: var(--qz-text-dim);
font-size: 14px;
}
/* Banner */
.qz-banner {
background: #001E50;
color: rgba(255,255,255,0.55);
text-align: center;
padding: 10px;
font-size: 12px;
}
.qz-banner a { color: rgba(255,255,255,0.8); text-decoration: none; }
@media (max-width: 768px) {
.qz-nav-links { display: none; }
}
</style>
<script type="module" src="https://auth.quixzoom.com/site-auth-snippet.js"></script>
<link rel="alternate" hreflang="en" href="https://www.quixzoom.com/" />
<link rel="alternate" hreflang="sv" href="https://www.quixzoom.com/sv/" />
<link rel="alternate" hreflang="de" href="https://www.quixzoom.com/de/" />
<link rel="alternate" hreflang="fr" href="https://www.quixzoom.com/fr/" />
<link rel="alternate" hreflang="es" href="https://www.quixzoom.com/es/" />
<link rel="alternate" hreflang="it" href="https://www.quixzoom.com/it/" />
<link rel="alternate" hreflang="nl" href="https://www.quixzoom.com/nl/" />
<link rel="alternate" hreflang="x-default" href="https://www.quixzoom.com/" />
</head>
<body>
<div class="container">
<a href="/" class="back">← Back to quiXzoom</a>
<h1>Careers at quiXzoom</h1>
<p>We're building the world's largest network of verified field photographers. Join us.</p>
<h2>Open Positions</h2>
<div class="job-card">
<div class="job-title">Senior Backend Engineer</div>
<div class="job-meta">Stockholm · Full-time · Remote OK</div>
<div class="job-desc">Build the infrastructure that powers millions of photo missions. Go, PostgreSQL, AWS.</div>
<a href="mailto:careers@quixzoom.com?subject=Senior Backend Engineer" class="btn">Apply</a>
</div>
<div class="job-card">
<div class="job-title">AI/ML Engineer</div>
<div class="job-meta">Stockholm · Full-time</div>
<div class="job-desc">Develop computer vision models for automated photo review and anomaly detection.</div>
<a href="mailto:careers@quixzoom.com?subject=AI/ML Engineer" class="btn">Apply</a>
</div>
<div class="job-card">
<div class="job-title">Community Manager</div>
<div class="job-meta">Stockholm · Full-time</div>
<div class="job-desc">Grow and nurture the Zoomer community across multiple markets.</div>
<a href="mailto:careers@quixzoom.com?subject=Community Manager" class="btn">Apply</a>
</div>
<h2>Don't see your role?</h2>
<p>We're always looking for exceptional people. Send your CV and a note to <a href="mailto:careers@quixzoom.com" style="color:var(--blue)">careers@quixzoom.com</a>.</p>
</div>
</body>
</html>