Zettai_Systems_Website/careers.html
2026-09-18 14:52:33 +05:30

252 lines
14 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8" />
<script src="/js/analytics.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Careers | Zettai Systems</title>
<meta name="description" content="Join Zettai Systems. Explore current openings—including AI / Agentic Workflow Engineer—and apply through our careers form." />
<link rel="canonical" href="https://zettaisystems.com/careers" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Careers | Zettai Systems" />
<meta property="og:description" content="Join Zettai Systems. Explore current openings—including AI / Agentic Workflow Engineer—and apply through our careers form." />
<meta property="og:url" content="https://zettaisystems.com/careers" />
<meta property="og:image" content="https://zettaisystems.com/assets/logos/icon-square.png" />
<meta name="theme-color" content="#005498" />
<link rel="icon" href="/assets/logos/favicon.png" type="image/png" />
<link rel="apple-touch-icon" href="/assets/logos/icon-square.png" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
<link rel="stylesheet" href="/css/aos.css" />
<link rel="stylesheet" href="/css/style.css" />
<script>
(function () {
try {
var t = localStorage.getItem("zs-theme");
if (!t) t = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
document.documentElement.setAttribute("data-theme", t);
var icon = document.querySelector('link[rel="icon"]');
if (icon) icon.href = "/assets/logos/" + (t === "dark" ? "favicon-dark.png" : "favicon.png");
} catch (e) {}
})();
</script>
</head>
<body data-page="careers">
<div id="site-header"></div>
<main id="main">
<section class="page-hero">
<div class="page-net" aria-hidden="true">
<div class="page-net-grid"></div>
<canvas class="page-net-canvas"></canvas>
<div class="page-net-glow"></div>
</div>
<div class="container-zs page-hero-content" data-aos="fade-up">
<nav aria-label="Breadcrumb">
<ol class="breadcrumb-zs">
<li><a href="/">Home</a></li>
<li class="sep" aria-hidden="true"></li>
<li aria-current="page">Careers</li>
</ol>
</nav>
<div class="eyebrow">Careers</div>
<h1>Build Meaningful Software With Us</h1>
<p>Were looking for people who care about craft, communication, and outcomes—not just tickets closed.</p>
</div>
</section>
<section class="section">
<div class="container-zs">
<div class="section-header centered" data-aos="fade-up">
<div class="eyebrow">Why Join</div>
<h2 class="section-title">Work That Matters to Real Teams</h2>
<p class="section-lead">At Zettai Systems youll collaborate on products and platforms that solve operational problems for growing businesses.</p>
</div>
<div class="row g-4">
<div class="col-md-6 col-lg-3" data-aos="fade-up">
<article class="card-zs"><div class="icon-badge"><i class="bi bi-lightbulb"></i></div><h3>Interesting problems</h3><p>Custom systems across web, mobile, cloud, and enterprise—not cookie-cutter templates.</p></article>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="60">
<article class="card-zs"><div class="icon-badge"><i class="bi bi-people"></i></div><h3>Collaborative culture</h3><p>Clear communication, respectful feedback, and shared ownership of delivery quality.</p></article>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="120">
<article class="card-zs"><div class="icon-badge"><i class="bi bi-mortarboard"></i></div><h3>Room to grow</h3><p>Learn across stacks and domains while contributing to architecture and client outcomes.</p></article>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="180">
<article class="card-zs"><div class="icon-badge"><i class="bi bi-heart"></i></div><h3>Impact you can see</h3><p>Ship work that teams rely on daily—and help improve it after launch.</p></article>
</div>
</div>
</div>
</section>
<section class="section bg-soft">
<div class="container-zs">
<div class="section-header centered" data-aos="fade-up">
<div class="eyebrow">Open Positions</div>
<h2 class="section-title">Current Openings</h2>
<p class="section-lead">Were hiring across engineering, AI, and growth. Apply through the form and well match strong candidates to the right opening.</p>
</div>
<div class="row g-4">
<div class="col-md-6" data-aos="fade-up">
<article class="card-zs job-card">
<h3>Full-Stack Developer</h3>
<div class="meta">
<span class="chip">Engineering</span>
<span class="chip">Chennai</span>
<span class="chip">Full-time</span>
</div>
<p>Build and maintain web applications using modern frontend and backend stacks.</p>
<a class="link-arrow" href="#apply">Apply Now <span class="arrow"></span></a>
</article>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="80">
<article class="card-zs job-card">
<h3>Flutter Mobile Developer</h3>
<div class="meta">
<span class="chip">Mobile</span>
<span class="chip">Chennai</span>
<span class="chip">Full-time</span>
</div>
<p>Deliver Android and iOS experiences with Flutter—native-quality UX from a single codebase.</p>
<a class="link-arrow" href="#apply">Apply Now <span class="arrow"></span></a>
</article>
</div>
<div class="col-md-6" data-aos="fade-up">
<article class="card-zs job-card">
<h3>ERP Consultant / Developer</h3>
<div class="meta">
<span class="chip">ERP</span>
<span class="chip">Chennai</span>
<span class="chip">Full-time</span>
</div>
<p>Implement and customize ERP modules for finance, inventory, and operations automation.</p>
<a class="link-arrow" href="#apply">Apply Now <span class="arrow"></span></a>
</article>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="80">
<article class="card-zs job-card">
<h3>QA Engineer</h3>
<div class="meta">
<span class="chip">Quality</span>
<span class="chip">Chennai</span>
<span class="chip">Full-time</span>
</div>
<p>Own test planning, functional validation, and quality gates across projects.</p>
<a class="link-arrow" href="#apply">Apply Now <span class="arrow"></span></a>
</article>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="160">
<article class="card-zs job-card">
<h3>AI / Agentic Workflow Engineer</h3>
<div class="meta">
<span class="chip">AI</span>
<span class="chip">Chennai</span>
<span class="chip">Full-time</span>
</div>
<p>Build multi-agent task orchestrations, RAG pipelines, and deterministic API guardrails with Python, FastAPI, and enterprise LM providers.</p>
<a class="link-arrow" href="#apply">Apply Now <span class="arrow"></span></a>
</article>
</div>
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
<article class="card-zs job-card">
<h3>Business Development</h3>
<div class="meta">
<span class="chip">Growth</span>
<span class="chip">Chennai</span>
<span class="chip">Full-time</span>
</div>
<p>Build pipeline, run discovery conversations, and help convert qualified opportunities into engineering engagements.</p>
<a class="link-arrow" href="#apply">Apply Now <span class="arrow"></span></a>
</article>
</div>
</div>
</div>
</section>
<section class="section" id="apply">
<div class="container-zs">
<div class="row g-4">
<div class="col-lg-4" data-aos="fade-up">
<div class="eyebrow">Apply</div>
<h2 class="section-title">Send Your Application</h2>
<p class="text-muted-zs mb-3">Share your details and résumé. Well review submissions and follow up when theres a relevant fit.</p>
<p class="text-muted-zs mb-0">Prefer a conversation first? Email <a href="mailto:solutions@zettaisystems.com">solutions@zettaisystems.com</a>, use the <a href="contact">contact form</a>, or call <a href="tel:+918072998024">+91 807 299 8024</a>.</p>
</div>
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="80">
<form class="form-zs" data-form="careers" method="post" action="/api/careers.php" enctype="multipart/form-data" novalidate>
<div class="row g-3">
<div class="hp-field" aria-hidden="true">
<label for="c-website">Website</label>
<input type="text" id="c-website" name="website" tabindex="-1" autocomplete="off" />
</div>
<div class="col-md-6 form-field">
<label class="form-label-zs" for="c-name">Full Name <span class="required-star">*</span></label>
<input class="form-control-zs" id="c-name" name="name" type="text" data-required autocomplete="name" />
<div class="form-error">Please enter your name.</div>
</div>
<div class="col-md-6 form-field">
<label class="form-label-zs" for="c-email">Email <span class="required-star">*</span></label>
<input class="form-control-zs" id="c-email" name="email" type="email" data-required autocomplete="email" />
<div class="form-error">Please enter a valid email address.</div>
</div>
<div class="col-md-6 form-field">
<label class="form-label-zs" for="c-phone">Phone <span class="required-star">*</span></label>
<input class="form-control-zs" id="c-phone" name="phone" type="tel" data-required autocomplete="tel" />
<div class="form-error">Please enter your phone number.</div>
</div>
<div class="col-md-6 form-field">
<label class="form-label-zs" for="c-position">Position <span class="required-star">*</span></label>
<select class="form-select-zs" id="c-position" name="position" data-required>
<option value="">Select a position</option>
<option>AI / Agentic Workflow Engineer</option>
<option>Full-Stack Developer</option>
<option>Flutter Mobile Developer</option>
<option>ERP Consultant / Developer</option>
<option>QA Engineer</option>
<option>Business Development</option>
<option>General / Other</option>
</select>
<div class="form-error">Please select a position.</div>
</div>
<div class="col-md-6 form-field">
<label class="form-label-zs" for="c-experience">Years of Experience <span class="required-star">*</span></label>
<select class="form-select-zs" id="c-experience" name="experience" data-required>
<option value="">Select experience</option>
<option>01 years</option>
<option>13 years</option>
<option>35 years</option>
<option>58 years</option>
<option>8+ years</option>
</select>
<div class="form-error">Please select your experience level.</div>
</div>
<div class="col-md-6 form-field">
<label class="form-label-zs" for="c-resume">Resume / CV <span class="required-star">*</span></label>
<input class="form-control-zs" id="c-resume" name="resume" type="file" accept=".pdf,.doc,.docx" data-required />
<div class="form-error">Please attach your resume (PDF or Word).</div>
</div>
<div class="col-12 form-field">
<label class="form-label-zs" for="c-message">Message</label>
<textarea class="form-control-zs" id="c-message" name="message" rows="4" placeholder="Optional note about your interest or availability"></textarea>
</div>
<div class="col-12">
<button class="btn-zs btn-zs-primary" type="submit">Submit Application <span class="arrow"></span></button>
<div class="form-status" role="status" aria-live="polite"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script>window.SITE_ROOT = "";</script>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/aos.js"></script>
<script src="/js/main.js"></script>
</body>
</html>