Initial import of live site
This commit is contained in:
+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>
|
||||
Reference in New Issue
Block a user