Initial import of live site
This commit is contained in:
+289
@@ -0,0 +1,289 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure is built by RTO Software — the team behind TEAMS, Australia's leading RTO student management system. Meet the team and learn why we built RTOSure.">
|
||||||
|
<title>About RTOSure — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="about-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Our story</span>
|
||||||
|
<h1 id="about-hero-h1">Built by people who understand<br>the <span class="accent">NVR Standards.</span></h1>
|
||||||
|
<p>RTOSure is a product of RTO Software — the Australian company behind TEAMS, the student management system used by hundreds of RTOs and colleges across the country. We built RTOSure because we kept seeing the same problem: compliance managed in spreadsheets, institutional knowledge locked in one person, and audit preparation treated as a recurring emergency.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ABOUT-S2: WHY WE BUILT IT -->
|
||||||
|
<section class="content-section" aria-label="Why we built RTOSure">
|
||||||
|
<div class="container">
|
||||||
|
<div class="two-col center">
|
||||||
|
<div>
|
||||||
|
<span class="section-label">Why we built RTOSure</span>
|
||||||
|
<h2 class="section-heading">Compliance software that actually knows your Standards.</h2>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">[PLACEHOLDER — team origin story, connection to TEAMS, specific moment or client situation that triggered the product decision. Approx 100–150 words.]</p>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">The result is a system that knows the NVR Standards 2025, the ESOS framework, the National Code 2018, and the ELICOS Standards 2018 — not as configuration options, but as the architectural foundation of the product itself.</p>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;">We're based in Australia, working exclusively in the VET and ELICOS sector. This isn't a generic compliance tool adapted for RTOs. It was built for RTOs from day one.</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div style="background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--color-border);">
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-lg);">
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div style="width:48px;height:48px;background:var(--color-teal-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-teal-mid);"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14"/><path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16"/></svg></div>
|
||||||
|
<div><strong style="color:var(--color-navy);display:block;margin-bottom:4px;">Australian company</strong><span style="font-size:14px;color:var(--color-slate);">Based in Australia. Built for Australian RTOs. Hosted on Australian servers.</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div style="width:48px;height:48px;background:var(--color-teal-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-teal-mid);"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg></div>
|
||||||
|
<div><strong style="color:var(--color-navy);display:block;margin-bottom:4px;">Sector specialists</strong><span style="font-size:14px;color:var(--color-slate);">The team behind TEAMS — used by hundreds of RTOs across Australia since [year].</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div style="width:48px;height:48px;background:var(--color-teal-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-teal-mid);"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg></div>
|
||||||
|
<div><strong style="color:var(--color-navy);display:block;margin-bottom:4px;">Human expertise</strong><span style="font-size:14px;color:var(--color-slate);">The RTOSure framework is maintained by people with deep VET sector and regulatory knowledge.</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ABOUT-S3: TEAM -->
|
||||||
|
<section class="content-section alt" aria-label="Meet the team">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">The team</span>
|
||||||
|
<h2 class="section-heading">Meet the people behind RTOSure</h2>
|
||||||
|
<p class="section-subheading">In the Australian VET sector, buyers research the people behind a product before signing. Here we are.</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-grid">
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">[PH]</div>
|
||||||
|
<div class="team-name">[Name Placeholder]</div>
|
||||||
|
<div class="team-role">Founder & CEO</div>
|
||||||
|
<p class="team-bio">[Bio placeholder — connect to specific regulatory expertise and VET sector background. Approx 50–70 words.]</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">[PH]</div>
|
||||||
|
<div class="team-name">[Name Placeholder]</div>
|
||||||
|
<div class="team-role">Head of Compliance</div>
|
||||||
|
<p class="team-bio">[Bio placeholder — RTO compliance specialist, ASQA audit experience, NVR Standards expertise. Approx 50–70 words.]</p>
|
||||||
|
</div>
|
||||||
|
<div class="team-card">
|
||||||
|
<div class="team-avatar">[PH]</div>
|
||||||
|
<div class="team-name">[Name Placeholder]</div>
|
||||||
|
<div class="team-role">Product Lead</div>
|
||||||
|
<p class="team-bio">[Bio placeholder — product development background, VET sector technology. Approx 50–70 words.]</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p style="text-align:center;font-size:13px;color:var(--color-muted);margin-top:var(--space-xl);font-style:italic;">Team bios and photos to be added before launch. Placeholder structure is final.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ABOUT-S4: TEAMS heritage -->
|
||||||
|
<section class="content-section teal-tint" aria-label="TEAMS connection">
|
||||||
|
<div class="container" style="max-width:800px;text-align:center;">
|
||||||
|
<span class="section-label">Our heritage</span>
|
||||||
|
<h2 class="section-heading">The team behind TEAMS.</h2>
|
||||||
|
<p style="font-size:17px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-xl);">RTOSure is built by RTO Software — the same team that built and maintains TEAMS, Australia's purpose-built student management system for the VET sector. If your college already uses TEAMS, RTOSure integrates directly — no double entry, no data duplication.</p>
|
||||||
|
<a href="integrations.html" class="btn btn-primary">See the TEAMS integration →</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+288
@@ -0,0 +1,288 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure covers NVR Standards 2025, ESOS Act & National Code 2018, and ELICOS Standards 2018 — purpose-mapped for Australian RTOs and colleges.">
|
||||||
|
<title>Compliance Areas — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- COMP-S1: PAGE HERO -->
|
||||||
|
<section class="page-hero" aria-labelledby="comp-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Regulatory coverage</span>
|
||||||
|
<h1 id="comp-hero-h1">Not configured. Not adapted.<br><span class="accent">Built in.</span></h1>
|
||||||
|
<p>Every regulatory framework your college operates under — NVR Standards 2025, ESOS Act, National Code 2018, ELICOS Standards 2018 — is mapped into RTOSure from the legislative text up. Your obligations are already there. You just have to manage them.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- COMP-S2: FRAMEWORK NAVIGATOR -->
|
||||||
|
<section class="content-section" aria-label="Compliance frameworks">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">Choose your framework</span>
|
||||||
|
<h2 class="section-heading">Which regulatory obligations<br>does your college carry?</h2>
|
||||||
|
<p class="section-subheading">Many Australian colleges operate under two or all three frameworks simultaneously. RTOSure covers them all in one system — with clean separation between each layer.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid-3">
|
||||||
|
<div class="card" style="border-top:4px solid var(--color-teal);">
|
||||||
|
<span class="framework-badge fb-teal">RTOSure</span>
|
||||||
|
<h3 style="font-size:20px;font-weight:800;color:var(--color-navy);margin-bottom:var(--space-sm);">NVR Standards 2025</h3>
|
||||||
|
<p style="font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);">Domestic RTOs / ASQA-regulated providers</p>
|
||||||
|
<p style="font-size:14px;color:var(--color-slate);line-height:1.6;margin-bottom:var(--space-lg);">The foundational compliance layer for every Australian RTO. 4 Quality Areas, 19 Standards, 3 Compliance Requirement Divisions, and FPPR obligations — all mapped to specific risk indicators and evidence requirements.</p>
|
||||||
|
<a href="rtosure.html" class="btn btn-outline" style="width:100%;justify-content:center;">Explore NVR coverage →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card" style="border-top:4px solid var(--color-cricos);">
|
||||||
|
<span class="framework-badge fb-blue">CRICOSSure</span>
|
||||||
|
<h3 style="font-size:20px;font-weight:800;color:var(--color-navy);margin-bottom:var(--space-sm);">ESOS Act & National Code 2018</h3>
|
||||||
|
<p style="font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);">CRICOS-registered providers</p>
|
||||||
|
<p style="font-size:14px;color:var(--color-slate);line-height:1.6;margin-bottom:var(--space-lg);">All 11 National Code 2018 Standards plus standalone ESOS Act obligations — covering international student admissions, CoE management, welfare obligations, PRISMS reporting, and student default provisions.</p>
|
||||||
|
<a href="cricossure.html" class="btn btn-outline" style="width:100%;justify-content:center;border-color:var(--color-cricos);color:var(--color-cricos);">Explore CRICOS coverage →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card" style="border-top:4px solid var(--color-elicos);">
|
||||||
|
<span class="framework-badge fb-purple">ELICOSSure</span>
|
||||||
|
<h3 style="font-size:20px;font-weight:800;color:var(--color-navy);margin-bottom:var(--space-sm);">ELICOS Standards 2018</h3>
|
||||||
|
<p style="font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md);">ELICOS colleges and providers</p>
|
||||||
|
<p style="font-size:14px;color:var(--color-slate);line-height:1.6;margin-bottom:var(--space-lg);">Parts A–E of the ELICOS Standards 2018 — with course-type-specific compliance for General English, EAP, IELTS Preparation, EHSP, and under-18 student welfare obligations mapped in.</p>
|
||||||
|
<a href="elicossure.html" class="btn btn-outline" style="width:100%;justify-content:center;border-color:var(--color-elicos);color:var(--color-elicos);">Explore ELICOS coverage →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- COMP-S3: WHY MULTIPLE FRAMEWORKS ARE HARD -->
|
||||||
|
<section class="content-section alt" aria-label="The multi-framework challenge">
|
||||||
|
<div class="container">
|
||||||
|
<div class="two-col center">
|
||||||
|
<div>
|
||||||
|
<span class="section-label">The multi-framework challenge</span>
|
||||||
|
<h2 class="section-heading">Most Australian colleges operate<br>under two or three frameworks at once.</h2>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">A CRICOS-registered RTO delivering both domestic and international students faces ASQA compliance under the NVR Standards AND ESOS/National Code obligations for its international cohort. Add ELICOS delivery and the compliance burden triples.</p>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">Generic compliance tools require you to configure each framework yourself. RTOSure maps them all in — because they were never configurable to begin with. They are regulatory obligations that exist whether your system knows about them or not.</p>
|
||||||
|
<a href="demo.html" class="btn btn-primary">See the multi-framework view →</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div style="background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);">
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-md);">
|
||||||
|
<div style="display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-teal-light);border-radius:var(--radius-md);border-left:4px solid var(--color-teal);">
|
||||||
|
<span style="font-size:14px;font-weight:700;color:var(--color-navy);">NVR Standards 2025</span>
|
||||||
|
<span style="font-size:12px;font-weight:600;color:var(--color-teal);background:var(--color-white);padding:3px 10px;border-radius:4px;">19 Standards</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-cricos-light);border-radius:var(--radius-md);border-left:4px solid var(--color-cricos);">
|
||||||
|
<span style="font-size:14px;font-weight:700;color:var(--color-navy);">National Code 2018</span>
|
||||||
|
<span style="font-size:12px;font-weight:600;color:var(--color-cricos);background:var(--color-white);padding:3px 10px;border-radius:4px;">11 Standards</span>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-elicos-light);border-radius:var(--radius-md);border-left:4px solid var(--color-elicos);">
|
||||||
|
<span style="font-size:14px;font-weight:700;color:var(--color-navy);">ELICOS Standards 2018</span>
|
||||||
|
<span style="font-size:12px;font-weight:600;color:var(--color-elicos);background:var(--color-white);padding:3px 10px;border-radius:4px;">Parts A–E</span>
|
||||||
|
</div>
|
||||||
|
<div style="text-align:center;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);">
|
||||||
|
<div style="font-size:13px;color:var(--color-muted);">All mapped in one system</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+250
@@ -0,0 +1,250 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="Contact the RTOSure team — support, general enquiries, and media. Based in Australia, operating in Australian business hours.">
|
||||||
|
<title>Contact Us — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="contact-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Get in touch</span>
|
||||||
|
<h1 id="contact-hero-h1">Talk to a real person<br><span class="accent">who understands RTOs.</span></h1>
|
||||||
|
<p>We're based in Australia, operating in Australian business hours. Whether it's a support question, a pricing conversation, or a general enquiry — we're here.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CONTACT-S2: CONTACT DETAILS + FORM -->
|
||||||
|
<section class="content-section" aria-label="Contact options">
|
||||||
|
<div class="container">
|
||||||
|
<div class="two-col">
|
||||||
|
<div>
|
||||||
|
<h2 class="section-heading" style="margin-bottom:var(--space-xl);">How to reach us</h2>
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-xl);">
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div class="icon-box" aria-hidden="true" style="flex-shrink:0;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></div>
|
||||||
|
<div><strong style="display:block;color:var(--color-navy);margin-bottom:4px;">General enquiries</strong><a href="mailto:hello@rtosure.com.au" style="color:var(--color-teal);font-size:15px;">hello@rtosure.com.au</a><p style="font-size:13px;color:var(--color-muted);margin-top:4px;">We aim to respond within one business day.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div class="icon-box" aria-hidden="true" style="flex-shrink:0;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></div>
|
||||||
|
<div><strong style="display:block;color:var(--color-navy);margin-bottom:4px;">Support</strong><a href="mailto:support@rtosure.com.au" style="color:var(--color-teal);font-size:15px;">support@rtosure.com.au</a><p style="font-size:13px;color:var(--color-muted);margin-top:4px;">For existing clients — product support and technical issues.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div class="icon-box" aria-hidden="true" style="flex-shrink:0;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14"/><path d="M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16"/></svg></div>
|
||||||
|
<div><strong style="display:block;color:var(--color-navy);margin-bottom:4px;">Business hours</strong><p style="font-size:15px;color:var(--color-charcoal);">Monday – Friday<br>9:00am – 5:30pm AEST / AEDT</p><p style="font-size:13px;color:var(--color-muted);margin-top:4px;">Australian Eastern time. We do not operate on Australian public holidays.</p></div>
|
||||||
|
</div>
|
||||||
|
<div style="padding:var(--space-lg);background:var(--color-teal-light);border-radius:var(--radius-lg);border:1px solid var(--color-teal-mid);">
|
||||||
|
<strong style="display:block;color:var(--color-navy);margin-bottom:var(--space-sm);">Want a product demo instead?</strong>
|
||||||
|
<p style="font-size:14px;color:var(--color-slate);margin-bottom:var(--space-md);">If you're evaluating RTOSure, a 30-minute demo is a better use of your time than a general enquiry.</p>
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-sm">Book a demo →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);">
|
||||||
|
<h2 style="font-size:22px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-xl);">Send us a message</h2>
|
||||||
|
<form action="#" method="POST" aria-label="Contact form">
|
||||||
|
<div class="form-field"><label class="form-label" for="c-name">Your name *</label><input class="form-input" type="text" id="c-name" name="name" autocomplete="name" required placeholder="Jane Smith"></div>
|
||||||
|
<div class="form-field"><label class="form-label" for="c-org">Organisation</label><input class="form-input" type="text" id="c-org" name="organisation" placeholder="Your college or RTO"></div>
|
||||||
|
<div class="form-field"><label class="form-label" for="c-email">Email *</label><input class="form-input" type="email" id="c-email" name="email" autocomplete="email" required placeholder="jane@college.edu.au"></div>
|
||||||
|
<div class="form-field"><label class="form-label" for="c-subject">Subject *</label>
|
||||||
|
<select class="form-input" id="c-subject" name="subject" required>
|
||||||
|
<option value="">Select</option>
|
||||||
|
<option>General enquiry</option>
|
||||||
|
<option>Pricing question</option>
|
||||||
|
<option>Support request</option>
|
||||||
|
<option>Media / press</option>
|
||||||
|
<option>Partnership</option>
|
||||||
|
<option>Other</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-field"><label class="form-label" for="c-message">Message *</label><textarea class="form-input" id="c-message" name="message" required placeholder="How can we help?" style="min-height:120px;"></textarea></div>
|
||||||
|
<button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;">Send message</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+260
@@ -0,0 +1,260 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="CRICOSSure covers all 11 National Code 2018 Standards and ESOS Act obligations for CRICOS-registered providers — CoE management, PRISMS reporting, student welfare, and more.">
|
||||||
|
<title>CRICOSSure — ESOS & National Code 2018 — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="cricos-hero-h1" style="background:linear-gradient(135deg,var(--color-navy) 60%,#0d2a5e);">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="framework-badge fb-blue">CRICOSSure — CRICOS Providers</span>
|
||||||
|
<h1 id="cricos-hero-h1">ESOS & National Code 2018.<br><span style="color:#60a5fa;">Complete coverage.<br>Purpose-mapped.</span></h1>
|
||||||
|
<p>All 11 National Code 2018 Standards plus standalone ESOS Act obligations — mapped into CRICOSSure from the legislative text. PRISMS workflows, CoE management, student welfare, agent obligations, and fee protection — all in one system.</p>
|
||||||
|
<div class="page-hero-ctas">
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-lg">Book a demo</a>
|
||||||
|
<a href="compliance.html" class="btn btn-outline-white btn-lg">All frameworks →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section" aria-label="National Code coverage">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">What's covered</span>
|
||||||
|
<h2 class="section-heading">All 11 National Code Standards<br>+ ESOS Act obligations</h2>
|
||||||
|
</div>
|
||||||
|
<div class="grid-3" style="gap:var(--space-md);">
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-cricos);"><h3>Standard 1 — Registered provider obligations</h3><p>Provider registration, scope maintenance, regulatory reporting, and compliance with ESOS Act conditions.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-cricos);"><h3>Standard 2 — Recruitment & admissions</h3><p>Accurate marketing, genuine student assessment, agent management, and admissions integrity.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-cricos);"><h3>Standard 3 — Fees, charges & refunds</h3><p>Written agreements, fee schedules, refund obligations, and TPS requirements for pre-paid fees.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-cricos);"><h3>Standards 4–6 — CoE & enrolments</h3><p>CoE management, enrolment conditions, course progress, attendance monitoring, and PRISMS reporting workflows.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-cricos);"><h3>Standards 7–9 — Welfare & support</h3><p>Welfare obligations, accommodation, overseas student health cover, critical incidents, under-18 guardianship.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-cricos);"><h3>Standards 10–11 — Complaints & appeals</h3><p>Internal complaints processes, external appeals pathways, record-keeping, and regulatory notifications.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section alt" aria-label="ESOS obligations">
|
||||||
|
<div class="container">
|
||||||
|
<div class="two-col center">
|
||||||
|
<div>
|
||||||
|
<span class="section-label">ESOS Act Obligations</span>
|
||||||
|
<h2 class="section-heading">Standalone ESOS obligations.<br>Also covered.</h2>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">Beyond the National Code, the ESOS Act 2000 imposes direct obligations on registered providers — including student default provisions, record-keeping requirements, criminal offence provisions, and TPS reporting. CRICOSSure maps these separately from the National Code Standards so nothing is missed.</p>
|
||||||
|
<ul style="display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:var(--space-xl);">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Student default provisions and refund obligations</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Record-keeping and document retention requirements</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> PRISMS reporting obligations and deadlines</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Tuition Protection Service (TPS) obligations</li>
|
||||||
|
</ul>
|
||||||
|
<a href="demo.html" class="btn btn-primary" style="background:var(--color-cricos);">Book a CRICOS demo →</a>
|
||||||
|
</div>
|
||||||
|
<div class="stat-row" style="grid-template-columns:1fr 1fr;">
|
||||||
|
<div class="stat-block"><div class="stat-number" style="color:var(--color-cricos);">85+</div><div class="stat-label">Risk indicators</div></div>
|
||||||
|
<div class="stat-block"><div class="stat-number" style="color:var(--color-cricos);">11</div><div class="stat-label">National Code Standards</div></div>
|
||||||
|
<div class="stat-block"><div class="stat-number" style="color:var(--color-cricos);">1</div><div class="stat-label">ESOS Act section</div></div>
|
||||||
|
<div class="stat-block"><div class="stat-number" style="color:var(--color-cricos);">100%</div><div class="stat-label">Framework coverage</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,276 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="Book a 30-minute RTOSure demo tailored to your compliance frameworks — NVR Standards 2025, ESOS, National Code 2018, or ELICOS. No hard sell.">
|
||||||
|
<title>Book a Demo — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="demo-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Book a demo</span>
|
||||||
|
<h1 id="demo-hero-h1">30 minutes.<br>Tailored to your framework.<br><span class="accent">No hard sell.</span></h1>
|
||||||
|
<p>We'll show you RTOSure mapped to the compliance frameworks your college actually operates under — not a generic walkthrough. Bring your compliance manager. Or just come yourself.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- DEMO-S2: BOOKING FORM + WHAT TO EXPECT -->
|
||||||
|
<section class="content-section" aria-label="Demo booking">
|
||||||
|
<div class="container">
|
||||||
|
<div class="two-col">
|
||||||
|
<!-- Left: what to expect -->
|
||||||
|
<div>
|
||||||
|
<span class="section-label">What to expect</span>
|
||||||
|
<h2 class="section-heading">A real demo.<br>Built around your college.</h2>
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg);">
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div style="width:32px;height:32px;background:var(--color-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--color-white);flex-shrink:0;">1</div>
|
||||||
|
<div><strong style="color:var(--color-navy);display:block;margin-bottom:4px;">We review your registration before the call</strong><span style="font-size:14px;color:var(--color-slate);">We'll look up your ASQA registration, CRICOS status, and any ELICOS delivery — so the demo is specific to your situation.</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div style="width:32px;height:32px;background:var(--color-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--color-white);flex-shrink:0;">2</div>
|
||||||
|
<div><strong style="color:var(--color-navy);display:block;margin-bottom:4px;">We show you your compliance, not ours</strong><span style="font-size:14px;color:var(--color-slate);">The demo is built around the frameworks your college is actually regulated by. You'll see how your obligations look inside RTOSure.</span></div>
|
||||||
|
</div>
|
||||||
|
<div style="display:flex;gap:var(--space-md);align-items:flex-start;">
|
||||||
|
<div style="width:32px;height:32px;background:var(--color-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--color-white);flex-shrink:0;">3</div>
|
||||||
|
<div><strong style="color:var(--color-navy);display:block;margin-bottom:4px;">You ask the hard questions</strong><span style="font-size:14px;color:var(--color-slate);">We leave 10 minutes at the end for your questions. Pricing, data security, onboarding, TEAMS integration — nothing is off limits.</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);">
|
||||||
|
<h3 style="font-size:15px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-sm);">Who should attend</h3>
|
||||||
|
<ul style="display:flex;flex-direction:column;gap:8px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:8px;font-size:14px;color:var(--color-slate);"><span style="color:var(--color-teal)">✓</span> CEO / Principal / Director</li>
|
||||||
|
<li style="display:flex;gap:8px;font-size:14px;color:var(--color-slate);"><span style="color:var(--color-teal)">✓</span> Compliance Manager</li>
|
||||||
|
<li style="display:flex;gap:8px;font-size:14px;color:var(--color-slate);"><span style="color:var(--color-teal)">✓</span> Quality & Standards lead (if applicable)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Right: booking form -->
|
||||||
|
<div style="background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);">
|
||||||
|
<h2 style="font-size:22px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-xl);">Book your demo</h2>
|
||||||
|
<form action="#" method="POST" aria-label="Demo booking form">
|
||||||
|
<div class="form-field"><label class="form-label" for="f-name">Your name *</label><input class="form-input" type="text" id="f-name" name="name" autocomplete="name" required placeholder="Jane Smith"></div>
|
||||||
|
<div class="form-field"><label class="form-label" for="f-org">Organisation *</label><input class="form-input" type="text" id="f-org" name="organisation" required placeholder="Australian Training College"></div>
|
||||||
|
<div class="form-field"><label class="form-label" for="f-email">Work email *</label><input class="form-input" type="email" id="f-email" name="email" autocomplete="email" required placeholder="jane@college.edu.au"></div>
|
||||||
|
<div class="form-field"><label class="form-label" for="f-framework">Your compliance frameworks *</label>
|
||||||
|
<select class="form-input" id="f-framework" name="framework" required>
|
||||||
|
<option value="">Select your situation</option>
|
||||||
|
<option>NVR Standards 2025 only (domestic RTO)</option>
|
||||||
|
<option>NVR + ESOS/National Code (CRICOS provider)</option>
|
||||||
|
<option>NVR + ESOS/National Code + ELICOS</option>
|
||||||
|
<option>ELICOS only</option>
|
||||||
|
<option>Not sure — I'd like advice</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-field"><label class="form-label" for="f-size">Approximate student numbers</label>
|
||||||
|
<select class="form-input" id="f-size" name="size">
|
||||||
|
<option value="">Select range</option>
|
||||||
|
<option>Under 100 students</option>
|
||||||
|
<option>100–500 students</option>
|
||||||
|
<option>500–2,000 students</option>
|
||||||
|
<option>2,000+ students</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-field"><label class="form-label" for="f-method">Current compliance method</label>
|
||||||
|
<select class="form-input" id="f-method" name="method">
|
||||||
|
<option value="">Select</option>
|
||||||
|
<option>Spreadsheets / shared drives</option>
|
||||||
|
<option>Generic document platform (SharePoint, Google Drive)</option>
|
||||||
|
<option>Existing compliance software</option>
|
||||||
|
<option>External consultant</option>
|
||||||
|
<option>No formal system</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-field"><label class="form-label" for="f-notes">Anything specific you'd like us to cover?</label><textarea class="form-input" id="f-notes" name="notes" placeholder="Optional — any particular Standards, features, or questions you want to address"></textarea></div>
|
||||||
|
<button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;font-size:16px;padding:16px;">Book My Demo</button>
|
||||||
|
<p style="font-size:12px;color:var(--color-muted);text-align:center;margin-top:var(--space-md);">We'll confirm within one business day with a calendar link. Australian business hours.</p>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+235
@@ -0,0 +1,235 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="ELICOSSure maps Parts A–E of the ELICOS Standards 2018 — teacher qualifications, contact hours, under-18 welfare, and course-type-specific compliance for English language colleges.">
|
||||||
|
<title>ELICOSSure — ELICOS Standards 2018 — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="elicos-hero-h1" style="background:linear-gradient(135deg,var(--color-navy) 60%,#2d1b5e);">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="framework-badge fb-purple">ELICOSSure — ELICOS Colleges</span>
|
||||||
|
<h1 id="elicos-hero-h1">ELICOS Standards 2018.<br><span style="color:#a78bfa;">Parts A to E.<br>All mapped in.</span></h1>
|
||||||
|
<p>The ELICOS Standards 2018 cover five distinct parts — from provider management and marketing through to course delivery, teacher qualifications, and under-18 welfare. ELICOSSure maps all of them, with course-type-specific compliance built in for GE, EAP, EHSP, and IELTS Preparation programs.</p>
|
||||||
|
<div class="page-hero-ctas">
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-lg">Book a demo</a>
|
||||||
|
<a href="compliance.html" class="btn btn-outline-white btn-lg">All frameworks →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section" aria-label="ELICOS Standards coverage">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">What's covered</span>
|
||||||
|
<h2 class="section-heading">ELICOS Standards 2018 — Parts A to E</h2>
|
||||||
|
</div>
|
||||||
|
<div class="grid-3" style="gap:var(--space-md);">
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-elicos);"><h3>Part A — Provider obligations</h3><p>Registration requirements, governance arrangements, academic management, resources, and staff qualifications.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-elicos);"><h3>Part B — Marketing & recruitment</h3><p>Marketing accuracy, agent management, admissions requirements, written agreements, and refund obligations.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-elicos);"><h3>Part C — Welfare & support</h3><p>Student welfare obligations, accommodation, orientation, health and safety, critical incidents, and under-18 welfare.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-elicos);"><h3>Part D — Course delivery</h3><p>Contact hours, class sizes, course materials, course progression, and attendance monitoring.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-elicos);"><h3>Part E — Teacher qualifications</h3><p>TESOL qualifications, teacher registration, ongoing professional development, and CPD records.</p></div>
|
||||||
|
<div class="cap-card" style="border-top:3px solid var(--color-elicos);"><h3>Course-type specific</h3><p>Additional requirements for General English, EAP, EHSP, and IELTS Preparation programs — mapped separately.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+665
@@ -0,0 +1,665 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="Explore RTOSure's compliance management features — dashboard, checklists, evidence register, monitoring alerts, risk indicators, and guided workflows.">
|
||||||
|
<title>Features — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
/* Premium product showcase - full image, side-by-side */
|
||||||
|
.feature-row.premium {
|
||||||
|
grid-template-columns:1fr;
|
||||||
|
gap:clamp(36px,4vw,70px);
|
||||||
|
align-items:center;
|
||||||
|
padding-block:clamp(72px,8vw,118px);
|
||||||
|
overflow:visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium.visual-left > div:first-child {
|
||||||
|
order:2;
|
||||||
|
z-index:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium.visual-left > div:nth-child(2) {
|
||||||
|
order:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium > div:first-child {
|
||||||
|
position:relative;
|
||||||
|
z-index:2;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.feature-row.premium .feature-row-visual {
|
||||||
|
position:relative;
|
||||||
|
min-height:0;
|
||||||
|
padding:28px;
|
||||||
|
border:0;
|
||||||
|
border-radius:32px;
|
||||||
|
background:
|
||||||
|
radial-gradient(circle at 76% 18%, rgba(20,184,166,.18), transparent 34%),
|
||||||
|
linear-gradient(145deg,#eefaf8 0%,#f7fbff 58%,#eef3ff 100%);
|
||||||
|
overflow:visible;
|
||||||
|
isolation:isolate;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium .feature-row-visual::before {
|
||||||
|
content:'';
|
||||||
|
position:absolute;
|
||||||
|
inset:42px -34px -34px 34px;
|
||||||
|
border-radius:28px;
|
||||||
|
background:linear-gradient(145deg,rgba(13,148,136,.09),rgba(37,99,235,.06));
|
||||||
|
z-index:-2;
|
||||||
|
filter:blur(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium .feature-row-visual::after {
|
||||||
|
content:'';
|
||||||
|
position:absolute;
|
||||||
|
width:190px;
|
||||||
|
height:190px;
|
||||||
|
right:-58px;
|
||||||
|
top:-58px;
|
||||||
|
border-radius:50%;
|
||||||
|
border:1px solid rgba(13,148,136,.16);
|
||||||
|
box-shadow:0 0 0 28px rgba(13,148,136,.045),0 0 0 56px rgba(13,148,136,.025);
|
||||||
|
z-index:-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-window {
|
||||||
|
position:relative;
|
||||||
|
width:100%;
|
||||||
|
overflow:hidden;
|
||||||
|
border:1px solid rgba(148,163,184,.30);
|
||||||
|
border-radius:18px;
|
||||||
|
background:#fff;
|
||||||
|
box-shadow:0 32px 80px rgba(15,23,42,.18),0 10px 30px rgba(15,23,42,.10);
|
||||||
|
transform:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-window-bar {
|
||||||
|
height:42px;
|
||||||
|
display:flex;
|
||||||
|
align-items:center;
|
||||||
|
justify-content:space-between;
|
||||||
|
padding:0 16px;
|
||||||
|
background:rgba(255,255,255,.96);
|
||||||
|
border-bottom:1px solid #e8eef4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-dots {
|
||||||
|
display:flex;
|
||||||
|
gap:7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-dots i {
|
||||||
|
width:8px;
|
||||||
|
height:8px;
|
||||||
|
border-radius:50%;
|
||||||
|
display:block;
|
||||||
|
background:#d5dde7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-title {
|
||||||
|
font-size:11px;
|
||||||
|
font-weight:700;
|
||||||
|
color:#64748b;
|
||||||
|
letter-spacing:.04em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-live {
|
||||||
|
display:flex;
|
||||||
|
align-items:center;
|
||||||
|
gap:6px;
|
||||||
|
font-size:10px;
|
||||||
|
font-weight:800;
|
||||||
|
color:#0f766e;
|
||||||
|
text-transform:uppercase;
|
||||||
|
letter-spacing:.08em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-live::before {
|
||||||
|
content:'';
|
||||||
|
width:6px;
|
||||||
|
height:6px;
|
||||||
|
border-radius:50%;
|
||||||
|
background:#14b8a6;
|
||||||
|
box-shadow:0 0 0 4px rgba(20,184,166,.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-window img {
|
||||||
|
display:block;
|
||||||
|
width:100%;
|
||||||
|
height:auto;
|
||||||
|
max-width:100%;
|
||||||
|
object-fit:contain;
|
||||||
|
position:static;
|
||||||
|
transform:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip {
|
||||||
|
position:absolute;
|
||||||
|
z-index:3;
|
||||||
|
display:flex;
|
||||||
|
align-items:center;
|
||||||
|
gap:10px;
|
||||||
|
padding:12px 15px;
|
||||||
|
border:1px solid rgba(148,163,184,.25);
|
||||||
|
border-radius:14px;
|
||||||
|
background:rgba(255,255,255,.94);
|
||||||
|
backdrop-filter:blur(12px);
|
||||||
|
box-shadow:0 14px 35px rgba(15,23,42,.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip strong {
|
||||||
|
display:block;
|
||||||
|
font-size:14px;
|
||||||
|
line-height:1.05;
|
||||||
|
color:#0f2746;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip span {
|
||||||
|
display:block;
|
||||||
|
margin-top:3px;
|
||||||
|
font-size:10px;
|
||||||
|
font-weight:700;
|
||||||
|
color:#64748b;
|
||||||
|
text-transform:uppercase;
|
||||||
|
letter-spacing:.06em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip.health {
|
||||||
|
left:-28px;
|
||||||
|
bottom:18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip.risk {
|
||||||
|
right:-22px;
|
||||||
|
top:78px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chip-icon {
|
||||||
|
width:34px;
|
||||||
|
height:34px;
|
||||||
|
border-radius:10px;
|
||||||
|
display:grid;
|
||||||
|
place-items:center;
|
||||||
|
font-size:16px;
|
||||||
|
font-weight:800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.health .chip-icon {
|
||||||
|
color:#047857;
|
||||||
|
background:#dcfce7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.risk .chip-icon {
|
||||||
|
color:#c2410c;
|
||||||
|
background:#ffedd5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Feature callout chips ── */
|
||||||
|
.product-window-body {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width:1250px) {
|
||||||
|
.feature-row.premium {
|
||||||
|
grid-template-columns:1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium .feature-row-visual {
|
||||||
|
padding:24px;
|
||||||
|
margin-top:12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip.health {
|
||||||
|
left:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip.risk {
|
||||||
|
right:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width:640px) {
|
||||||
|
.feature-row.premium {
|
||||||
|
padding-block:56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-row.premium .feature-row-visual {
|
||||||
|
padding:10px;
|
||||||
|
border-radius:22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-window {
|
||||||
|
border-radius:13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-window-bar {
|
||||||
|
height:34px;
|
||||||
|
padding-inline:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-title {
|
||||||
|
font-size:9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.window-live {
|
||||||
|
font-size:8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showcase-chip {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- FEAT-S1: PAGE HERO -->
|
||||||
|
<section class="page-hero" aria-labelledby="features-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Platform features</span>
|
||||||
|
<h1 id="features-hero-h1">Everything you need to <span class="accent">manage compliance</span> — nothing you don't.</h1>
|
||||||
|
<p>Six purpose-built capabilities, each designed around a real compliance problem your team deals with every day. No feature bloat. No configuration burden. Built around your Standards from day one.</p>
|
||||||
|
<div class="page-hero-ctas">
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-lg">See it in action</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View pricing →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- FEAT-S2: FEATURE ROWS (alternating detail) -->
|
||||||
|
<section class="content-section" aria-label="Feature details">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<!-- FEAT-S2-F1: Dashboard -->
|
||||||
|
<div class="feature-row premium">
|
||||||
|
<div>
|
||||||
|
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg></div>
|
||||||
|
<div class="section-label">01 — Compliance Dashboard</div>
|
||||||
|
<h2 class="section-heading">Know your compliance status<br>without asking anyone.</h2>
|
||||||
|
<p class="text-lead">A live dashboard maps every obligation across your registered frameworks. See what's compliant, what's due, and what's at risk — filtered by Standard, Quality Area, or staff member.</p>
|
||||||
|
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Filter by NVR Standard, ESOS obligation, or National Code requirement</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> See open evidence gaps, upcoming deadlines, and overdue items</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Drill down from summary to individual Standard-level detail</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Export board-ready compliance reports in one click</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="feature-row-visual" aria-label="RTOSure compliance dashboard product preview">
|
||||||
|
<div class="product-window">
|
||||||
|
<div class="product-window-bar" aria-hidden="true">
|
||||||
|
<div class="window-dots"><i></i><i></i><i></i></div>
|
||||||
|
<div class="window-title">RTOSure · Compliance overview</div>
|
||||||
|
<div class="window-live">Live data</div>
|
||||||
|
</div>
|
||||||
|
<div class="product-window-body">
|
||||||
|
<img src="images/NVRDashboard.webp" alt="RTOSure dashboard showing framework health, quality area risk and compliance activity">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip health" aria-hidden="true">
|
||||||
|
<div class="chip-icon">48%</div>
|
||||||
|
<div><strong>Health score</strong><span>Weighted overview</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip risk" aria-hidden="true">
|
||||||
|
<div class="chip-icon">!</div>
|
||||||
|
<div><strong>Priority risks</strong><span>Visible instantly</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FEAT-S2-F2: Checklists -->
|
||||||
|
<div class="feature-row premium visual-left">
|
||||||
|
<div class="feature-row-visual" aria-label="RTOSure checklist and workflow guided compliance task">
|
||||||
|
<div class="product-window">
|
||||||
|
<div class="product-window-bar" aria-hidden="true">
|
||||||
|
<div class="window-dots"><i></i><i></i><i></i></div>
|
||||||
|
<div class="window-title">RTOSure · Checklist & Workflow</div>
|
||||||
|
<div class="window-live">Live data</div>
|
||||||
|
</div>
|
||||||
|
<div class="product-window-body">
|
||||||
|
<img src="images/checklist.webp" alt="RTOSure checklist and workflow guided compliance task">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip health" aria-hidden="true">
|
||||||
|
<div class="chip-icon">✓</div>
|
||||||
|
<div><strong>Task complete</strong><span>Audit trail logged</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip risk" aria-hidden="true">
|
||||||
|
<div class="chip-icon">3</div>
|
||||||
|
<div><strong>Step 4 of 5</strong><span>In progress</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg></div>
|
||||||
|
<div class="section-label">02 — Checklists & Workflows</div>
|
||||||
|
<h2 class="section-heading">Compliance tasks done correctly,<br>every time, by anyone.</h2>
|
||||||
|
<p class="text-lead">Guided workflows walk your team through compliance tasks step by step — built around the specific Standards that apply to your college. No interpretation required. No steps skipped.</p>
|
||||||
|
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Pre-built checklists for trainer PD, student monitoring, training package updates</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Customisable checklists for organisation-specific workflows</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Role-based task assignment with automated reminders</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Task completion audit trail — who did what and when</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FEAT-S2-F3: Forms -->
|
||||||
|
<div class="feature-row">
|
||||||
|
<div>
|
||||||
|
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></div>
|
||||||
|
<div class="section-label">03 — Forms & Quizzes</div>
|
||||||
|
<h2 class="section-heading">Evidence captured at the point<br>it's created.</h2>
|
||||||
|
<p class="text-lead">Built-in forms and quizzes capture evidence directly against the relevant Standard — at the moment the activity happens. External stakeholders (students, agents, employers) complete forms via a unique link. No login required.</p>
|
||||||
|
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Forms auto-tagged to the Standard or obligation they satisfy</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> External stakeholder links — no login, no friction</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Quizzes for compliance knowledge verification (trainers, staff)</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Responses flow directly into the evidence register</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="feature-row-visual">
|
||||||
|
<div class="placeholder-box">
|
||||||
|
<div style="font-size:32px;margin-bottom:var(--space-md)">📝</div>
|
||||||
|
<strong>Forms screenshot</strong><br>External stakeholder form with Standard tagging
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FEAT-S2-F4: Evidence Register -->
|
||||||
|
<div class="feature-row">
|
||||||
|
<div class="feature-row-visual">
|
||||||
|
<div class="placeholder-box">
|
||||||
|
<div style="font-size:32px;margin-bottom:var(--space-md)">🗂</div>
|
||||||
|
<strong>Evidence register screenshot</strong><br>Documents mapped to Standards with version history
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/><line x1="12" y1="11" x2="12" y2="17"/><line x1="9" y1="14" x2="15" y2="14"/></svg></div>
|
||||||
|
<div class="section-label">04 — Evidence Register</div>
|
||||||
|
<h2 class="section-heading">Your audit response<br>starts here.</h2>
|
||||||
|
<p class="text-lead">When the auditor asks for evidence of Standard 1.3, you don't search — you click. Every document, policy, and record is stored, mapped, and retrievable in the format auditors expect.</p>
|
||||||
|
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Every document tagged to the Standard or requirement it addresses</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Version control — always know which document is current</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Activity log — who uploaded or updated each item, and when</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Audit pack export — share a structured evidence bundle in one action</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FEAT-S2-F5: Monitoring -->
|
||||||
|
<div class="feature-row premium">
|
||||||
|
<div>
|
||||||
|
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg></div>
|
||||||
|
<div class="section-label">05 — Monitoring & Alerts</div>
|
||||||
|
<h2 class="section-heading">Stop things falling through<br>the cracks.</h2>
|
||||||
|
<p class="text-lead">RTOSure doesn't just store your compliance data. It actively monitors it and alerts the right people when action is needed — before a gap becomes an audit finding.</p>
|
||||||
|
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Automated reminders at 30, 14, and 7 days before deadlines</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Alerts for expiring trainer credentials, WWCC records, and CPD logs</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Escalation workflows if tasks remain incomplete</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Email and in-app notifications to responsible staff</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="feature-row-visual" aria-label="RTOSure notification and alerts interface">
|
||||||
|
<div class="product-window">
|
||||||
|
<div class="product-window-bar" aria-hidden="true">
|
||||||
|
<div class="window-dots"><i></i><i></i><i></i></div>
|
||||||
|
<div class="window-title">RTOSure · Notifications & Alerts</div>
|
||||||
|
<div class="window-live">Live data</div>
|
||||||
|
</div>
|
||||||
|
<div class="product-window-body">
|
||||||
|
<img src="images/notification.webp" alt="RTOSure notification and alerts dashboard">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip health" aria-hidden="true">
|
||||||
|
<div class="chip-icon">14</div>
|
||||||
|
<div><strong>Upcoming actions</strong><span>Next 7 days</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip risk" aria-hidden="true">
|
||||||
|
<div class="chip-icon">!</div>
|
||||||
|
<div><strong>Overdue alerts</strong><span>Requires attention</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- FEAT-S2-F6: Risk Indicators -->
|
||||||
|
<div class="feature-row premium">
|
||||||
|
<div>
|
||||||
|
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/><line x1="2" y1="20" x2="22" y2="20"/></svg></div>
|
||||||
|
<div class="section-label">06 — Risk Indicators</div>
|
||||||
|
<h2 class="section-heading">Know your risk<br>before ASQA does.</h2>
|
||||||
|
<p class="text-lead">Purpose-built risk indicator frameworks — mapped to NVR, ESOS, National Code, and ELICOS — give you structured, evidence-based visibility into compliance exposure across every object type your college operates.</p>
|
||||||
|
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> 180+ NVR risk indicators across six object types</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> 85+ CRICOS / ESOS indicators across all 11 National Code Standards</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> 56+ ELICOS indicators across Parts A–E</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Traffic-light risk scoring with priority weighting</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="feature-row-visual" aria-label="RTOSure risk indicators interface">
|
||||||
|
<div class="product-window">
|
||||||
|
<div class="product-window-bar" aria-hidden="true">
|
||||||
|
<div class="window-dots"><i></i><i></i><i></i></div>
|
||||||
|
<div class="window-title">RTOSure · Risk Indicators</div>
|
||||||
|
<div class="window-live">Live data</div>
|
||||||
|
</div>
|
||||||
|
<div class="product-window-body">
|
||||||
|
<img src="images/risk_indicator.webp" alt="RTOSure risk indicators dashboard">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip health" aria-hidden="true">
|
||||||
|
<div class="chip-icon">▲</div>
|
||||||
|
<div><strong>Risk score</strong><span>Moderate</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="showcase-chip risk" aria-hidden="true">
|
||||||
|
<div class="chip-icon">!</div>
|
||||||
|
<div><strong>High priority</strong><span>3 indicators</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+248
@@ -0,0 +1,248 @@
|
|||||||
|
<!-- ============================================================
|
||||||
|
RTOSure — footer.html
|
||||||
|
Standalone footer component.
|
||||||
|
Include in every page via:
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
<script>
|
||||||
|
fetch('footer.html').then(r=>r.text()).then(h=>{
|
||||||
|
document.getElementById('site-footer').innerHTML=h;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
============================================================ -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* ── Site Footer Styles ───────────────────────────────────── */
|
||||||
|
.site-footer {
|
||||||
|
background: var(--color-dark);
|
||||||
|
color: rgba(255,255,255,0.75);
|
||||||
|
padding-top: var(--space-3xl);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 280px repeat(3, 1fr);
|
||||||
|
gap: var(--space-2xl);
|
||||||
|
padding-bottom: var(--space-2xl);
|
||||||
|
border-bottom: 1px solid rgba(255,255,255,0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Brand column */
|
||||||
|
.footer-brand .logo-wordmark {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-white);
|
||||||
|
letter-spacing: -0.03em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: var(--space-md);
|
||||||
|
}
|
||||||
|
.footer-brand .logo-wordmark span { color: var(--color-teal); }
|
||||||
|
|
||||||
|
.footer-tagline {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.65;
|
||||||
|
color: rgba(255,255,255,0.55);
|
||||||
|
margin-bottom: var(--space-lg);
|
||||||
|
max-width: 240px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-social {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-sm);
|
||||||
|
}
|
||||||
|
.footer-social a {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: rgba(255,255,255,0.06);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(255,255,255,0.6);
|
||||||
|
transition: background 200ms, color 200ms;
|
||||||
|
}
|
||||||
|
.footer-social a:hover {
|
||||||
|
background: var(--color-teal);
|
||||||
|
color: var(--color-white);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Link columns */
|
||||||
|
.footer-col-title {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
color: rgba(255,255,255,0.4);
|
||||||
|
margin-bottom: var(--space-md);
|
||||||
|
}
|
||||||
|
.footer-links {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.footer-links a {
|
||||||
|
font-size: 14.5px;
|
||||||
|
color: rgba(255,255,255,0.65);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 150ms;
|
||||||
|
}
|
||||||
|
.footer-links a:hover { color: var(--color-white); }
|
||||||
|
|
||||||
|
/* Sub-brands */
|
||||||
|
.footer-sub-brands {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
.footer-sub-brand-pill {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-white);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: opacity 200ms;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
.footer-sub-brand-pill:hover { opacity: 0.85; }
|
||||||
|
.pill-rtosure { background: rgba(0,168,150,.25); border: 1px solid rgba(0,168,150,.4); }
|
||||||
|
.pill-cricos { background: rgba(37,99,235,.25); border: 1px solid rgba(37,99,235,.4); }
|
||||||
|
.pill-elicos { background: rgba(124,58,237,.25); border: 1px solid rgba(124,58,237,.4); }
|
||||||
|
|
||||||
|
/* Bottom bar */
|
||||||
|
.footer-bottom {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-block: var(--space-xl);
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: var(--space-md);
|
||||||
|
}
|
||||||
|
.footer-bottom-left {
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.35);
|
||||||
|
}
|
||||||
|
.footer-bottom-links {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-lg);
|
||||||
|
}
|
||||||
|
.footer-bottom-links a {
|
||||||
|
font-size: 13px;
|
||||||
|
color: rgba(255,255,255,0.35);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 150ms;
|
||||||
|
}
|
||||||
|
.footer-bottom-links a:hover { color: rgba(255,255,255,0.7); }
|
||||||
|
|
||||||
|
/* Australian compliance note */
|
||||||
|
.footer-compliance-note {
|
||||||
|
font-size: 12px;
|
||||||
|
color: rgba(255,255,255,0.25);
|
||||||
|
padding-bottom: var(--space-xl);
|
||||||
|
line-height: 1.6;
|
||||||
|
border-top: 1px solid rgba(255,255,255,0.05);
|
||||||
|
padding-top: var(--space-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.footer-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
gap: var(--space-xl);
|
||||||
|
}
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<footer class="site-footer" role="contentinfo">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-grid">
|
||||||
|
<!-- Brand column -->
|
||||||
|
<div class="footer-brand">
|
||||||
|
<a href="index.html" class="logo-wordmark">RTO<span>Sure</span></a>
|
||||||
|
<p class="footer-tagline">Compliance management built specifically for Australian RTOs — NVR, ESOS, National Code, and ELICOS.</p>
|
||||||
|
<div class="footer-social" aria-label="Social media">
|
||||||
|
<a href="#" aria-label="LinkedIn">in</a>
|
||||||
|
<a href="#" aria-label="Twitter/X">𝕏</a>
|
||||||
|
<a href="#" aria-label="YouTube">▶</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Product column -->
|
||||||
|
<div>
|
||||||
|
<p class="footer-col-title">Product</p>
|
||||||
|
<ul class="footer-links">
|
||||||
|
<li><a href="features.html">Features</a></li>
|
||||||
|
<li><a href="features.html#dashboard">Compliance Dashboard</a></li>
|
||||||
|
<li><a href="features.html#workflows">Guided Workflows</a></li>
|
||||||
|
<li><a href="features.html#evidence">Evidence Register</a></li>
|
||||||
|
<li><a href="features.html#alerts">Monitoring & Alerts</a></li>
|
||||||
|
<li><a href="integrations.html">TEAMS Integration</a></li>
|
||||||
|
<li><a href="pricing.html">Pricing</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="footer-sub-brands mt-lg">
|
||||||
|
<a href="rtosure.html" class="footer-sub-brand-pill pill-rtosure">RTOSure</a>
|
||||||
|
<a href="cricossure.html" class="footer-sub-brand-pill pill-cricos">CRICOSSure</a>
|
||||||
|
<a href="elicossure.html" class="footer-sub-brand-pill pill-elicos">ELICOSSure</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Compliance column -->
|
||||||
|
<div>
|
||||||
|
<p class="footer-col-title">Compliance Areas</p>
|
||||||
|
<ul class="footer-links">
|
||||||
|
<li><a href="compliance.html#nvr">NVR Standards 2025</a></li>
|
||||||
|
<li><a href="compliance.html#esos">ESOS Act & National Code</a></li>
|
||||||
|
<li><a href="compliance.html#elicos">ELICOS Standards 2018</a></li>
|
||||||
|
<li><a href="compliance.html#fppr">FPPR Obligations</a></li>
|
||||||
|
<li><a href="compliance.html#avetmiss">AVETMISS Compliance</a></li>
|
||||||
|
<li><a href="resources.html">Free Tools & Resources</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Company column -->
|
||||||
|
<div>
|
||||||
|
<p class="footer-col-title">Company</p>
|
||||||
|
<ul class="footer-links">
|
||||||
|
<li><a href="about.html">About RTOSure</a></li>
|
||||||
|
<li><a href="about.html#team">Our Team</a></li>
|
||||||
|
<li><a href="blog.html">Blog</a></li>
|
||||||
|
<li><a href="demo.html">Book a Demo</a></li>
|
||||||
|
<li><a href="support.html">Support</a></li>
|
||||||
|
<li><a href="security.html">Security</a></li>
|
||||||
|
<li><a href="mailto:hello@rtosure.com.au">hello@rtosure.com.au</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bottom bar -->
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<p class="footer-bottom-left">
|
||||||
|
© 2026 RTO Software Pty Ltd. All rights reserved. RTOSure is a product of RTO Software.
|
||||||
|
</p>
|
||||||
|
<nav class="footer-bottom-links" aria-label="Legal">
|
||||||
|
<a href="privacy.html">Privacy Policy</a>
|
||||||
|
<a href="terms.html">Terms of Service</a>
|
||||||
|
<a href="cookies.html">Cookie Policy</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Regulatory note -->
|
||||||
|
<p class="footer-compliance-note">
|
||||||
|
RTOSure is designed to support compliance management for Australian Registered Training Organisations (RTOs) regulated under the National Vocational Regulation Act 2011 and associated standards. RTOSure does not constitute legal advice. RTO operators are responsible for ensuring their own compliance with applicable legislation and regulatory requirements. ASQA, CRICOS, ESOS, and ELICOS are regulatory frameworks administered by Australian Government agencies.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
+250
@@ -0,0 +1,250 @@
|
|||||||
|
<!-- ============================================================
|
||||||
|
RTOSure — header.html
|
||||||
|
Standalone navigation component.
|
||||||
|
Include in every page via:
|
||||||
|
<div id="site-header"></div>
|
||||||
|
<script>
|
||||||
|
fetch('header.html').then(r=>r.text()).then(h=>{
|
||||||
|
document.getElementById('site-header').innerHTML=h;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
============================================================ -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* ── Site Header Styles ───────────────────────────────────── */
|
||||||
|
.site-header {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 100;
|
||||||
|
background: rgba(255,255,255,0.95);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
-webkit-backdrop-filter: blur(12px);
|
||||||
|
border-bottom: 1px solid var(--color-border);
|
||||||
|
transition: box-shadow 200ms var(--ease);
|
||||||
|
}
|
||||||
|
.site-header.scrolled {
|
||||||
|
box-shadow: 0 2px 20px rgba(15,39,68,.10);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-inner {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 68px;
|
||||||
|
gap: var(--space-xl);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Logo */
|
||||||
|
.header-logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
text-decoration: none;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.header-logo .logo-mark {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
background: var(--color-navy);
|
||||||
|
border-radius: 8px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.header-logo .logo-mark::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
background: var(--color-teal);
|
||||||
|
border-radius: 3px;
|
||||||
|
top: 7px;
|
||||||
|
left: 7px;
|
||||||
|
}
|
||||||
|
.header-logo .logo-mark::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background: rgba(255,255,255,0.9);
|
||||||
|
border-radius: 2px;
|
||||||
|
bottom: 7px;
|
||||||
|
right: 7px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.logo-wordmark {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-navy);
|
||||||
|
letter-spacing: -0.03em;
|
||||||
|
}
|
||||||
|
.logo-wordmark span {
|
||||||
|
color: var(--color-teal);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nav links */
|
||||||
|
.header-nav {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-lg);
|
||||||
|
flex: 1;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.nav-link {
|
||||||
|
font-size: 14.5px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-charcoal);
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 6px 0;
|
||||||
|
position: relative;
|
||||||
|
transition: color var(--duration) var(--ease);
|
||||||
|
}
|
||||||
|
.nav-link::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 100%;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--color-teal);
|
||||||
|
transition: right var(--duration) var(--ease);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
.nav-link:hover { color: var(--color-navy); }
|
||||||
|
.nav-link:hover::after { right: 0; }
|
||||||
|
.nav-link.active { color: var(--color-teal); }
|
||||||
|
.nav-link.active::after { right: 0; }
|
||||||
|
|
||||||
|
/* Header CTA */
|
||||||
|
.header-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-md);
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.header-login {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-slate);
|
||||||
|
transition: color var(--duration);
|
||||||
|
}
|
||||||
|
.header-login:hover { color: var(--color-navy); }
|
||||||
|
|
||||||
|
/* Mobile hamburger */
|
||||||
|
.header-hamburger {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
padding: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.header-hamburger span {
|
||||||
|
display: block;
|
||||||
|
width: 22px;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--color-navy);
|
||||||
|
border-radius: 1px;
|
||||||
|
transition: all 200ms var(--ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile nav drawer */
|
||||||
|
.mobile-nav {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
padding: var(--space-md) var(--space-xl) var(--space-xl);
|
||||||
|
border-top: 1px solid var(--color-border);
|
||||||
|
background: var(--color-white);
|
||||||
|
}
|
||||||
|
.mobile-nav.open { display: flex; }
|
||||||
|
.mobile-nav .nav-link {
|
||||||
|
padding: 10px 0;
|
||||||
|
font-size: 16px;
|
||||||
|
border-bottom: 1px solid var(--color-surface);
|
||||||
|
}
|
||||||
|
.mobile-nav .nav-link:last-child { border-bottom: none; }
|
||||||
|
.mobile-nav .btn { width: 100%; justify-content: center; margin-top: var(--space-md); }
|
||||||
|
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
.header-nav, .header-login { display: none; }
|
||||||
|
.header-hamburger { display: flex; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<header class="site-header" id="main-header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="header-inner">
|
||||||
|
<!-- Logo -->
|
||||||
|
<a href="index.html" class="header-logo" aria-label="RTOSure home">
|
||||||
|
<div class="logo-mark" aria-hidden="true"></div>
|
||||||
|
<span class="logo-wordmark">RTO<span>Sure</span></span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Desktop nav -->
|
||||||
|
<nav class="header-nav" aria-label="Main navigation">
|
||||||
|
<a href="features.html" class="nav-link">Features</a>
|
||||||
|
<a href="compliance.html" class="nav-link">Compliance Areas</a>
|
||||||
|
<a href="pricing.html" class="nav-link">Pricing</a>
|
||||||
|
<a href="resources.html" class="nav-link">Resources</a>
|
||||||
|
<a href="about.html" class="nav-link">About</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Desktop actions -->
|
||||||
|
<div class="header-actions">
|
||||||
|
<a href="login.html" class="header-login">Log in</a>
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-sm">Book a Demo</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Mobile hamburger -->
|
||||||
|
<button class="header-hamburger" aria-label="Open menu" aria-expanded="false" id="hamburger-btn">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Mobile nav drawer -->
|
||||||
|
<nav class="mobile-nav" id="mobile-nav" aria-label="Mobile navigation">
|
||||||
|
<a href="features.html" class="nav-link">Features</a>
|
||||||
|
<a href="compliance.html" class="nav-link">Compliance Areas</a>
|
||||||
|
<a href="pricing.html" class="nav-link">Pricing</a>
|
||||||
|
<a href="resources.html" class="nav-link">Resources</a>
|
||||||
|
<a href="about.html" class="nav-link">About</a>
|
||||||
|
<a href="login.html" class="nav-link">Log in</a>
|
||||||
|
<a href="demo.html" class="btn btn-primary">Book a Demo</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function() {
|
||||||
|
const header = document.getElementById('main-header');
|
||||||
|
const btn = document.getElementById('hamburger-btn');
|
||||||
|
const nav = document.getElementById('mobile-nav');
|
||||||
|
|
||||||
|
// Sticky shadow on scroll
|
||||||
|
window.addEventListener('scroll', () => {
|
||||||
|
header.classList.toggle('scrolled', window.scrollY > 10);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Mobile toggle
|
||||||
|
if (btn && nav) {
|
||||||
|
btn.addEventListener('click', () => {
|
||||||
|
const open = nav.classList.toggle('open');
|
||||||
|
btn.setAttribute('aria-expanded', open);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Highlight active nav link
|
||||||
|
const path = window.location.pathname.split('/').pop() || 'index.html';
|
||||||
|
document.querySelectorAll('.nav-link').forEach(link => {
|
||||||
|
if (link.getAttribute('href') === path) link.classList.add('active');
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 324 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
+814
@@ -0,0 +1,814 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure is the only compliance management system built around the regulatory frameworks Australian RTOs are actually governed by — NVR Standards 2025, ESOS Act, National Code 2018, and ELICOS Standards 2018.">
|
||||||
|
<meta name="robots" content="index, follow">
|
||||||
|
<meta property="og:title" content="RTOSure — Compliance Managed. Audit Ready. Every Framework Covered.">
|
||||||
|
<meta property="og:description" content="Purpose-built compliance management for Australian RTOs. NVR Standards 2025, ESOS, National Code, and ELICOS — mapped in, not configured in.">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://rtosure.com.au">
|
||||||
|
<title>RTOSure — Compliance Management for Australian RTOs</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* ================================================================
|
||||||
|
HOME PAGE — page-specific styles
|
||||||
|
All shared/design-system styles live in styles.css.
|
||||||
|
No raw hex or rgba colour values — CSS variables only.
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
|
||||||
|
/* ── HERO ─────────────────────────────────────────────────────── */
|
||||||
|
.hero {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-top: clamp(60px, 8vw, 100px);
|
||||||
|
padding-bottom: clamp(60px, 8vw, 100px);
|
||||||
|
}
|
||||||
|
.hero::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background-image:
|
||||||
|
radial-gradient(ellipse 80% 60% at 70% 50%, var(--color-teal-on-dark-bg) 0%, transparent 70%),
|
||||||
|
radial-gradient(ellipse 50% 40% at 90% 80%, var(--color-teal-on-dark-bg) 0%, transparent 60%);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.hero::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.hero-inner {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: clamp(40px, 6vw, 80px);
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.hero-content { max-width: 580px; }
|
||||||
|
|
||||||
|
/* Eyebrow pill — light teal background, reads clearly on navy */
|
||||||
|
.hero-eyebrow {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
background: var(--color-teal-light);
|
||||||
|
border: 1px solid var(--color-teal-mid);
|
||||||
|
border-radius: 100px;
|
||||||
|
padding: 5px 14px;
|
||||||
|
margin-bottom: var(--space-lg);
|
||||||
|
}
|
||||||
|
.hero-eyebrow .dot {
|
||||||
|
width: 6px; height: 6px;
|
||||||
|
background: var(--color-teal);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: pulse 2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
@keyframes pulse {
|
||||||
|
0%, 100% { opacity: 1; transform: scale(1); }
|
||||||
|
50% { opacity: 0.5; transform: scale(0.7); }
|
||||||
|
}
|
||||||
|
.hero-eyebrow span {
|
||||||
|
font-size: 12px; font-weight: 600; text-transform: uppercase;
|
||||||
|
letter-spacing: 0.1em; color: var(--color-teal-dark);
|
||||||
|
}
|
||||||
|
.hero-headline {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(40px, 5.5vw, 68px);
|
||||||
|
line-height: 1.05; letter-spacing: -0.025em;
|
||||||
|
color: var(--color-white); margin-bottom: var(--space-lg);
|
||||||
|
}
|
||||||
|
.hero-headline .accent { color: var(--color-teal); }
|
||||||
|
.hero-subheadline {
|
||||||
|
font-size: clamp(16px, 1.6vw, 19px); line-height: 1.7;
|
||||||
|
color: var(--color-on-dark-text); margin-bottom: var(--space-xl); font-weight: 400;
|
||||||
|
}
|
||||||
|
.hero-ctas { display: flex; align-items: center; gap: var(--space-md); flex-wrap: wrap; margin-bottom: var(--space-md); }
|
||||||
|
.hero-trust-note { font-size: 13px; color: var(--color-on-dark-muted); font-style: italic; }
|
||||||
|
|
||||||
|
/* Dashboard mockup */
|
||||||
|
.hero-visual { position: relative; }
|
||||||
|
.hero-dashboard {
|
||||||
|
background: var(--color-on-dark-surface);
|
||||||
|
border: 1px solid var(--color-on-dark-border);
|
||||||
|
border-radius: var(--radius-xl); padding: 24px;
|
||||||
|
backdrop-filter: blur(4px); box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
.dashboard-topbar {
|
||||||
|
display: flex; align-items: center; justify-content: space-between;
|
||||||
|
margin-bottom: 20px; padding-bottom: 16px;
|
||||||
|
border-bottom: 1px solid var(--color-on-dark-border);
|
||||||
|
}
|
||||||
|
.dashboard-title { font-size: 13px; font-weight: 600; color: var(--color-on-dark-text); }
|
||||||
|
.dashboard-status { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--color-teal); font-weight: 600; }
|
||||||
|
.dashboard-status::before { content: ''; width: 6px; height: 6px; background: var(--color-teal); border-radius: 50%; }
|
||||||
|
.dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
|
||||||
|
.dash-stat { background: var(--color-on-dark-surface); border-radius: 10px; padding: 14px 12px; text-align: center; border: 1px solid var(--color-on-dark-border); }
|
||||||
|
.dash-stat-num { font-size: 26px; font-weight: 700; color: var(--color-white); line-height: 1; margin-bottom: 4px; }
|
||||||
|
.dash-stat-num.teal { color: var(--color-teal); }
|
||||||
|
.dash-stat-num.amber { color: var(--color-amber); }
|
||||||
|
.dash-stat-num.green { color: var(--color-green-success); }
|
||||||
|
.dash-stat-label { font-size: 11px; color: var(--color-on-dark-secondary); text-transform: uppercase; letter-spacing: 0.06em; }
|
||||||
|
.dashboard-frameworks { display: flex; flex-direction: column; gap: 8px; }
|
||||||
|
.framework-row { display: flex; align-items: center; gap: 12px; background: var(--color-on-dark-surface); border-radius: 8px; padding: 10px 12px; }
|
||||||
|
.fw-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
|
||||||
|
.fw-dot-teal { background: var(--color-teal); }
|
||||||
|
.fw-dot-cricos { background: var(--color-cricos); }
|
||||||
|
.fw-dot-elicos { background: var(--color-elicos); }
|
||||||
|
.fw-dot-amber { background: var(--color-amber); }
|
||||||
|
.fw-name { flex: 1; font-size: 12px; color: var(--color-on-dark-text); font-weight: 500; }
|
||||||
|
.fw-bar-track { width: 100px; height: 5px; background: var(--color-on-dark-border); border-radius: 3px; overflow: hidden; }
|
||||||
|
.fw-bar-fill { height: 100%; border-radius: 3px; }
|
||||||
|
.fw-bar-teal { background: var(--color-teal); }
|
||||||
|
.fw-bar-cricos { background: var(--color-cricos); }
|
||||||
|
.fw-bar-elicos { background: var(--color-elicos); }
|
||||||
|
.fw-bar-amber { background: var(--color-amber); }
|
||||||
|
.fw-pct { font-size: 12px; font-weight: 600; color: var(--color-on-dark-secondary); width: 32px; text-align: right; }
|
||||||
|
.hero-badge {
|
||||||
|
position: absolute; bottom: -16px; left: -20px;
|
||||||
|
background: var(--color-white); border-radius: 12px; padding: 12px 16px;
|
||||||
|
box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: 10px; z-index: 2;
|
||||||
|
}
|
||||||
|
.hero-badge-icon {
|
||||||
|
width: 36px; height: 36px; background: var(--color-teal-light);
|
||||||
|
border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.hero-badge-icon svg { width: 20px; height: 20px; color: var(--color-teal); }
|
||||||
|
.hero-badge-text strong { display: block; font-size: 13px; font-weight: 700; color: var(--color-navy); line-height: 1.2; }
|
||||||
|
.hero-badge-text span { font-size: 11.5px; color: var(--color-slate); }
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
.hero-inner { grid-template-columns: 1fr; }
|
||||||
|
.hero-visual { display: none; }
|
||||||
|
.hero-content { max-width: 100%; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── PAIN STRIP — LIGHT ───────────────────────────────────────── */
|
||||||
|
.pain-strip {
|
||||||
|
background: var(--color-surface);
|
||||||
|
padding-block: var(--space-3xl);
|
||||||
|
border-top: 1px solid var(--color-border);
|
||||||
|
border-bottom: 1px solid var(--color-border);
|
||||||
|
}
|
||||||
|
.pain-label { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-teal); text-align: center; margin-bottom: var(--space-md); }
|
||||||
|
.pain-headline { font-family: var(--font-display); font-size: clamp(26px, 3.5vw, 42px); color: var(--color-navy); text-align: center; margin-bottom: var(--space-2xl); line-height: 1.1; letter-spacing: -0.02em; }
|
||||||
|
.pain-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); margin-bottom: var(--space-xl); }
|
||||||
|
.pain-card {
|
||||||
|
background: var(--color-white);
|
||||||
|
border: 1px solid var(--color-border);
|
||||||
|
border-radius: var(--radius-lg); padding: var(--space-xl);
|
||||||
|
transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);
|
||||||
|
}
|
||||||
|
.pain-card:hover { border-color: var(--color-teal); box-shadow: var(--shadow-md); transform: translateY(-2px); }
|
||||||
|
.pain-card-icon {
|
||||||
|
width: 72px; height: 72px;
|
||||||
|
background: var(--color-teal-light);
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
display: flex; align-items: center; justify-content: center;
|
||||||
|
margin-bottom: var(--space-lg);
|
||||||
|
border: 1px solid var(--color-teal-mid);
|
||||||
|
}
|
||||||
|
.pain-card-icon svg { width: 36px; height: 36px; color: var(--color-teal-dark); }
|
||||||
|
.pain-card h3 { font-size: 17px; font-weight: 700; color: var(--color-navy); margin-bottom: var(--space-sm); }
|
||||||
|
.pain-card p { font-size: 14.5px; line-height: 1.65; color: var(--color-slate); }
|
||||||
|
.pain-resolution {
|
||||||
|
text-align: center; padding: var(--space-lg) var(--space-xl);
|
||||||
|
background: var(--color-teal-light); border: 1.5px solid var(--color-teal-mid); border-radius: var(--radius-md);
|
||||||
|
}
|
||||||
|
.pain-resolution p { font-size: 17px; font-weight: 600; color: var(--color-navy); }
|
||||||
|
.pain-resolution .teal { color: var(--color-teal); }
|
||||||
|
@media (max-width: 768px) { .pain-cards { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ── FRAMEWORKS STRIP ─────────────────────────────────────────── */
|
||||||
|
.frameworks { background: var(--color-teal-light); padding-block: var(--space-3xl); border-top: 1px solid var(--color-teal-mid); border-bottom: 1px solid var(--color-teal-mid); }
|
||||||
|
.frameworks-header { text-align: center; margin-bottom: var(--space-2xl); }
|
||||||
|
.frameworks-header .section-subheading { margin-inline: auto; }
|
||||||
|
.framework-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
|
||||||
|
.framework-card { background: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-xl); box-shadow: var(--shadow-sm); border-top: 4px solid transparent; transition: box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease); display: flex; flex-direction: column; }
|
||||||
|
.framework-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
|
||||||
|
.fw-card-rtosure { border-top-color: var(--color-teal); }
|
||||||
|
.fw-card-cricos { border-top-color: var(--color-cricos); }
|
||||||
|
.fw-card-elicos { border-top-color: var(--color-elicos); }
|
||||||
|
.fw-card-brand { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; margin-bottom: 4px; }
|
||||||
|
.fw-card-brand.teal { color: var(--color-teal); }
|
||||||
|
.fw-card-brand.blue { color: var(--color-cricos); }
|
||||||
|
.fw-card-brand.purple { color: var(--color-elicos); }
|
||||||
|
.fw-card-audience { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-muted); margin-bottom: var(--space-md); }
|
||||||
|
.fw-card-framework { font-size: 14px; font-weight: 700; color: var(--color-navy); margin-bottom: var(--space-sm); }
|
||||||
|
.fw-card-desc { font-size: 14px; color: var(--color-slate); line-height: 1.6; margin-bottom: var(--space-lg); }
|
||||||
|
.fw-checklist { list-style: none; margin-bottom: var(--space-xl); flex: 1; }
|
||||||
|
.fw-checklist li { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--color-charcoal); padding: 5px 0; border-bottom: 1px solid var(--color-surface); line-height: 1.45; }
|
||||||
|
.fw-checklist li:last-child { border-bottom: none; }
|
||||||
|
.fw-check { width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; color: var(--color-white); flex-shrink: 0; margin-top: 2px; }
|
||||||
|
.check-teal { background: var(--color-teal); }
|
||||||
|
.check-blue { background: var(--color-cricos); }
|
||||||
|
.check-purple { background: var(--color-elicos); }
|
||||||
|
.fw-link { font-size: 14px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; transition: gap 150ms; }
|
||||||
|
.fw-link:hover { gap: 8px; }
|
||||||
|
.fw-link.teal { color: var(--color-teal); }
|
||||||
|
.fw-link.blue { color: var(--color-cricos); }
|
||||||
|
.fw-link.purple { color: var(--color-elicos); }
|
||||||
|
@media (max-width: 900px) { .framework-cards { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ── FEATURES ─────────────────────────────────────────────────── */
|
||||||
|
.features { padding-block: var(--space-3xl); }
|
||||||
|
.features-header { text-align: center; max-width: 680px; margin-inline: auto; margin-bottom: var(--space-2xl); }
|
||||||
|
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
|
||||||
|
.feature-card { border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-xl); transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease); background: var(--color-white); }
|
||||||
|
.feature-card:hover { border-color: var(--color-teal); box-shadow: var(--shadow-md); transform: translateY(-2px); }
|
||||||
|
.feature-num { font-size: 12px; font-weight: 700; color: var(--color-teal); letter-spacing: 0.06em; margin-bottom: var(--space-sm); }
|
||||||
|
.feature-icon { width: 48px; height: 48px; background: var(--color-teal-light); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-md); border: 1px solid var(--color-teal-mid); }
|
||||||
|
.feature-icon svg { width: 24px; height: 24px; color: var(--color-teal-dark); }
|
||||||
|
.feature-card h3 { font-size: 16px; font-weight: 700; color: var(--color-navy); margin-bottom: var(--space-sm); }
|
||||||
|
.feature-card p { font-size: 14px; line-height: 1.65; color: var(--color-slate); }
|
||||||
|
@media (max-width: 900px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }
|
||||||
|
@media (max-width: 560px) { .features-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ── SOCIAL PROOF ─────────────────────────────────────────────── */
|
||||||
|
.social-proof { background: var(--color-surface); padding-block: var(--space-3xl); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
|
||||||
|
.proof-header { text-align: center; margin-bottom: var(--space-2xl); }
|
||||||
|
.quotes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
|
||||||
|
.quote-card { background: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-xl); box-shadow: var(--shadow-sm); border: 1px solid var(--color-border); }
|
||||||
|
.quote-stars { color: var(--color-amber); font-size: 14px; letter-spacing: 2px; margin-bottom: var(--space-md); }
|
||||||
|
.quote-text { font-family: var(--font-display); font-style: italic; font-size: 17px; line-height: 1.55; color: var(--color-charcoal); margin-bottom: var(--space-lg); }
|
||||||
|
.quote-attr { display: flex; align-items: center; gap: 12px; }
|
||||||
|
.quote-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--color-teal-light); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: var(--color-teal-dark); flex-shrink: 0; border: 2px solid var(--color-teal-mid); }
|
||||||
|
.quote-name { font-size: 13.5px; font-weight: 700; color: var(--color-navy); display: block; }
|
||||||
|
.quote-role { font-size: 12.5px; color: var(--color-muted); display: block; }
|
||||||
|
.proof-placeholder { text-align: center; padding: var(--space-xl); background: var(--color-teal-light); border: 1.5px dashed var(--color-teal-mid); border-radius: var(--radius-lg); margin-top: var(--space-lg); }
|
||||||
|
.proof-placeholder p { font-size: 14px; color: var(--color-slate); font-style: italic; }
|
||||||
|
@media (max-width: 900px) { .quotes-grid { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ── TEAMS — navy card island on white ────────────────────────── */
|
||||||
|
.teams-callout { padding-block: var(--space-2xl); }
|
||||||
|
.teams-inner { background: var(--color-navy); border-radius: var(--radius-xl); padding: var(--space-2xl) var(--space-3xl); display: flex; align-items: center; justify-content: space-between; gap: var(--space-xl); position: relative; overflow: hidden; }
|
||||||
|
.teams-inner::before { content: ''; position: absolute; right: -60px; top: -60px; width: 300px; height: 300px; background: radial-gradient(circle, var(--color-teal-on-dark-bg), transparent 70%); pointer-events: none; }
|
||||||
|
.teams-badge { display: inline-flex; align-items: center; gap: 8px; background: var(--color-teal-on-dark-bg); border: 1px solid var(--color-teal-on-dark-border); border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-teal); margin-bottom: var(--space-md); }
|
||||||
|
.teams-content h2 { font-family: var(--font-display); font-size: clamp(22px, 2.8vw, 36px); color: var(--color-white); margin-bottom: var(--space-md); letter-spacing: -0.02em; }
|
||||||
|
.teams-content p { font-size: 15.5px; color: var(--color-on-dark-secondary); line-height: 1.65; max-width: 520px; }
|
||||||
|
.teams-cta { flex-shrink: 0; }
|
||||||
|
@media (max-width: 768px) { .teams-inner { flex-direction: column; padding: var(--space-xl); text-align: center; } .teams-badge { margin-inline: auto; } .teams-cta { width: 100%; text-align: center; } }
|
||||||
|
|
||||||
|
/* ── SUB-BRAND SELECTOR — LIGHT ───────────────────────────────── */
|
||||||
|
.sub-brands { background: var(--color-white); padding-block: var(--space-3xl); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
|
||||||
|
.sub-brands-header { text-align: center; margin-bottom: var(--space-2xl); }
|
||||||
|
.sub-brands-header .section-subheading { margin-inline: auto; }
|
||||||
|
.sub-brand-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); margin-bottom: var(--space-lg); }
|
||||||
|
.sub-brand-card { background: var(--color-white); border: 1.5px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-xl); transition: border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease); display: flex; flex-direction: column; }
|
||||||
|
.sub-brand-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
|
||||||
|
.sub-brand-card.rtosure { border-top: 4px solid var(--color-teal); }
|
||||||
|
.sub-brand-card.cricos { border-top: 4px solid var(--color-cricos); }
|
||||||
|
.sub-brand-card.elicos { border-top: 4px solid var(--color-elicos); }
|
||||||
|
.sub-brand-card.rtosure:hover { border-color: var(--color-teal); }
|
||||||
|
.sub-brand-card.cricos:hover { border-color: var(--color-cricos); }
|
||||||
|
.sub-brand-card.elicos:hover { border-color: var(--color-elicos); }
|
||||||
|
.sb-product-name { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; margin-bottom: 2px; }
|
||||||
|
.sb-product-name.teal { color: var(--color-teal); }
|
||||||
|
.sb-product-name.blue { color: var(--color-cricos); }
|
||||||
|
.sb-product-name.purple { color: var(--color-elicos); }
|
||||||
|
.sb-audience { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-muted); margin-bottom: var(--space-md); }
|
||||||
|
.sb-framework-tag { display: inline-block; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 4px; margin-bottom: var(--space-md); }
|
||||||
|
.sb-framework-tag.teal { background: var(--color-teal-light); color: var(--color-teal-dark); }
|
||||||
|
.sb-framework-tag.blue { background: var(--color-cricos-light); color: var(--color-cricos); }
|
||||||
|
.sb-framework-tag.purple { background: var(--color-elicos-light); color: var(--color-elicos); }
|
||||||
|
.sb-desc { font-size: 14px; line-height: 1.65; color: var(--color-slate); margin-bottom: var(--space-lg); flex: 1; }
|
||||||
|
.sb-link { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; text-decoration: none; transition: gap 150ms; }
|
||||||
|
.sb-link:hover { gap: 8px; }
|
||||||
|
.sb-link.teal { color: var(--color-teal); }
|
||||||
|
.sb-link.blue { color: var(--color-cricos); }
|
||||||
|
.sb-link.purple { color: var(--color-elicos); }
|
||||||
|
.sub-brands-footnote { text-align: center; font-size: 14px; color: var(--color-slate); padding: var(--space-lg) var(--space-xl); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
|
||||||
|
.sub-brands-footnote strong { color: var(--color-charcoal); }
|
||||||
|
@media (max-width: 900px) { .sub-brand-cards { grid-template-columns: 1fr; } }
|
||||||
|
|
||||||
|
/* ── FINAL CTA — teal ─────────────────────────────────────────── */
|
||||||
|
.final-cta { background: var(--color-teal); padding-block: var(--space-3xl); position: relative; overflow: hidden; }
|
||||||
|
.final-cta::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(ellipse 60% 80% at 10% 50%, var(--color-on-dark-surface-hover) 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 90% 30%, var(--color-on-dark-surface) 0%, transparent 60%); pointer-events: none; }
|
||||||
|
.final-cta-inner { position: relative; z-index: 1; text-align: center; max-width: 680px; margin-inline: auto; }
|
||||||
|
.final-cta-label { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-on-dark-text); margin-bottom: var(--space-md); }
|
||||||
|
.final-cta h2 { font-family: var(--font-display); font-size: clamp(28px, 4vw, 52px); color: var(--color-white); line-height: 1.1; letter-spacing: -0.02em; margin-bottom: var(--space-md); }
|
||||||
|
.final-cta p { font-size: 17px; color: var(--color-on-dark-text); line-height: 1.65; margin-bottom: var(--space-xl); }
|
||||||
|
.final-cta-actions { display: flex; align-items: center; justify-content: center; gap: var(--space-md); flex-wrap: wrap; }
|
||||||
|
.btn-cta-white { background: var(--color-white); color: var(--color-teal-dark); box-shadow: var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background: var(--color-surface); transform: translateY(-1px); box-shadow: var(--shadow-lg); }
|
||||||
|
.final-trust-notes { display: flex; align-items: center; justify-content: center; gap: var(--space-xl); margin-top: var(--space-xl); flex-wrap: wrap; }
|
||||||
|
.trust-note-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--color-on-dark-text); }
|
||||||
|
.trust-check { width: 18px; height: 18px; background: var(--color-on-dark-surface-hover); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; color: var(--color-white); flex-shrink: 0; }
|
||||||
|
|
||||||
|
/* ── Animations ───────────────────────────────────────────────── */
|
||||||
|
@keyframes fadeUp {
|
||||||
|
from { opacity: 0; transform: translateY(24px); }
|
||||||
|
to { opacity: 1; transform: translateY(0); }
|
||||||
|
}
|
||||||
|
.anim-fade-up { animation: fadeUp 0.65s var(--ease) both; }
|
||||||
|
.anim-delay-1 { animation-delay: 0.10s; }
|
||||||
|
.anim-delay-2 { animation-delay: 0.22s; }
|
||||||
|
.anim-delay-3 { animation-delay: 0.34s; }
|
||||||
|
.anim-delay-4 { animation-delay: 0.46s; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 1 — HERO
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="hero" aria-label="Hero">
|
||||||
|
<div class="container">
|
||||||
|
<div class="hero-inner">
|
||||||
|
|
||||||
|
<div class="hero-content">
|
||||||
|
<div class="hero-eyebrow anim-fade-up">
|
||||||
|
<span class="dot" aria-hidden="true"></span>
|
||||||
|
<span>Purpose-built for Australian RTOs</span>
|
||||||
|
</div>
|
||||||
|
<h1 class="hero-headline anim-fade-up anim-delay-1">
|
||||||
|
Compliance managed.<br>
|
||||||
|
Audit ready.<br>
|
||||||
|
<span class="accent">Every framework covered.</span>
|
||||||
|
</h1>
|
||||||
|
<p class="hero-subheadline anim-fade-up anim-delay-2">
|
||||||
|
RTOSure maps your NVR Standards 2025, ESOS obligations, and National Code requirements into a single compliance management system — with dashboards, risk indicators, evidence registers, and guided workflows built around the frameworks your college is actually regulated by.
|
||||||
|
</p>
|
||||||
|
<div class="hero-ctas anim-fade-up anim-delay-3">
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-lg">Book a Demo</a>
|
||||||
|
<a href="features.html" class="btn btn-outline-white btn-lg">Watch a walkthrough →</a>
|
||||||
|
</div>
|
||||||
|
<p class="hero-trust-note anim-fade-up anim-delay-4">
|
||||||
|
30 minutes. Tailored to your framework. No hard sell.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hero-visual anim-fade-up anim-delay-3" aria-hidden="true">
|
||||||
|
<div class="hero-dashboard">
|
||||||
|
<div class="dashboard-topbar">
|
||||||
|
<span class="dashboard-title">Compliance Dashboard</span>
|
||||||
|
<span class="dashboard-status">All systems monitored</span>
|
||||||
|
</div>
|
||||||
|
<div class="dashboard-stats">
|
||||||
|
<div class="dash-stat"><div class="dash-stat-num green">94%</div><div class="dash-stat-label">NVR Compliant</div></div>
|
||||||
|
<div class="dash-stat"><div class="dash-stat-num amber">3</div><div class="dash-stat-label">Items Due</div></div>
|
||||||
|
<div class="dash-stat"><div class="dash-stat-num teal">147</div><div class="dash-stat-label">Evidence Items</div></div>
|
||||||
|
</div>
|
||||||
|
<div class="dashboard-frameworks">
|
||||||
|
<div class="framework-row"><span class="fw-dot fw-dot-teal"></span><span class="fw-name">NVR Standards 2025</span><div class="fw-bar-track"><div class="fw-bar-fill fw-bar-teal" style="width:94%"></div></div><span class="fw-pct">94%</span></div>
|
||||||
|
<div class="framework-row"><span class="fw-dot fw-dot-cricos"></span><span class="fw-name">National Code 2018</span><div class="fw-bar-track"><div class="fw-bar-fill fw-bar-cricos" style="width:88%"></div></div><span class="fw-pct">88%</span></div>
|
||||||
|
<div class="framework-row"><span class="fw-dot fw-dot-elicos"></span><span class="fw-name">ELICOS Standards</span><div class="fw-bar-track"><div class="fw-bar-fill fw-bar-elicos" style="width:100%"></div></div><span class="fw-pct">100%</span></div>
|
||||||
|
<div class="framework-row"><span class="fw-dot fw-dot-amber"></span><span class="fw-name">ESOS Act Obligations</span><div class="fw-bar-track"><div class="fw-bar-fill fw-bar-amber" style="width:76%"></div></div><span class="fw-pct">76%</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-badge">
|
||||||
|
<div class="hero-badge-icon">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
|
||||||
|
<polyline points="9 12 11 14 15 10"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="hero-badge-text">
|
||||||
|
<strong>Audit-ready evidence</strong>
|
||||||
|
<span>Mapped to Standard level</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 2 — PAIN STATEMENT
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="pain-strip" aria-labelledby="pain-heading">
|
||||||
|
<div class="container">
|
||||||
|
<p class="pain-label">Sound familiar?</p>
|
||||||
|
<h2 class="pain-headline" id="pain-heading">
|
||||||
|
The three problems every RTO<br>compliance manager knows too well.
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="pain-cards">
|
||||||
|
|
||||||
|
<!-- Card 1: Audit deadline pressure -->
|
||||||
|
<div class="pain-card">
|
||||||
|
<div class="pain-card-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<!-- Clock face -->
|
||||||
|
<circle cx="12" cy="13" r="8"/>
|
||||||
|
<!-- Clock hands showing urgency — near-deadline position -->
|
||||||
|
<polyline points="12 9 12 13 15 16"/>
|
||||||
|
<!-- Warning triangle above clock -->
|
||||||
|
<path d="M12 2L14.5 6H9.5L12 2Z" fill="currentColor" stroke="none"/>
|
||||||
|
<!-- Exclamation in triangle -->
|
||||||
|
<line x1="12" y1="3.5" x2="12" y2="5" stroke="var(--color-white)" stroke-width="1"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>ASQA audit risk</h3>
|
||||||
|
<p>Your next audit notice gives you 30 days. Will your evidence be ready in time — or will you be pulling files from inboxes and shared drives?</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 2: Single-person dependency -->
|
||||||
|
<div class="pain-card">
|
||||||
|
<div class="pain-card-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<!-- Person silhouette -->
|
||||||
|
<circle cx="9" cy="6" r="3"/>
|
||||||
|
<path d="M4 20v-2a5 5 0 0 1 10 0v2"/>
|
||||||
|
<!-- Lock / key symbol — knowledge locked to one person -->
|
||||||
|
<rect x="14.5" y="13" width="6" height="5" rx="1"/>
|
||||||
|
<path d="M16 13v-2a2 2 0 0 1 4 0v2"/>
|
||||||
|
<circle cx="17.5" cy="15.5" r="0.75" fill="currentColor" stroke="none"/>
|
||||||
|
<line x1="17.5" y1="16.25" x2="17.5" y2="17.5"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Compliance lives in one person</h3>
|
||||||
|
<p>When your compliance manager is sick, on leave, or moves on — does your college's regulatory knowledge go with them?</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Card 3: Fragmented spreadsheets -->
|
||||||
|
<div class="pain-card">
|
||||||
|
<div class="pain-card-icon" aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<!-- Base table grid -->
|
||||||
|
<rect x="2" y="3" width="20" height="18" rx="2"/>
|
||||||
|
<line x1="2" y1="8" x2="22" y2="8"/>
|
||||||
|
<line x1="2" y1="13" x2="22" y2="13"/>
|
||||||
|
<line x1="8" y1="8" x2="8" y2="21"/>
|
||||||
|
<line x1="15" y1="8" x2="15" y2="21"/>
|
||||||
|
<!-- Broken / missing cell — represents fragmentation -->
|
||||||
|
<!-- Red X in bottom-right cell -->
|
||||||
|
<line x1="17" y1="15" x2="20" y2="18" stroke="var(--color-amber)" stroke-width="1.8"/>
|
||||||
|
<line x1="20" y1="15" x2="17" y2="18" stroke="var(--color-amber)" stroke-width="1.8"/>
|
||||||
|
<!-- Scatter dots outside grid — data living elsewhere -->
|
||||||
|
<circle cx="1" cy="13" r="1" fill="var(--color-teal-dark)" stroke="none"/>
|
||||||
|
<circle cx="23" cy="8" r="1" fill="var(--color-teal-dark)" stroke="none"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Spreadsheets and guesswork</h3>
|
||||||
|
<p>Trainer currency records in email. Checklists in shared drives. Registers in someone's desktop folder. This is not compliance management. This is compliance risk.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pain-resolution">
|
||||||
|
<p>RTOSure was built <span class="teal">for exactly this problem.</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 3 — COMPLIANCE FRAMEWORKS
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="frameworks" aria-labelledby="frameworks-heading">
|
||||||
|
<div class="container">
|
||||||
|
<div class="frameworks-header">
|
||||||
|
<span class="section-label">Regulatory coverage</span>
|
||||||
|
<h2 class="section-heading" id="frameworks-heading">
|
||||||
|
Built around the frameworks you're<br>actually regulated by.
|
||||||
|
</h2>
|
||||||
|
<p class="section-subheading">Not configured. Not adapted. Built in — from the regulatory text up.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="framework-cards">
|
||||||
|
<div class="framework-card fw-card-rtosure">
|
||||||
|
<div class="fw-card-brand teal">RTOSure</div>
|
||||||
|
<div class="fw-card-audience">Domestic RTOs</div>
|
||||||
|
<div class="fw-card-framework">NVR Standards 2025</div>
|
||||||
|
<p class="fw-card-desc">Full coverage of all 4 Quality Areas, 19 Standards, and 3 Compliance Requirement Divisions — including FPPR obligations.</p>
|
||||||
|
<ul class="fw-checklist">
|
||||||
|
<li><span class="fw-check check-teal" aria-hidden="true">✓</span>All 19 NVR Standards mapped</li>
|
||||||
|
<li><span class="fw-check check-teal" aria-hidden="true">✓</span>Compliance Requirements Divisions 1–3</li>
|
||||||
|
<li><span class="fw-check check-teal" aria-hidden="true">✓</span>Fit and Proper Person Requirements</li>
|
||||||
|
<li><span class="fw-check check-teal" aria-hidden="true">✓</span>Risk indicators built to Standard level</li>
|
||||||
|
<li><span class="fw-check check-teal" aria-hidden="true">✓</span>AVETMISS reporting compliance</li>
|
||||||
|
</ul>
|
||||||
|
<a href="rtosure.html" class="fw-link teal">Explore NVR compliance →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="framework-card fw-card-cricos">
|
||||||
|
<div class="fw-card-brand blue">CRICOSSure</div>
|
||||||
|
<div class="fw-card-audience">CRICOS Providers</div>
|
||||||
|
<div class="fw-card-framework">ESOS Act & National Code 2018</div>
|
||||||
|
<p class="fw-card-desc">Complete coverage of the ESOS framework and all 11 National Code 2018 Standards for CRICOS-registered providers.</p>
|
||||||
|
<ul class="fw-checklist">
|
||||||
|
<li><span class="fw-check check-blue" aria-hidden="true">✓</span>All 11 National Code Standards</li>
|
||||||
|
<li><span class="fw-check check-blue" aria-hidden="true">✓</span>ESOS Act obligations</li>
|
||||||
|
<li><span class="fw-check check-blue" aria-hidden="true">✓</span>PRISMS reporting workflows</li>
|
||||||
|
<li><span class="fw-check check-blue" aria-hidden="true">✓</span>CoE management</li>
|
||||||
|
<li><span class="fw-check check-blue" aria-hidden="true">✓</span>Student welfare & support obligations</li>
|
||||||
|
</ul>
|
||||||
|
<a href="cricossure.html" class="fw-link blue">Explore CRICOS compliance →</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="framework-card fw-card-elicos">
|
||||||
|
<div class="fw-card-brand purple">ELICOSSure</div>
|
||||||
|
<div class="fw-card-audience">ELICOS Colleges</div>
|
||||||
|
<div class="fw-card-framework">ELICOS Standards 2018</div>
|
||||||
|
<p class="fw-card-desc">Purpose-built for English Language Intensive Courses for Overseas Students — Parts A through E, with course-type-specific compliance built in.</p>
|
||||||
|
<ul class="fw-checklist">
|
||||||
|
<li><span class="fw-check check-purple" aria-hidden="true">✓</span>Parts A–E fully mapped</li>
|
||||||
|
<li><span class="fw-check check-purple" aria-hidden="true">✓</span>GE, EAP, EHSP and IELTS Prep compliance</li>
|
||||||
|
<li><span class="fw-check check-purple" aria-hidden="true">✓</span>Teacher qualification tracking</li>
|
||||||
|
<li><span class="fw-check check-purple" aria-hidden="true">✓</span>Contact hours and class size compliance</li>
|
||||||
|
<li><span class="fw-check check-purple" aria-hidden="true">✓</span>Under-18 welfare obligations</li>
|
||||||
|
</ul>
|
||||||
|
<a href="elicossure.html" class="fw-link purple">Explore ELICOS compliance →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 4 — FEATURES OVERVIEW
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="features section" aria-labelledby="features-heading">
|
||||||
|
<div class="container">
|
||||||
|
<div class="features-header">
|
||||||
|
<span class="section-label">Platform capabilities</span>
|
||||||
|
<h2 class="section-heading" id="features-heading">
|
||||||
|
Everything a compliance-managed RTO needs.<br>Nothing it doesn't.
|
||||||
|
</h2>
|
||||||
|
<p class="section-subheading">Six capabilities, each built around a compliance problem your team deals with every day.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="features-grid">
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-num">01</div>
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<!-- Dashboard / gauge -->
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M3 12a9 9 0 1 1 9 9"/>
|
||||||
|
<path d="M12 3v3M3 12H6M19.8 7.2l-2.1 2.1"/>
|
||||||
|
<circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/>
|
||||||
|
<line x1="12" y1="12" x2="15.5" y2="8.5" stroke-width="2"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Compliance Dashboard</h3>
|
||||||
|
<p>Know your compliance status without asking anyone. A live dashboard maps every obligation across your registered frameworks — filter by Standard, Quality Area, or staff member.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-num">02</div>
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<!-- Checklist with tick -->
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<polyline points="9 11 12 14 22 4"/>
|
||||||
|
<path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Checklists & Workflows</h3>
|
||||||
|
<p>Compliance tasks done correctly, every time, by anyone. Guided workflows walk your team through compliance tasks step by step — built around the specific Standards that apply to your college.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-num">03</div>
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<!-- Document form -->
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/>
|
||||||
|
<polyline points="14 2 14 8 20 8"/>
|
||||||
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
||||||
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
||||||
|
<line x1="10" y1="9" x2="8" y2="9"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Forms & Quizzes</h3>
|
||||||
|
<p>Evidence captured at the point it's created. Built-in forms and quizzes capture evidence directly against the relevant Standard — at the moment the activity happens. No manual filing.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-num">04</div>
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<!-- Folder with plus -->
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/>
|
||||||
|
<line x1="12" y1="11" x2="12" y2="17"/>
|
||||||
|
<line x1="9" y1="14" x2="15" y2="14"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Evidence Register</h3>
|
||||||
|
<p>Your audit response starts here. Documents, policies, and evidence stored, mapped, and retrievable in the format auditors expect — linked to the exact Standard they support.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-num">05</div>
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<!-- Bell with alert dot -->
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/>
|
||||||
|
<path d="M13.73 21a2 2 0 01-3.46 0"/>
|
||||||
|
<circle cx="18" cy="5" r="2.5" fill="var(--color-amber)" stroke="none"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Monitoring & Alerts</h3>
|
||||||
|
<p>Stop things falling through the cracks. Automated alerts for upcoming deadlines, expiring records, and compliance gaps — before they become audit findings.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-num">06</div>
|
||||||
|
<div class="feature-icon" aria-hidden="true">
|
||||||
|
<!-- Bar chart with trend line -->
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
||||||
|
<line x1="18" y1="20" x2="18" y2="10"/>
|
||||||
|
<line x1="12" y1="20" x2="12" y2="4"/>
|
||||||
|
<line x1="6" y1="20" x2="6" y2="14"/>
|
||||||
|
<line x1="2" y1="20" x2="22" y2="20"/>
|
||||||
|
<polyline points="6 14 12 9 18 12" stroke="currentColor" stroke-width="1.5"/>
|
||||||
|
<circle cx="6" cy="14" r="1.5" fill="currentColor" stroke="none"/>
|
||||||
|
<circle cx="12" cy="9" r="1.5" fill="currentColor" stroke="none"/>
|
||||||
|
<circle cx="18" cy="12" r="1.5" fill="currentColor" stroke="none"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<h3>Risk Indicators</h3>
|
||||||
|
<p>Know your risk before ASQA does. Purpose-built risk indicator frameworks — mapped to NVR, ESOS, National Code, and ELICOS — give you structured visibility into compliance exposure.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align:center;margin-top:var(--space-2xl)">
|
||||||
|
<a href="features.html" class="btn btn-outline btn-lg">See all features →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 5 — SOCIAL PROOF
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="social-proof" aria-labelledby="proof-heading">
|
||||||
|
<div class="container">
|
||||||
|
<div class="proof-header">
|
||||||
|
<span class="section-label">What our clients say</span>
|
||||||
|
<h2 class="section-heading" id="proof-heading">Built by people who understand<br>the sector. Trusted by those who run it.</h2>
|
||||||
|
</div>
|
||||||
|
<div class="quotes-grid">
|
||||||
|
<div class="quote-card">
|
||||||
|
<div class="quote-stars" aria-label="5 stars">★★★★★</div>
|
||||||
|
<p class="quote-text">"We went into our ASQA audit with confidence for the first time. Everything the auditor asked for was already in RTOSure."</p>
|
||||||
|
<div class="quote-attr">
|
||||||
|
<div class="quote-avatar" aria-hidden="true">CM</div>
|
||||||
|
<div><span class="quote-name">Compliance Manager</span><span class="quote-role">Australian RTO, Victoria</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="quote-card">
|
||||||
|
<div class="quote-stars" aria-label="5 stars">★★★★★</div>
|
||||||
|
<p class="quote-text">"Our trainer currency records used to live in four different places. Now they're in one system, mapped to Standard 1.4. It took a week to set up and saves hours every month."</p>
|
||||||
|
<div class="quote-attr">
|
||||||
|
<div class="quote-avatar" aria-hidden="true">RD</div>
|
||||||
|
<div><span class="quote-name">RTO Director</span><span class="quote-role">CRICOS Provider, NSW</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="quote-card">
|
||||||
|
<div class="quote-stars" aria-label="5 stars">★★★★★</div>
|
||||||
|
<p class="quote-text">"We're a small RTO. We don't have a dedicated compliance team. RTOSure effectively gave us one."</p>
|
||||||
|
<div class="quote-attr">
|
||||||
|
<div class="quote-avatar" aria-hidden="true">CE</div>
|
||||||
|
<div><span class="quote-name">Chief Executive</span><span class="quote-role">ELICOS College, QLD</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="proof-placeholder">
|
||||||
|
<p>Customer case studies and verified outcomes are being finalised for launch. Quotes above are illustrative of the outcome language we are collecting from early adopters.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 6 — TEAMS INTEGRATION (dark card on white)
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="teams-callout section-sm" aria-label="TEAMS integration">
|
||||||
|
<div class="container">
|
||||||
|
<div class="teams-inner">
|
||||||
|
<div class="teams-content">
|
||||||
|
<div class="teams-badge">Already using TEAMS?</div>
|
||||||
|
<h2>RTOSure connects directly with your TEAMS data.</h2>
|
||||||
|
<p>Student enrolments, staff records, employer relationships and agent details flow through automatically — no double entry, no manual imports. Your existing data. Your new compliance system. Zero friction.</p>
|
||||||
|
</div>
|
||||||
|
<div class="teams-cta">
|
||||||
|
<a href="integrations.html" class="btn btn-outline-white btn-lg">See how the integration works →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 7 — SUB-BRAND SELECTOR
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="sub-brands section" aria-labelledby="subbrands-heading">
|
||||||
|
<div class="container">
|
||||||
|
<div class="sub-brands-header">
|
||||||
|
<span class="section-label">Which frameworks apply to your college?</span>
|
||||||
|
<h2 class="section-heading" id="subbrands-heading">RTOSure covers all three.</h2>
|
||||||
|
<p class="section-subheading">Each compliance layer is purpose-mapped — not configured in. Choose the combination that matches your registration.</p>
|
||||||
|
</div>
|
||||||
|
<div class="sub-brand-cards">
|
||||||
|
<div class="sub-brand-card rtosure">
|
||||||
|
<div class="sb-product-name teal">RTOSure</div>
|
||||||
|
<div class="sb-audience">Domestic RTOs</div>
|
||||||
|
<div class="sb-framework-tag teal">NVR Standards 2025</div>
|
||||||
|
<p class="sb-desc">ASQA audits, trainer currency, AVETMISS, FPPR compliance. The complete NVR Standards 2025 framework — mapped to your obligations from day one.</p>
|
||||||
|
<a href="rtosure.html" class="sb-link teal">Explore RTOSure →</a>
|
||||||
|
</div>
|
||||||
|
<div class="sub-brand-card cricos">
|
||||||
|
<div class="sb-product-name blue">CRICOSSure</div>
|
||||||
|
<div class="sb-audience">CRICOS Providers</div>
|
||||||
|
<div class="sb-framework-tag blue">ESOS Act + National Code 2018</div>
|
||||||
|
<p class="sb-desc">International student compliance, PRISMS reporting, CoE management, welfare obligations. Every ESOS and National Code requirement in one place.</p>
|
||||||
|
<a href="cricossure.html" class="sb-link blue">Explore CRICOSSure →</a>
|
||||||
|
</div>
|
||||||
|
<div class="sub-brand-card elicos">
|
||||||
|
<div class="sb-product-name purple">ELICOSSure</div>
|
||||||
|
<div class="sb-audience">ELICOS Colleges</div>
|
||||||
|
<div class="sb-framework-tag purple">ELICOS Standards 2018</div>
|
||||||
|
<p class="sb-desc">English Language course compliance, teacher qualifications, contact hours, under-18 welfare. Parts A–E of the ELICOS Standards — fully mapped and monitored.</p>
|
||||||
|
<a href="elicossure.html" class="sb-link purple">Explore ELICOSSure →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sub-brands-footnote">
|
||||||
|
<strong>Many Australian colleges operate under two or all three frameworks simultaneously.</strong> RTOSure covers them all in one system — with clean, separate compliance layers for each regulatory obligation.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════════════════════
|
||||||
|
SECTION 8 — FINAL CTA
|
||||||
|
══════════════════════════════════════════════════════════ -->
|
||||||
|
<section class="final-cta" aria-labelledby="cta-heading">
|
||||||
|
<div class="container">
|
||||||
|
<div class="final-cta-inner">
|
||||||
|
<p class="final-cta-label">Get started</p>
|
||||||
|
<h2 id="cta-heading">Stop managing compliance in spreadsheets.<br>Start managing it in RTOSure.</h2>
|
||||||
|
<p>Book a 30-minute demo and we'll show you RTOSure mapped to the frameworks your college actually operates under — NVR, ESOS, National Code, or ELICOS. No generic walkthrough. No hard sell.</p>
|
||||||
|
<div class="final-cta-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="features.html" class="btn btn-outline-white btn-lg">Explore the platform →</a>
|
||||||
|
</div>
|
||||||
|
<div class="final-trust-notes">
|
||||||
|
<div class="trust-note-item"><span class="trust-check" aria-hidden="true">✓</span>30-minute session</div>
|
||||||
|
<div class="trust-note-item"><span class="trust-check" aria-hidden="true">✓</span>Tailored to your frameworks</div>
|
||||||
|
<div class="trust-note-item"><span class="trust-check" aria-hidden="true">✓</span>No commitment required</div>
|
||||||
|
<div class="trust-note-item"><span class="trust-check" aria-hidden="true">✓</span>Australian-based team</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function() {
|
||||||
|
function loadComponent(id, file) {
|
||||||
|
var el = document.getElementById(id);
|
||||||
|
if (!el) return;
|
||||||
|
fetch(file)
|
||||||
|
.then(function(r) { if (!r.ok) throw new Error(file); return r.text(); })
|
||||||
|
.then(function(html) {
|
||||||
|
el.innerHTML = html;
|
||||||
|
el.querySelectorAll('script').forEach(function(s) {
|
||||||
|
var n = document.createElement('script');
|
||||||
|
n.textContent = s.textContent;
|
||||||
|
document.head.appendChild(n);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(function(e) { console.warn('Component load failed:', e.message); });
|
||||||
|
}
|
||||||
|
loadComponent('site-header', 'header.html');
|
||||||
|
loadComponent('site-footer', 'footer.html');
|
||||||
|
|
||||||
|
var observer = new IntersectionObserver(function(entries) {
|
||||||
|
entries.forEach(function(entry) {
|
||||||
|
if (entry.isIntersecting) {
|
||||||
|
entry.target.style.opacity = '1';
|
||||||
|
entry.target.style.transform = 'translateY(0)';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
|
||||||
|
|
||||||
|
document.querySelectorAll('.pain-card, .framework-card, .feature-card, .quote-card, .sub-brand-card').forEach(function(el) {
|
||||||
|
el.style.opacity = '0';
|
||||||
|
el.style.transform = 'translateY(20px)';
|
||||||
|
el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
|
||||||
|
observer.observe(el);
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,255 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure integrates directly with TEAMS — RTO Software's student management system. Student enrolments, staff records, and agent data flow through automatically.">
|
||||||
|
<title>TEAMS Integration — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="int-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Integrations</span>
|
||||||
|
<h1 id="int-hero-h1">Already using TEAMS?<br><span class="accent">RTOSure connects directly.</span></h1>
|
||||||
|
<p>Student enrolments, staff records, employer relationships and agent details flow from TEAMS into RTOSure automatically — no double entry, no manual imports. Your existing data. Your new compliance system. Zero friction.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- INT-S2: DATA FLOW -->
|
||||||
|
<section class="content-section" aria-label="Integration data flow">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">How it works</span>
|
||||||
|
<h2 class="section-heading">Your TEAMS data.<br>Your RTOSure compliance layer.</h2>
|
||||||
|
</div>
|
||||||
|
<div class="integration-flow" style="max-width:800px;margin-inline:auto;margin-bottom:var(--space-2xl);">
|
||||||
|
<div class="integration-system">
|
||||||
|
<div style="font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-md);">Your data source</div>
|
||||||
|
<div style="font-size:22px;font-weight:800;color:var(--color-navy);margin-bottom:var(--space-sm);">TEAMS</div>
|
||||||
|
<div style="font-size:13px;color:var(--color-slate);">Students · Enrolments · Staff · Agents · Employers</div>
|
||||||
|
</div>
|
||||||
|
<div class="integration-arrow">→</div>
|
||||||
|
<div class="integration-system" style="border-color:var(--color-teal);border-top:4px solid var(--color-teal);">
|
||||||
|
<div style="font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-teal);margin-bottom:var(--space-md);">Your compliance layer</div>
|
||||||
|
<div style="font-size:22px;font-weight:800;color:var(--color-navy);margin-bottom:var(--space-sm);">RTOSure</div>
|
||||||
|
<div style="font-size:13px;color:var(--color-slate);">NVR · ESOS · National Code · ELICOS</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid-3" style="gap:var(--space-lg);max-width:900px;margin-inline:auto;">
|
||||||
|
<div class="cap-card">
|
||||||
|
<div class="icon-box" aria-hidden="true" style="width:44px;height:44px;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg></div>
|
||||||
|
<h3>Student & enrolment data</h3>
|
||||||
|
<p>Student records and enrolment data from TEAMS populate RTOSure's student compliance objects — attendance monitoring, CoE status, welfare obligations.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cap-card">
|
||||||
|
<div class="icon-box" aria-hidden="true" style="width:44px;height:44px;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg></div>
|
||||||
|
<h3>Staff records</h3>
|
||||||
|
<p>Trainer and assessor records from TEAMS inform RTOSure's trainer currency registers, qualification tracking, and CPD monitoring.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cap-card">
|
||||||
|
<div class="icon-box" aria-hidden="true" style="width:44px;height:44px;"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/></svg></div>
|
||||||
|
<h3>Agents & employers</h3>
|
||||||
|
<p>Agent and employer relationships from TEAMS populate the third-party compliance objects in RTOSure — monitoring obligations, agreements, and performance records.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+295
@@ -0,0 +1,295 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure pricing — flexible plans for domestic RTOs, CRICOS providers, and ELICOS colleges. Start with what you need, add frameworks as your registration grows.">
|
||||||
|
<title>Pricing — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="pricing-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Simple, transparent pricing</span>
|
||||||
|
<h1 id="pricing-hero-h1">Start with the framework<br>you need today.<br><span class="accent">Scale as you grow.</span></h1>
|
||||||
|
<p>Three plans matched to three regulatory contexts. Upgrade or add frameworks at any time — no migration, no data loss. Pricing below is indicative for v1 planning; confirmed figures to be published at launch.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- PRICE-S2: PRICING CARDS -->
|
||||||
|
<section class="content-section" aria-label="Pricing plans">
|
||||||
|
<div class="container">
|
||||||
|
<div class="pricing-grid">
|
||||||
|
|
||||||
|
<!-- Tier 1: RTOSure -->
|
||||||
|
<div class="pricing-card">
|
||||||
|
<div class="pricing-tag">Domestic RTO</div>
|
||||||
|
<div class="pricing-name">RTOSure</div>
|
||||||
|
<div class="pricing-price">TBC <span>/ month</span></div>
|
||||||
|
<p class="pricing-desc">NVR Standards 2025 compliance management for ASQA-regulated RTOs. The complete compliance foundation for domestic providers.</p>
|
||||||
|
<ul class="pricing-features">
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>All 19 NVR Standards 2025 mapped</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Compliance dashboard & reporting</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Evidence register</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Checklists & guided workflows</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Risk indicators framework (180+)</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Automated monitoring & alerts</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>TEAMS integration (optional)</li>
|
||||||
|
</ul>
|
||||||
|
<a href="demo.html" class="btn btn-outline" style="width:100%;justify-content:center;">Book a demo</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tier 2: RTOSure + CRICOSSure (featured) -->
|
||||||
|
<div class="pricing-card featured">
|
||||||
|
<div class="pricing-tag featured-tag">Most popular</div>
|
||||||
|
<div class="pricing-name" style="margin-top:var(--space-sm);">RTOSure + CRICOSSure</div>
|
||||||
|
<div class="pricing-price">TBC <span>/ month</span></div>
|
||||||
|
<p class="pricing-desc">Everything in RTOSure, plus full ESOS Act and National Code 2018 coverage — the complete compliance suite for CRICOS-registered RTOs.</p>
|
||||||
|
<ul class="pricing-features">
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Everything in RTOSure</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>All 11 National Code 2018 Standards</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>ESOS Act obligations module</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>PRISMS reporting workflows</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>CoE management</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>85+ CRICOS risk indicators</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Student welfare obligation tracking</li>
|
||||||
|
</ul>
|
||||||
|
<a href="demo.html" class="btn btn-primary" style="width:100%;justify-content:center;">Book a demo</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tier 3: All three -->
|
||||||
|
<div class="pricing-card">
|
||||||
|
<div class="pricing-tag">Complete compliance</div>
|
||||||
|
<div class="pricing-name">All Frameworks</div>
|
||||||
|
<div class="pricing-price">TBC <span>/ month</span></div>
|
||||||
|
<p class="pricing-desc">RTOSure + CRICOSSure + ELICOSSure. The only system that covers all three Australian regulatory frameworks in one place.</p>
|
||||||
|
<ul class="pricing-features">
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Everything in RTOSure + CRICOSSure</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>ELICOS Standards 2018 — Parts A–E</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Course-type specific ELICOS compliance</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>56+ ELICOS risk indicators</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Teacher qualification tracking</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Under-18 welfare obligations</li>
|
||||||
|
<li><span class="pf-check" aria-hidden="true">✓</span>Priority support</li>
|
||||||
|
</ul>
|
||||||
|
<a href="demo.html" class="btn btn-outline" style="width:100%;justify-content:center;">Book a demo</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p style="text-align:center;font-size:13px;color:var(--color-muted);margin-top:var(--space-xl);font-style:italic;">Pricing is indicative for planning purposes. Confirmed subscription figures and Enterprise pricing will be published at launch. <a href="demo.html" style="color:var(--color-teal);">Contact us for an early-access quote.</a></p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- PRICE-S3: FAQ -->
|
||||||
|
<section class="content-section alt" aria-label="Pricing FAQ">
|
||||||
|
<div class="container" style="max-width:800px;">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">Common questions</span>
|
||||||
|
<h2 class="section-heading">Pricing FAQ</h2>
|
||||||
|
</div>
|
||||||
|
<div class="faq-item"><div class="faq-q">Can I start with one framework and add others later?</div><div class="faq-a">Yes. RTOSure, CRICOSSure, and ELICOSSure are separate modules. You can start with the framework relevant to your current registration and add modules at any time — no migration, no data loss, no re-setup required.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">Do I need TEAMS to use RTOSure?</div><div class="faq-a">No. RTOSure is a standalone product and does not require TEAMS. The TEAMS integration is an optional add-on for existing RTO Software clients who want to eliminate double-entry of student, staff, and enrolment data.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">What does onboarding involve?</div><div class="faq-a">Onboarding is guided by the RTOSure team. In your first week, we set up your compliance frameworks, import your scope of registration, and walk your team through the key workflows. Most colleges are operationally live within 5–7 business days.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">Where is our data stored?</div><div class="faq-a">RTOSure data is hosted on Australian servers. We do not store or process compliance data offshore. Full details are available on our <a href="security.html" style="color:var(--color-teal);">security page</a>.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">What contract length is required?</div><div class="faq-a">Annual subscriptions are the default. Month-to-month options are available — contact us to discuss. Enterprise and multi-campus arrangements are negotiated separately.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">Is there a free trial?</div><div class="faq-a">We don't offer a self-serve free trial — because a compliance management system genuinely set up for your college is more useful than a blank sandbox. Instead, we offer a 30-minute live demo tailored to your frameworks. <a href="demo.html" style="color:var(--color-teal);">Book one here.</a></div></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+246
@@ -0,0 +1,246 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure Privacy Policy — how we collect, use, and protect your personal information under the Australian Privacy Act 1988.">
|
||||||
|
<title>Privacy Policy — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="priv-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner" style="max-width:900px;">
|
||||||
|
<span class="page-hero-label">Legal</span>
|
||||||
|
<h1 id="priv-hero-h1">Privacy Policy</h1>
|
||||||
|
<p>This Privacy Policy explains how RTO Software Pty Ltd (“we”, “us”, “our”) collects, uses, and handles personal information in connection with RTOSure and rtosure.com.au. It is prepared in accordance with the <em>Privacy Act 1988</em> (Cth) and the Australian Privacy Principles (APPs).</p>
|
||||||
|
<p style="font-size:13px;color:var(--color-on-dark-muted);">Last updated: [Date to be confirmed before launch] | Version 1.0</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section" aria-label="Privacy policy content">
|
||||||
|
<div class="container" style="max-width:800px;">
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-xl);">
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">1. Who we are</h2>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — Company name, ABN, registered address, contact details for privacy enquiries. To be completed by legal counsel before launch.]</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">2. What information we collect</h2>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;margin-bottom:var(--space-md);">We collect personal information in connection with:</p>
|
||||||
|
<ul style="display:flex;flex-direction:column;gap:8px;list-style:none;color:var(--color-slate);">
|
||||||
|
<li>— Demo bookings (name, organisation, email, framework information)</li>
|
||||||
|
<li>— Account creation and subscription management</li>
|
||||||
|
<li>— Product usage data for the RTOSure platform</li>
|
||||||
|
<li>— Support and customer service communications</li>
|
||||||
|
<li>— Website analytics (anonymised where possible)</li>
|
||||||
|
</ul>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;margin-top:var(--space-md);">[PLACEHOLDER — Full collection detail to be completed by legal counsel.]</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">3. How we use your information</h2>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — Use cases, legal basis, third-party sharing. To be completed by legal counsel before launch.]</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">4. Storage and security</h2>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;">Personal information collected through RTOSure is stored on Australian servers. We apply reasonable technical and organisational measures to protect your information from unauthorised access, disclosure, or loss. See our <a href="security.html" style="color:var(--color-teal);">Security page</a> for detail.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">5. Your rights</h2>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;">Under the Privacy Act 1988, you have the right to access personal information we hold about you, and to request corrections where it is inaccurate. To make a request, contact us at <a href="mailto:privacy@rtosure.com.au" style="color:var(--color-teal);">privacy@rtosure.com.au</a>.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">6. Contact</h2>
|
||||||
|
<p style="color:var(--color-slate);line-height:1.8;">Privacy enquiries: <a href="mailto:privacy@rtosure.com.au" style="color:var(--color-teal);">privacy@rtosure.com.au</a><br>For complaints unresolved after contacting us, you may contact the Office of the Australian Information Commissioner (OAIC) at <a href="https://www.oaic.gov.au" style="color:var(--color-teal);" target="_blank" rel="noopener">oaic.gov.au</a>.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p style="font-size:13px;color:var(--color-muted);padding-top:var(--space-xl);border-top:1px solid var(--color-border);font-style:italic;">This is a v1 privacy policy draft for planning purposes. It must be reviewed and finalised by a qualified Australian privacy lawyer before RTOSure launches and collects any personal information.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+286
@@ -0,0 +1,286 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="Free compliance tools, guides, and resources for Australian RTOs — NVR Standards 2025 self-assessment, CRICOS compliance checker, audit readiness guides, and more.">
|
||||||
|
<title>Resources & Free Tools — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="resources-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Free tools & resources</span>
|
||||||
|
<h1 id="resources-hero-h1">Practical compliance resources.<br><span class="accent">No login required.</span></h1>
|
||||||
|
<p>Free tools, guides, and templates for Australian RTO and college compliance teams. Use them to benchmark your current state, prepare for audit, or help your team understand their obligations.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- RES-S2: FREE TOOLS -->
|
||||||
|
<section class="content-section" aria-label="Free tools">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">Free tools</span>
|
||||||
|
<h2 class="section-heading">Start here — no account needed.</h2>
|
||||||
|
</div>
|
||||||
|
<div class="resource-grid">
|
||||||
|
<div class="resource-card">
|
||||||
|
<div class="resource-card-type"><span class="resource-type-badge" style="color:var(--color-teal);">Free Tool</span></div>
|
||||||
|
<div class="resource-card-body">
|
||||||
|
<h3>NVR Standards 2025 Self-Assessment</h3>
|
||||||
|
<p>Rate your college's current compliance maturity against every NVR Standard. Takes 15 minutes. Generates a gap report you can act on immediately.</p>
|
||||||
|
<a href="tools.html#nvr-self-assessment" class="resource-card-link">Start the assessment →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<div class="resource-card-type"><span class="resource-type-badge" style="color:var(--color-cricos);">Free Tool</span></div>
|
||||||
|
<div class="resource-card-body">
|
||||||
|
<h3>CRICOS Compliance Gap Checker</h3>
|
||||||
|
<p>Run a structured gap check across all 11 National Code 2018 Standards and key ESOS Act obligations. Identify your highest-risk areas before an audit does.</p>
|
||||||
|
<a href="tools.html#cricos-checker" class="resource-card-link" style="color:var(--color-cricos);">Start the gap check →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<div class="resource-card-type"><span class="resource-type-badge" style="color:var(--color-slate);">Free Download</span></div>
|
||||||
|
<div class="resource-card-body">
|
||||||
|
<h3>Trainer Currency Register Template</h3>
|
||||||
|
<p>A structured register template for tracking trainer and assessor currency and competency against NVR Standard 1.4 requirements.</p>
|
||||||
|
<a href="#" class="resource-card-link">Download template →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- RES-S3: GUIDES & ARTICLES -->
|
||||||
|
<section class="content-section alt" aria-label="Guides and articles">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">Guides & articles</span>
|
||||||
|
<h2 class="section-heading">Deep compliance content<br>for the Australian VET sector.</h2>
|
||||||
|
</div>
|
||||||
|
<div class="resource-grid">
|
||||||
|
<div class="resource-card">
|
||||||
|
<div class="resource-card-type"><span class="resource-type-badge" style="color:var(--color-navy);">Guide</span></div>
|
||||||
|
<div class="resource-card-body">
|
||||||
|
<h3>NVR Standards 2025 — Plain English Overview</h3>
|
||||||
|
<p>What every NVR Standard actually requires, explained without the legalese. Quality Areas 1–4, Compliance Requirements, and FPPR in plain English.</p>
|
||||||
|
<a href="learn/nvr-standards-2025.html" class="resource-card-link">Read the guide →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<div class="resource-card-type"><span class="resource-type-badge" style="color:var(--color-navy);">Article</span></div>
|
||||||
|
<div class="resource-card-body">
|
||||||
|
<h3>The Rules Behind the Rules — Compliance Requirements & FPPR</h3>
|
||||||
|
<p>A deep dive into the Compliance Requirement Divisions and Fit and Proper Person Requirements — what they mean in practice for RTO governance.</p>
|
||||||
|
<a href="learn/compliance-requirements-fppr.html" class="resource-card-link">Read the article →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<div class="resource-card-type"><span class="resource-type-badge" style="color:var(--color-navy);">Coming soon</span></div>
|
||||||
|
<div class="resource-card-body">
|
||||||
|
<h3>RTOSure vs Spreadsheets — Why Australian RTOs Are Moving On</h3>
|
||||||
|
<p>A practical comparison of spreadsheet-based compliance management versus a purpose-built system. Addresses the most common objection before a demo call.</p>
|
||||||
|
<a href="#" class="resource-card-link" style="color:var(--color-muted);">Coming soon</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+258
@@ -0,0 +1,258 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure maps all 19 NVR Standards 2025, Compliance Requirements Divisions 1–3, and FPPR obligations for ASQA-regulated Australian RTOs.">
|
||||||
|
<title>RTOSure — NVR Standards 2025 — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="nvr-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="framework-badge fb-teal">RTOSure — Domestic RTOs</span>
|
||||||
|
<h1 id="nvr-hero-h1">NVR Standards 2025.<br><span class="accent">Every Standard. Every obligation.<br>Mapped in.</span></h1>
|
||||||
|
<p>All 4 Quality Areas, 19 Standards, 3 Compliance Requirement Divisions, and Fit and Proper Person Requirements — built into RTOSure from the regulatory text up. Not configured. Not templated. Built in.</p>
|
||||||
|
<div class="page-hero-ctas">
|
||||||
|
<a href="demo.html" class="btn btn-primary btn-lg">Book a demo</a>
|
||||||
|
<a href="compliance.html" class="btn btn-outline-white btn-lg">All frameworks →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- NVR-S2: COVERAGE BREAKDOWN -->
|
||||||
|
<section class="content-section" aria-label="NVR coverage breakdown">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">What's covered</span>
|
||||||
|
<h2 class="section-heading">Complete NVR Standards 2025 coverage</h2>
|
||||||
|
<p class="section-subheading">Every Quality Area, Standard, and requirement — mapped to risk indicators, evidence requirements, and compliance workflows.</p>
|
||||||
|
</div>
|
||||||
|
<div class="grid-3" style="gap:var(--space-md);">
|
||||||
|
<div class="cap-card"><h3>Quality Area 1 — Training & Assessment</h3><p>Standards 1.1–1.7 covering training and assessment strategies, trainer qualifications, AQF outcomes, RPL, and student support.</p></div>
|
||||||
|
<div class="cap-card"><h3>Quality Area 2 — Governance & Operations</h3><p>Standards 2.1–2.4 covering governance, financial viability, legal obligations, and registered scope management.</p></div>
|
||||||
|
<div class="cap-card"><h3>Quality Area 3 — Learner Engagement</h3><p>Standards 3.1–3.4 covering learner support, access and equity, industry engagement, and learner records.</p></div>
|
||||||
|
<div class="cap-card"><h3>Quality Area 4 — Integrity</h3><p>Standards 4.1–4.4 covering marketing accuracy, enrolment, fees, and third-party arrangements.</p></div>
|
||||||
|
<div class="cap-card"><h3>Compliance Requirements — Divisions 1–3</h3><p>Information transparency, training product integrity, third-party arrangements, and fee protection obligations.</p></div>
|
||||||
|
<div class="cap-card"><h3>Fit & Proper Person Requirements</h3><p>FPPR obligations for governing persons — background checks, declarations, ongoing monitoring, and record-keeping.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- NVR-S3: RISK INDICATOR CALLOUT -->
|
||||||
|
<section class="content-section teal-tint" aria-label="Risk indicators">
|
||||||
|
<div class="container">
|
||||||
|
<div class="two-col center">
|
||||||
|
<div>
|
||||||
|
<span class="section-label">Risk Indicators Framework</span>
|
||||||
|
<h2 class="section-heading">180+ risk indicators.<br>Mapped to Standard level.</h2>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">RTOSure's NVR Risk Indicators Framework covers six compliance object types — Units of Competency & Qualifications, Trainers & Assessors, Management & Governing Persons, Third Parties & Agents, Employers & Industry, and Students.</p>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-xl);">Each indicator is prioritised (Critical / High / Medium) and mapped to the specific NVR Standards it monitors. This is not a generic risk register — it is a purpose-built framework developed from the regulatory text of the NVR Standards 2025.</p>
|
||||||
|
<a href="demo.html" class="btn btn-primary">See the risk framework →</a>
|
||||||
|
</div>
|
||||||
|
<div class="stat-row" style="grid-template-columns:1fr 1fr;">
|
||||||
|
<div class="stat-block"><div class="stat-number">180+</div><div class="stat-label">Risk indicators</div></div>
|
||||||
|
<div class="stat-block"><div class="stat-number">19</div><div class="stat-label">Standards covered</div></div>
|
||||||
|
<div class="stat-block"><div class="stat-number">6</div><div class="stat-label">Object types</div></div>
|
||||||
|
<div class="stat-block"><div class="stat-number">4</div><div class="stat-label">Quality Areas</div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+259
@@ -0,0 +1,259 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure security and data handling — Australian hosting, encryption in transit and at rest, access controls, and compliance with the Australian Privacy Act 1988.">
|
||||||
|
<title>Security & Data — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="sec-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Security & data</span>
|
||||||
|
<h1 id="sec-hero-h1">Your compliance data.<br><span class="accent">Kept in Australia.<br>Kept secure.</span></h1>
|
||||||
|
<p>RTOSure handles sensitive compliance data for Australian colleges — trainer records, student welfare files, audit evidence, governance documentation. We take that responsibility seriously.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- SEC-S2: TRUST BADGES -->
|
||||||
|
<section class="content-section" aria-label="Security overview">
|
||||||
|
<div class="container">
|
||||||
|
<div class="centered mb-xl">
|
||||||
|
<span class="section-label">Our commitments</span>
|
||||||
|
<h2 class="section-heading">What we do to protect your data</h2>
|
||||||
|
</div>
|
||||||
|
<div class="trust-badges">
|
||||||
|
<div class="trust-badge">
|
||||||
|
<div class="trust-badge-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"/><rect x="2" y="14" width="20" height="8" rx="2" ry="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg></div>
|
||||||
|
<h3>Australian hosting</h3>
|
||||||
|
<p>All RTOSure data is stored on Australian servers. We do not host or process compliance data offshore.</p>
|
||||||
|
</div>
|
||||||
|
<div class="trust-badge">
|
||||||
|
<div class="trust-badge-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg></div>
|
||||||
|
<h3>Encryption</h3>
|
||||||
|
<p>Data encrypted in transit (TLS 1.2+) and at rest. Audit evidence, personal records, and governance documents are protected at every layer.</p>
|
||||||
|
</div>
|
||||||
|
<div class="trust-badge">
|
||||||
|
<div class="trust-badge-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/></svg></div>
|
||||||
|
<h3>Access controls</h3>
|
||||||
|
<p>Role-based access control means staff only see what they need to. Admins manage permissions. All access is logged.</p>
|
||||||
|
</div>
|
||||||
|
<div class="trust-badge">
|
||||||
|
<div class="trust-badge-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg></div>
|
||||||
|
<h3>Privacy Act compliant</h3>
|
||||||
|
<p>RTOSure is designed to support compliance with the Australian Privacy Act 1988 and the Australian Privacy Principles.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- SEC-S3: DETAIL -->
|
||||||
|
<section class="content-section alt" aria-label="Security details">
|
||||||
|
<div class="container" style="max-width:800px;">
|
||||||
|
<h2 class="section-heading mb-lg">Security detail</h2>
|
||||||
|
<div class="faq-item"><div class="faq-q">Where is our data stored?</div><div class="faq-a">RTOSure data is hosted on Australian servers. [Specific hosting provider and region to be confirmed — e.g. AWS Sydney, Azure Australia East.] We do not store or process your compliance data offshore.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">How is data encrypted?</div><div class="faq-a">All data in transit is encrypted using TLS 1.2 or higher. Data at rest is encrypted using AES-256. This includes all compliance documents, student records, trainer credentials, and governance files stored in your evidence register.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">Who can access our data?</div><div class="faq-a">Access is controlled at the college level. Your nominated administrator manages user roles and permissions. RTOSure staff do not access your data without your explicit permission, except for the purposes of support and system maintenance (logged).</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">What happens to our data if we cancel?</div><div class="faq-a">On cancellation, you can export all your evidence, registers, and compliance records in standard formats before your account closes. Data is retained for [30 days / 90 days — to be confirmed] after cancellation, then permanently deleted.</div></div>
|
||||||
|
<div class="faq-item"><div class="faq-q">Is RTOSure compliant with the Australian Privacy Act?</div><div class="faq-a">RTOSure is designed to support your obligations under the Privacy Act 1988 and the Australian Privacy Principles. Our Privacy Policy details how we collect, store, and handle personal information. [Link to privacy policy once published.]</div></div>
|
||||||
|
<p style="font-size:13px;color:var(--color-muted);margin-top:var(--space-xl);font-style:italic;">Security detail is v1 — to be reviewed by technical team and legal counsel before launch.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+353
@@ -0,0 +1,353 @@
|
|||||||
|
/* ============================================================
|
||||||
|
RTOSure Design System — styles.css
|
||||||
|
Version 1.0 | May 2026
|
||||||
|
The single source of truth for all RTOSure web styles.
|
||||||
|
All pages must import this file.
|
||||||
|
============================================================ */
|
||||||
|
|
||||||
|
/* ── Google Fonts ─────────────────────────────────────────── */
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&display=swap');
|
||||||
|
|
||||||
|
/* ── Design Tokens ────────────────────────────────────────── */
|
||||||
|
:root {
|
||||||
|
/* Brand colours */
|
||||||
|
--color-navy: #0f2744; /* Primary — deep navy */
|
||||||
|
--color-navy-mid: #1a3a62; /* Slightly lighter navy */
|
||||||
|
--color-teal: #00a896; /* Primary accent */
|
||||||
|
--color-teal-dark: #007a6e; /* Teal hover */
|
||||||
|
--color-teal-light: #e6f7f5; /* Teal tint background */
|
||||||
|
--color-teal-mid: #b3e8e2; /* Teal mid tone */
|
||||||
|
|
||||||
|
/* Sub-brand accent colours */
|
||||||
|
--color-cricos: #2563eb; /* CRICOSSure blue */
|
||||||
|
--color-cricos-light: #eff6ff;
|
||||||
|
--color-cricos-text: #60a5fa; /* CRICOSSure on dark backgrounds */
|
||||||
|
--color-elicos: #7c3aed; /* ELICOSSure purple */
|
||||||
|
--color-elicos-light: #f5f3ff;
|
||||||
|
--color-elicos-text: #a78bfa; /* ELICOSSure on dark backgrounds */
|
||||||
|
|
||||||
|
/* Semantic status colours */
|
||||||
|
--color-amber: #f59e0b; /* Warning / due items */
|
||||||
|
--color-amber-light: #fef3c7;
|
||||||
|
--color-green-success: #10b981; /* Compliant / complete */
|
||||||
|
--color-green-light: #d1fae5;
|
||||||
|
|
||||||
|
/* On-dark surface utilities */
|
||||||
|
--color-on-dark-text: rgba(255,255,255,0.72); /* Body text on navy/dark */
|
||||||
|
--color-on-dark-secondary: rgba(255,255,255,0.55); /* Secondary text on dark */
|
||||||
|
--color-on-dark-muted: rgba(255,255,255,0.35); /* Muted / labels on dark */
|
||||||
|
--color-on-dark-border: rgba(255,255,255,0.08); /* Borders on dark */
|
||||||
|
--color-on-dark-surface: rgba(255,255,255,0.04); /* Subtle card bg on dark */
|
||||||
|
--color-on-dark-surface-hover: rgba(255,255,255,0.07);
|
||||||
|
|
||||||
|
/* Sub-brand on-dark tints (for dark bg hover states) */
|
||||||
|
--color-teal-on-dark-bg: rgba(0,168,150,0.10);
|
||||||
|
--color-teal-on-dark-border: rgba(0,168,150,0.40);
|
||||||
|
--color-cricos-on-dark-bg: rgba(37,99,235,0.10);
|
||||||
|
--color-cricos-on-dark-border: rgba(37,99,235,0.40);
|
||||||
|
--color-elicos-on-dark-bg: rgba(124,58,237,0.10);
|
||||||
|
--color-elicos-on-dark-border: rgba(124,58,237,0.40);
|
||||||
|
|
||||||
|
/* Neutral palette */
|
||||||
|
--color-dark: #0d1b2a; /* Near black */
|
||||||
|
--color-charcoal: #1e293b; /* Dark text */
|
||||||
|
--color-slate: #475569; /* Secondary text */
|
||||||
|
--color-muted: #94a3b8; /* Muted / labels */
|
||||||
|
--color-border: #e2e8f0; /* Dividers */
|
||||||
|
--color-surface: #f8fafc; /* Off-white panels */
|
||||||
|
--color-white: #ffffff;
|
||||||
|
|
||||||
|
/* Typography */
|
||||||
|
--font-display: 'DM Serif Display', Georgia, serif;
|
||||||
|
--font-body: 'DM Sans', system-ui, sans-serif;
|
||||||
|
|
||||||
|
/* Spacing scale */
|
||||||
|
--space-xs: 4px;
|
||||||
|
--space-sm: 8px;
|
||||||
|
--space-md: 16px;
|
||||||
|
--space-lg: 24px;
|
||||||
|
--space-xl: 40px;
|
||||||
|
--space-2xl: 64px;
|
||||||
|
--space-3xl: 96px;
|
||||||
|
--space-4xl: 128px;
|
||||||
|
|
||||||
|
/* Layout */
|
||||||
|
--container: 1200px;
|
||||||
|
--radius-sm: 6px;
|
||||||
|
--radius-md: 10px;
|
||||||
|
--radius-lg: 16px;
|
||||||
|
--radius-xl: 24px;
|
||||||
|
|
||||||
|
/* Shadows */
|
||||||
|
--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
|
||||||
|
--shadow-md: 0 4px 16px rgba(15,39,68,.10), 0 2px 6px rgba(15,39,68,.06);
|
||||||
|
--shadow-lg: 0 12px 40px rgba(15,39,68,.14), 0 4px 12px rgba(15,39,68,.08);
|
||||||
|
--shadow-teal:0 4px 20px rgba(0,168,150,.25);
|
||||||
|
|
||||||
|
/* Transitions */
|
||||||
|
--ease: cubic-bezier(.4,0,.2,1);
|
||||||
|
--duration: 200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Reset & Base ─────────────────────────────────────────── */
|
||||||
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
|
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 1.65;
|
||||||
|
color: var(--color-charcoal);
|
||||||
|
background: var(--color-white);
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
img, svg { display: block; max-width: 100%; }
|
||||||
|
a { color: inherit; text-decoration: none; }
|
||||||
|
ul, ol { list-style: none; }
|
||||||
|
button { font-family: inherit; cursor: pointer; border: none; background: none; }
|
||||||
|
input, textarea, select { font-family: inherit; }
|
||||||
|
|
||||||
|
/* ── Container ────────────────────────────────────────────── */
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--container);
|
||||||
|
margin-inline: auto;
|
||||||
|
padding-inline: var(--space-xl);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.container { padding-inline: var(--space-md); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Typography Scale ─────────────────────────────────────── */
|
||||||
|
.display-xl {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(42px, 5.5vw, 72px);
|
||||||
|
line-height: 1.08;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
color: var(--color-navy);
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-lg {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(34px, 4vw, 54px);
|
||||||
|
line-height: 1.1;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
color: var(--color-navy);
|
||||||
|
}
|
||||||
|
|
||||||
|
.display-md {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(26px, 3vw, 40px);
|
||||||
|
line-height: 1.15;
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
color: var(--color-navy);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.25;
|
||||||
|
color: var(--color-navy);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 { font-size: clamp(32px, 3.5vw, 44px); }
|
||||||
|
h2 { font-size: clamp(28px, 2.5vw, 34px); }
|
||||||
|
h3 { font-size: clamp(22px, 2vw, 24px); }
|
||||||
|
h4 { font-size: 18px; }
|
||||||
|
h5 { font-size: 15px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; }
|
||||||
|
|
||||||
|
p { line-height: 1.7; }
|
||||||
|
|
||||||
|
.text-lead {
|
||||||
|
font-size: clamp(17px, 1.8vw, 20px);
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--color-slate);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-sm { font-size: 14px; }
|
||||||
|
.text-xs { font-size: 12px; letter-spacing: 0.04em; }
|
||||||
|
|
||||||
|
.text-teal { color: var(--color-teal); }
|
||||||
|
.text-navy { color: var(--color-navy); }
|
||||||
|
.text-slate { color: var(--color-slate); }
|
||||||
|
.text-muted { color: var(--color-muted); }
|
||||||
|
.text-white { color: var(--color-white); }
|
||||||
|
|
||||||
|
.label {
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
color: var(--color-teal);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Buttons ──────────────────────────────────────────────── */
|
||||||
|
.btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--space-sm);
|
||||||
|
padding: 14px 28px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: var(--font-body);
|
||||||
|
transition: all var(--duration) var(--ease);
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background: var(--color-teal);
|
||||||
|
color: var(--color-white);
|
||||||
|
box-shadow: var(--shadow-teal);
|
||||||
|
}
|
||||||
|
.btn-primary:hover {
|
||||||
|
background: var(--color-teal-dark);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 6px 24px rgba(0,168,150,.35);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-navy);
|
||||||
|
border: 1.5px solid var(--color-navy);
|
||||||
|
}
|
||||||
|
.btn-outline:hover {
|
||||||
|
background: var(--color-navy);
|
||||||
|
color: var(--color-white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline-white {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-white);
|
||||||
|
border: 1.5px solid rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
.btn-outline-white:hover {
|
||||||
|
background: rgba(255,255,255,0.1);
|
||||||
|
border-color: var(--color-white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-ghost {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-teal);
|
||||||
|
padding: 14px 0;
|
||||||
|
gap: var(--space-xs);
|
||||||
|
}
|
||||||
|
.btn-ghost:hover { gap: 10px; }
|
||||||
|
|
||||||
|
.btn-lg { padding: 17px 34px; font-size: 16px; }
|
||||||
|
.btn-sm { padding: 10px 20px; font-size: 13px; }
|
||||||
|
|
||||||
|
/* ── Section utilities ────────────────────────────────────── */
|
||||||
|
.section { padding-block: var(--space-3xl); }
|
||||||
|
.section-sm { padding-block: var(--space-2xl); }
|
||||||
|
.section-lg { padding-block: var(--space-4xl); }
|
||||||
|
|
||||||
|
.section-label {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.12em;
|
||||||
|
color: var(--color-teal);
|
||||||
|
margin-bottom: var(--space-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-heading {
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: clamp(28px, 3.5vw, 46px);
|
||||||
|
line-height: 1.1;
|
||||||
|
letter-spacing: -0.02em;
|
||||||
|
color: var(--color-navy);
|
||||||
|
margin-bottom: var(--space-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-subheading {
|
||||||
|
font-size: clamp(16px, 1.6vw, 19px);
|
||||||
|
line-height: 1.65;
|
||||||
|
color: var(--color-slate);
|
||||||
|
max-width: 640px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.centered { text-align: center; }
|
||||||
|
.centered .section-subheading { margin-inline: auto; }
|
||||||
|
|
||||||
|
/* ── Cards ────────────────────────────────────────────────── */
|
||||||
|
.card {
|
||||||
|
background: var(--color-white);
|
||||||
|
border: 1px solid var(--color-border);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
padding: var(--space-xl);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
transition: box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);
|
||||||
|
}
|
||||||
|
.card:hover {
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Divider ──────────────────────────────────────────────── */
|
||||||
|
.divider {
|
||||||
|
width: 48px;
|
||||||
|
height: 3px;
|
||||||
|
background: var(--color-teal);
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-block: var(--space-lg);
|
||||||
|
}
|
||||||
|
.divider.centered { margin-inline: auto; }
|
||||||
|
|
||||||
|
/* ── Badge / Tag ──────────────────────────────────────────── */
|
||||||
|
.badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 100px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.badge-teal { background: var(--color-teal-light); color: var(--color-teal-dark); }
|
||||||
|
.badge-navy { background: rgba(15,39,68,.08); color: var(--color-navy); }
|
||||||
|
.badge-cricos { background: var(--color-cricos-light); color: var(--color-cricos); }
|
||||||
|
.badge-elicos { background: var(--color-elicos-light); color: var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Responsive grid helpers ─────────────────────────────── */
|
||||||
|
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-xl); }
|
||||||
|
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); }
|
||||||
|
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-xl); }
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.grid-4 { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
.grid-3 { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
|
||||||
|
.section { padding-block: var(--space-2xl); }
|
||||||
|
.section-lg { padding-block: var(--space-3xl); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Utility ──────────────────────────────────────────────── */
|
||||||
|
.mt-sm { margin-top: var(--space-sm); }
|
||||||
|
.mt-md { margin-top: var(--space-md); }
|
||||||
|
.mt-lg { margin-top: var(--space-lg); }
|
||||||
|
.mt-xl { margin-top: var(--space-xl); }
|
||||||
|
.mb-md { margin-bottom: var(--space-md); }
|
||||||
|
.mb-lg { margin-bottom: var(--space-lg); }
|
||||||
|
.mb-xl { margin-bottom: var(--space-xl); }
|
||||||
|
.gap-sm { gap: var(--space-sm); }
|
||||||
|
.gap-md { gap: var(--space-md); }
|
||||||
|
.flex { display: flex; }
|
||||||
|
.flex-center { display: flex; align-items: center; }
|
||||||
|
.flex-between { display: flex; align-items: center; justify-content: space-between; }
|
||||||
|
.font-semibold { font-weight: 600; }
|
||||||
|
.font-bold { font-weight: 700; }
|
||||||
|
.italic { font-style: italic; }
|
||||||
|
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
|
||||||
+218
@@ -0,0 +1,218 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="RTOSure Terms of Service — the agreement between RTO Software Pty Ltd and subscribers to the RTOSure compliance management platform.">
|
||||||
|
<title>Terms of Service — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="terms-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner" style="max-width:900px;">
|
||||||
|
<span class="page-hero-label">Legal</span>
|
||||||
|
<h1 id="terms-hero-h1">Terms of Service</h1>
|
||||||
|
<p>These Terms of Service govern your use of RTOSure and the services provided by RTO Software Pty Ltd. By subscribing to or using RTOSure, you agree to these terms.</p>
|
||||||
|
<p style="font-size:13px;color:var(--color-on-dark-muted);">Last updated: [Date to be confirmed before launch] | Version 1.0</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="content-section" aria-label="Terms of service content">
|
||||||
|
<div class="container" style="max-width:800px;">
|
||||||
|
<div style="padding:var(--space-xl);background:var(--color-amber-light,#fef3c7);border:1px solid var(--color-amber);border-radius:var(--radius-md);margin-bottom:var(--space-2xl);">
|
||||||
|
<strong style="color:var(--color-navy);display:block;margin-bottom:var(--space-sm);">⚠ Placeholder document</strong>
|
||||||
|
<p style="font-size:14px;color:var(--color-charcoal);line-height:1.7;">This Terms of Service document is a structural placeholder for v1 planning. The final Terms of Service must be drafted and reviewed by a qualified Australian commercial lawyer before RTOSure launches and accepts any paid subscriptions. Key items to address: subscription terms, permitted use, data ownership, liability limitations, Australian Consumer Law compliance, and termination conditions.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-xl);">
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">1. The service</h2><p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — description of RTOSure, service tiers, access terms. To be drafted by legal counsel.]</p></div>
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">2. Your account</h2><p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — account setup, user responsibilities, authorised users, security obligations.]</p></div>
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">3. Subscriptions and fees</h2><p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — billing, renewal, pricing changes, refund policy in accordance with Australian Consumer Law.]</p></div>
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">4. Acceptable use</h2><p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — permitted use, prohibited use, compliance with applicable law.]</p></div>
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">5. Your data</h2><p style="color:var(--color-slate);line-height:1.8;">You retain ownership of all data you upload to RTOSure. We use it solely to provide the service and as described in our Privacy Policy. We do not sell or share your data with third parties for commercial purposes. See our <a href="security.html" style="color:var(--color-teal);">Security page</a> for data handling detail.</p></div>
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">6. Limitation of liability</h2><p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — liability cap, exclusions, Australian Consumer Law guarantees. To be drafted by legal counsel.]</p></div>
|
||||||
|
<div><h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">7. Governing law</h2><p style="color:var(--color-slate);line-height:1.8;">These Terms are governed by the laws of [State/Territory to be confirmed]. Disputes will be resolved in the courts of [jurisdiction]. Nothing in these Terms limits rights you may have under the Australian Consumer Law.</p></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+256
@@ -0,0 +1,256 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="description" content="Free compliance self-assessment tools for Australian RTOs — NVR Standards 2025 self-assessment, CRICOS compliance gap checker, and more.">
|
||||||
|
<title>Free Compliance Tools — RTOSure</title>
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<style>
|
||||||
|
body { padding-top: 68px; }
|
||||||
|
/* ── Page hero (reused across interior pages) ── */
|
||||||
|
.page-hero {
|
||||||
|
background: var(--color-navy);
|
||||||
|
padding-block: clamp(48px,7vw,88px);
|
||||||
|
position: relative; overflow: hidden;
|
||||||
|
}
|
||||||
|
.page-hero::before {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||||||
|
}
|
||||||
|
.page-hero::after {
|
||||||
|
content:''; position:absolute; inset:0; pointer-events:none;
|
||||||
|
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||||||
|
background-size: 32px 32px;
|
||||||
|
}
|
||||||
|
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||||||
|
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||||||
|
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||||||
|
.page-hero h1 .accent { color:var(--color-teal); }
|
||||||
|
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||||||
|
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||||||
|
|
||||||
|
/* ── Content sections ── */
|
||||||
|
.content-section { padding-block:var(--space-3xl); }
|
||||||
|
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||||||
|
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||||||
|
.content-section.navy { background:var(--color-navy); }
|
||||||
|
|
||||||
|
/* ── Two-col layout ── */
|
||||||
|
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||||||
|
.two-col.center { align-items:center; }
|
||||||
|
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||||||
|
|
||||||
|
/* ── Feature rows (alternating) ── */
|
||||||
|
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||||||
|
.feature-row:last-child { border-bottom:none; }
|
||||||
|
.feature-row.flip { }
|
||||||
|
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||||||
|
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||||||
|
|
||||||
|
/* ── Icon box ── */
|
||||||
|
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||||||
|
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||||||
|
|
||||||
|
/* ── Capability card grid ── */
|
||||||
|
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||||||
|
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||||||
|
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Pricing cards ── */
|
||||||
|
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||||||
|
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||||||
|
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||||||
|
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||||||
|
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||||||
|
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||||||
|
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||||||
|
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||||||
|
.pricing-features li:last-child { border-bottom:none; }
|
||||||
|
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||||||
|
|
||||||
|
/* ── FAQ ── */
|
||||||
|
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||||||
|
.faq-item:last-child { border-bottom:none; }
|
||||||
|
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||||||
|
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||||||
|
|
||||||
|
/* ── Team cards ── */
|
||||||
|
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||||||
|
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||||||
|
.team-card { text-align:center; }
|
||||||
|
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||||||
|
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||||||
|
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||||||
|
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||||||
|
|
||||||
|
/* ── Form ── */
|
||||||
|
.form-field { margin-bottom:var(--space-md); }
|
||||||
|
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||||||
|
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||||||
|
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||||||
|
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||||||
|
textarea.form-input { resize:vertical; min-height:100px; }
|
||||||
|
|
||||||
|
/* ── Resource cards ── */
|
||||||
|
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||||||
|
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||||||
|
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||||||
|
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||||||
|
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||||||
|
.resource-card-body { padding:var(--space-lg); }
|
||||||
|
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||||||
|
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||||||
|
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||||||
|
.resource-card-link:hover { gap:8px; }
|
||||||
|
|
||||||
|
/* ── Stat blocks ── */
|
||||||
|
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||||||
|
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||||||
|
.stat-label { font-size:14px; color:var(--color-slate); }
|
||||||
|
|
||||||
|
/* ── Breadcrumb ── */
|
||||||
|
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||||||
|
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||||||
|
.breadcrumb a:hover { color:var(--color-teal); }
|
||||||
|
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||||||
|
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||||||
|
|
||||||
|
/* ── Placeholder box (for screenshots etc.) ── */
|
||||||
|
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||||||
|
|
||||||
|
/* ── Integration data flow ── */
|
||||||
|
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||||||
|
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||||||
|
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||||||
|
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||||||
|
|
||||||
|
/* ── CTA strip (reusable close-of-page strip) ── */
|
||||||
|
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||||||
|
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||||||
|
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||||||
|
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||||||
|
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||||||
|
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||||||
|
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||||||
|
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||||||
|
|
||||||
|
/* ── Sub-brand pill (for framework pages) ── */
|
||||||
|
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||||||
|
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||||||
|
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||||||
|
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||||||
|
|
||||||
|
/* ── Security trust badges ── */
|
||||||
|
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||||||
|
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||||||
|
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||||||
|
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||||||
|
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||||||
|
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||||||
|
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="">
|
||||||
|
|
||||||
|
<div id="site-header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="page-hero" aria-labelledby="tools-hero-h1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="page-hero-inner">
|
||||||
|
<span class="page-hero-label">Free compliance tools</span>
|
||||||
|
<h1 id="tools-hero-h1">Assess your compliance<br><span class="accent">before the auditor does.</span></h1>
|
||||||
|
<p>Structured self-assessment tools built on the same frameworks that power RTOSure. Use them standalone, or use them to understand exactly where RTOSure would make the biggest difference for your college.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- TOOLS-S2: TOOL CARDS -->
|
||||||
|
<section class="content-section" aria-label="Free tools">
|
||||||
|
<div class="container">
|
||||||
|
<div id="nvr-self-assessment" style="margin-bottom:var(--space-3xl);">
|
||||||
|
<div class="two-col center">
|
||||||
|
<div>
|
||||||
|
<span class="framework-badge fb-teal">NVR Standards 2025</span>
|
||||||
|
<h2 class="section-heading">NVR Self-Assessment Tool</h2>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">Rate your current compliance maturity against every NVR Standard 2025. The tool uses the same risk indicator framework built into RTOSure — structured across Quality Areas 1–4, Compliance Requirements, and FPPR obligations.</p>
|
||||||
|
<ul style="display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:var(--space-xl);">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Covers all 19 NVR Standards</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Takes approximately 15–20 minutes</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Generates a downloadable gap report</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> No account required — email to receive your report</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" class="btn btn-primary btn-lg">Start the NVR self-assessment →</a>
|
||||||
|
<p style="font-size:12px;color:var(--color-muted);margin-top:var(--space-sm);font-style:italic;">[Tool to be embedded or linked — currently placeholder]</p>
|
||||||
|
</div>
|
||||||
|
<div class="placeholder-box">Tool embed placeholder — NVR self-assessment widget or gated landing</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="cricos-checker" style="padding-top:var(--space-2xl);border-top:1px solid var(--color-border);">
|
||||||
|
<div class="two-col center">
|
||||||
|
<div class="placeholder-box">Tool embed placeholder — CRICOS gap checker widget or gated landing</div>
|
||||||
|
<div>
|
||||||
|
<span class="framework-badge fb-blue">National Code 2018 & ESOS</span>
|
||||||
|
<h2 class="section-heading">CRICOS Compliance Gap Checker</h2>
|
||||||
|
<p style="font-size:16px;color:var(--color-slate);line-height:1.7;margin-bottom:var(--space-lg);">A structured gap check across all 11 National Code 2018 Standards and key ESOS Act obligations. No equivalent tool exists freely in the Australian market — this is the one.</p>
|
||||||
|
<ul style="display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:var(--space-xl);">
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Covers all 11 National Code Standards</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Includes key ESOS Act obligations</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Identifies highest-risk areas by priority</li>
|
||||||
|
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-cricos);font-weight:700">✓</span> Email-gated — receive a full gap report</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#" class="btn btn-primary btn-lg" style="background:var(--color-cricos);">Start the CRICOS gap checker →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<section class="cta-strip" aria-label="Call to action">
|
||||||
|
<div class="container">
|
||||||
|
<div class="cta-strip-inner">
|
||||||
|
<div>
|
||||||
|
<h2>See RTOSure in action.</h2>
|
||||||
|
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta-strip-actions">
|
||||||
|
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||||||
|
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="site-footer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||||||
|
loadComp('site-header','header.html');
|
||||||
|
loadComp('site-footer','footer.html');
|
||||||
|
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||||||
|
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user