Files
rtosure/resources.html

286 lines
20 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en-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 &amp; 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 &amp; 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 14, 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 &amp; 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-45 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>