121 lines
5.2 KiB
HTML
121 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>JQC — Janitorial Quality Control · LT Services</title>
|
|
<meta name="description"
|
|
content="The features of LT Services' JQC quality control platform — inspections, real-time issue tracking, SLA alerts, and QR access.">
|
|
<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=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ asset_url('css/style.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="grain" aria-hidden="true"></div>
|
|
|
|
<header class="hero">
|
|
<div class="hero__inner">
|
|
<div class="hero__eyebrow">
|
|
<span class="dot"></span> Janitorial Quality Control Program · By LT Services
|
|
</div>
|
|
<h1 class="hero__title">JQC<span class="hero__title-sub">Janitorial Quality Control</span></h1>
|
|
<p class="hero__lede">
|
|
The complete quality management platform for commercial cleaning — inspect facilities, assign corrective
|
|
actions, track SLA compliance, communicate with customers, and generate reports—all from one platform
|
|
</p>
|
|
<div class="hero__meta">
|
|
<span class="tag">iPad & Web</span>
|
|
<span class="tag">Real-time tracking<span>
|
|
<span class="tag">SLA alerts</span>
|
|
<span class="tag">QR code access</span>
|
|
</div>
|
|
</div>
|
|
<div class="hero__stamp" aria-hidden="true">
|
|
<span>QC</span><em>verified</em>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="report">
|
|
{% for section in sections %}
|
|
<section class="block" id="section-{{ section.num }}">
|
|
<div class="block__rail">
|
|
<div class="block__num">§{{ '%02d' % section.num }}</div>
|
|
<h2 class="block__title">{{ section.title }}</h2>
|
|
{% if section.subtitle %}<p class="block__sub">{{ section.subtitle }}</p>{% endif %}
|
|
</div>
|
|
|
|
<ul class="topics" role="list">
|
|
{% for topic in section.published_topics %}
|
|
<li class="topic" data-topic>
|
|
<button class="topic__head" type="button" aria-expanded="false" aria-controls="body-{{ topic.slug }}"
|
|
id="head-{{ topic.slug }}">
|
|
<span class="topic__idx">{{ '%02d' % loop.index }}</span>
|
|
<span class="topic__title">{{ topic.title | safe }}</span>
|
|
<span class="topic__mark" aria-hidden="true">
|
|
<svg viewBox="0 0 24 24" class="ic-plus">
|
|
<line x1="12" y1="5" x2="12" y2="19" />
|
|
<line x1="5" y1="12" x2="19" y2="12" />
|
|
</svg>
|
|
<svg viewBox="0 0 24 24" class="ic-check">
|
|
<polyline points="4 12 10 18 20 6" />
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
<div class="topic__panel" id="body-{{ topic.slug }}" role="region" aria-labelledby="head-{{ topic.slug }}"
|
|
hidden>
|
|
<div class="topic__inner">
|
|
{% if topic.body_html %}<div class="prose">{{ topic.body }}</div>{% endif %}
|
|
|
|
{% if topic.media_type == 'image' and topic.media_url %}
|
|
<figure class="media">
|
|
<img src="{{ topic.media_url }}" alt="{{ topic.media_caption or topic.title }}" loading="lazy">
|
|
{% if topic.media_caption %}<figcaption>{{ topic.media_caption }}</figcaption>{% endif %}
|
|
</figure>
|
|
{% elif topic.media_type == 'video' and topic.media_url %}
|
|
<figure class="media">
|
|
<video src="{{ topic.media_url }}" controls preload="metadata"></video>
|
|
{% if topic.media_caption %}<figcaption>{{ topic.media_caption }}</figcaption>{% endif %}
|
|
</figure>
|
|
{% elif topic.media_type == 'embed' and topic.media_url %}
|
|
<figure class="media media--embed">
|
|
<iframe src="{{ topic.media_url }}" title="{{ topic.media_caption or topic.title }}" loading="lazy"
|
|
allowfullscreen></iframe>
|
|
{% if topic.media_caption %}<figcaption>{{ topic.media_caption }}</figcaption>{% endif %}
|
|
</figure>
|
|
{% endif %}
|
|
|
|
{% if topic.link_url %}
|
|
<a class="topic__link" href="{{ topic.link_url }}" target="_blank" rel="noopener">
|
|
{{ topic.link_label or 'Learn more' }}
|
|
<svg viewBox="0 0 24 24">
|
|
<path d="M7 17 17 7M9 7h8v8" />
|
|
</svg>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
{% endfor %}
|
|
</main>
|
|
|
|
<footer class="cta">
|
|
<div class="cta__inner">
|
|
<p class="cta__kicker">Paperless · Maintenance-free · No subscription</p>
|
|
<h2 class="cta__title">LT would be glad to run a live demonstration.</h2>
|
|
<a class="cta__btn" href="{{ demo_url }}">Request a demo</a>
|
|
</div>
|
|
<p class="cta__legal">© LT Services Inc. · JQC Quality Control Program</p>
|
|
</footer>
|
|
|
|
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
|
|
</body>
|
|
|
|
</html> |