<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rental Minimum Standards (RMS) Waiver & Indemnity Form</title> <style> :root { --primary: #1a365d; --secondary: #2b6cb0; --bg: #f7fafc; --border: #cbd5e0; --warning-bg: #fffaf0; --warning-border: #dd6b20; --warning-text: #7b341e; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg); color: #2d3748; margin: 0; padding: 20px; display: flex; justify-content: center; } .container { max-width: 800px; width: 100%; background: #ffffff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: 1px solid var(--border); } .header { border-bottom: 2px solid var(--primary); padding-bottom: 15px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 10px; } .header h1 { font-size: 20px; color: var(--primary); margin: 0; text-transform: uppercase; } .header h2 { font-size: 13px; color: #4a5568; margin: 5px 0 0 0; font-weight: 600; } .agency-info { text-align: right; font-size: 12px; color: #718096; } .agency-name { font-size: 14px; font-weight: bold; color: var(--secondary); } .warning-box { background-color: var(--warning-bg); border-left: 4px solid var(--warning-border); border-top: 1px solid #feebc8; border-right: 1px solid #feebc8; border-bottom: 1px solid #feebc8; padding: 12px 15px; margin-bottom: 25px; border-radius: 4px; } .warning-title { font-weight: bold; color: #c05621; font-size: 13px; margin-bottom: 5px; text-transform: uppercase; } .warning-text { font-size: 12.5px; color: var(--warning-text); line-height: 1.4; margin: 0; } .section-header { background-color: #ebf8ff; border-left: 3px solid var(--secondary); padding: 6px 10px; font-size: 13px; font-weight: bold; color: #2c5282; text-transform: uppercase; margin-top: 25px; margin-bottom: 15px; } .form-group { margin-bottom: 15px; } .form-row { display: flex; gap: 15px; flex-wrap: wrap; } .form-row .form-group { flex: 1; min-width: 240px; } label { display: block; font-size: 12px; font-weight: bold; color: #4a5568; margin-bottom: 5px; } input[type="text"], input[type="email"], input[type="tel"] { width: 100%; padding: 8px 10px; font-size: 13px; border: 1px solid var(--border); border-radius: 4px; box-sizing: border-box; } input:focus { outline: none; border-color: var(--secondary); box-shadow: 0 0 0 2px rgba(43, 108, 176, 0.2); } .legal-list { padding-left: 20px; margin: 10px 0; } .legal-list li { font-size: 12px; line-height: 1.5; margin-bottom: 8px; color: #2d3748; } .checkbox-box { border: 1px solid var(--border); background-color: #f8fafc; padding: 15px; border-radius: 4px; margin: 15px 0; } .checkbox-item { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; line-height: 1.4; margin-bottom: 10px; } .checkbox-item:last-child { margin-bottom: 0; } .checkbox-item input[type="checkbox"] { margin-top: 2px; cursor: pointer; } .signature-area { border: 1px solid var(--border); background-color: #ffffff; border-radius: 4px; padding: 10px; margin-top: 5px; } canvas { border: 1px dashed #a0aec0; width: 100%; height: 120px; background-color: #fafafa; border-radius: 4px; cursor: crosshair; } .clear-btn { background-color: #e2e8f0; border: none; color: #4a5568; padding: 4px 8px; font-size: 11px; border-radius: 3px; cursor: pointer; margin-top: 5px; } .clear-btn:hover { background-color: #cbd5e0; } .btn-group { display: flex; gap: 10px; margin-top: 30px; } .btn-submit { flex: 2; background-color: var(--primary); color: white; border: none; padding: 12px; font-size: 14px; font-weight: bold; border-radius: 4px; cursor: pointer; } .btn-submit:hover { background-color: #2b6cb0; } .btn-print { flex: 1; background-color: #4a5568; color: white; border: none; padding: 12px; font-size: 14px; font-weight: bold; border-radius: 4px; cursor: pointer; } .btn-print:hover { background-color: #2d3748; } .footer-notice { font-size: 10px; color: #718096; margin-top: 20px; line-height: 1.3; } @media print { body { padding: 0; background: #fff; } .container { box-shadow: none; border: none; padding: 0; } .btn-group, .clear-btn { display: none; } canvas { border: 1px solid #000; } } </style> </head> <body> <div class="container"> <form id="rmsForm" action="https://formspree.io/f/YOUR_FORM_ID" method="POST"> <!-- Header --> <div class="header"> <div> <h1>RMS Waiver & Indemnity Form</h1> <h2>Residential Tenancies Regulations 2021 (Victoria)</h2> </div> <div class="agency-info"> <div class="agency-name">[AGENCY NAME HERE]</div> <div>Licensed Estate Agent / Property Management</div> </div> </div> <!-- Warning Alert --> <div class="warning-box"> <div class="warning-title">IMPORTANT LEGAL NOTICE FOR PROPERTY OWNERS</div> <p class="warning-text"> Under Schedule 4 of the <i>Residential Tenancies Regulations 2021 (Vic)</i>, all residential rental properties in Victoria must meet 14 baseline <b>Rental Minimum Standards (RMS)</b> prior to entering into a residential rental agreement. Failure to comply is a direct breach of Victorian tenancy law and exposes the landlord to urgent repairs claims, compensation demands, VCAT disputes, and statutory penalties. </p> </div> <!-- Section 1 --> <div class="section-header">1. Property & Owner Details</div> <div class="form-group"> <label for="propertyAddress">Rental Property Address *</label> <input type="text" id="propertyAddress" name="propertyAddress" required placeholder="e.g. 123 Main Street, Melbourne VIC 3000"> </div> <div class="form-row"> <div class="form-group"> <label for="ownerName">Owner Full Name(s) *</label> <input type="text" id="ownerName" name="ownerName" required placeholder="Full legal name(s)"> </div> <div class="form-group"> <label for="ownerPhone">Contact Phone *</label> <input type="tel" id="ownerPhone" name="ownerPhone" required placeholder="0400 000 000"> </div> </div> <div class="form-group"> <label for="ownerEmail">Owner Email Address *</label> <input type="email" id="ownerEmail" name="ownerEmail" required placeholder="[email protected]"> </div> <!-- Section 2 --> <div class="section-header">2. Owner Acknowledgements & Election</div> <p style="font-size: 12px; margin-bottom: 5px;"> The Managing Agent has advised me/us of the legal requirement to conduct a formal RMS Compliance Check prior to leasing. By completing this form, I/we acknowledge and agree to the following: </p> <ol class="legal-list"> <li><b>Statutory Obligation:</b> I/We understand that Victorian rental regulations mandate strict compliance with minimum standards (locks, window coverings, electrical safety, heating, ventilation, structural soundness, dampness/mould prevention, and functioning kitchen/bathroom facilities).</li> <li><b>Refusal of Professional Audit:</b> I/We have elected <b>NOT</b> to engage the Managing Agent’s qualified third-party inspection provider to conduct an official RMS Inspection & Compliance Audit on the property.</li> <li><b>Self-Verification / Full Responsibility:</b> I/We confirm that I/we have personally verified or will ensure that the subject property fully meets all 14 mandatory Rental Minimum Standards required by Victorian law prior to tenancy commencement.</li> <li><b>Urgent Repair Liabilities:</b> I/We understand that if a tenant identifies an RMS breach upon or during occupancy, it constitutes an <b>Urgent Repair</b> under Section 68 of the <i>Residential Tenancies Act 1997</i>.</li> <li><b>VCAT & Financial Exposure:</b> I/We acknowledge that any loss of rent, compensation claims, VCAT application fees, or administrative costs resulting from non-compliance are my/our sole financial responsibility.</li> </ol> <!-- Section 3 --> <div class="section-header">3. Waiver, Release & Indemnity Clause</div> <div class="checkbox-box"> <div class="checkbox-item"> <input type="checkbox" id="indemnityCheck" name="indemnityAgreement" required> <label for="indemnityCheck" style="font-weight: normal; margin: 0;"> <b>FULL WAIVER & INDEMNITY:</b> I/We hereby release, indemnify, and hold harmless <b>[AGENCY NAME HERE]</b>, its directors, employees, and agents from any and all liabilities, legal claims, demands, penalties, fines, losses, costs, or VCAT orders arising out of or in connection with any failure of the property to satisfy the Victorian Rental Minimum Standards. * </label> </div> <div class="checkbox-item" style="margin-top: 10px;"> <input type="checkbox" id="responsibilityCheck" name="responsibilityAgreement" required> <label for="responsibilityCheck" style="font-weight: normal; margin: 0;"> I/We confirm that I/we take <b>full and absolute legal and financial responsibility</b> for ensuring the property is compliant before any renter enters into a rental agreement. * </label> </div> </div> <!-- Section 4 --> <div class="section-header">4. Owner Execution</div> <div class="form-row"> <div class="form-group"> <label for="sigName">Owner / Representative Name *</label> <input type="text" id="sigName" name="sigName" required placeholder="Type full name"> </div> <div class="form-group"> <label for="sigDate">Date *</label> <input type="text" id="sigDate" name="sigDate" readonly> </div> </div> <div class="form-group"> <label>Draw Signature Below *</label> <div class="signature-area"> <canvas id="sigCanvas"></canvas> <button type="button" class="clear-btn" onclick="clearSignature()">Clear Signature</button> </div> <input type="hidden" id="signatureData" name="signatureData" required> </div> <!-- Form Actions --> <div class="btn-group"> <button type="button" class="btn-print" onclick="window.print()">Download / Print Copy</button> <button type="submit" class="btn-submit">Submit Form</button> </div> <div class="footer-notice"> <b>Disclaimer:</b> This document is designed for property management administrative records to record owner instructions and liability transfer under Victorian tenancy regulations. It does not exempt the owner from statutory obligations enforced by Consumer Affairs Victoria (CAV) or VCAT. </div> </form> </div> <script> // Auto-fill today's date const today = new Date(); document.getElementById('sigDate').value = today.toLocaleDateString('en-AU'); // Canvas Signature Logic const canvas = document.getElementById('sigCanvas'); const ctx = canvas.getContext('2d'); let isDrawing = false; // Set canvas dimensions function resizeCanvas() { canvas.width = canvas.parentElement.clientWidth - 20; canvas.height = 120; } resizeCanvas(); window.addEventListener('resize', resizeCanvas); // Mouse & Touch listeners canvas.addEventListener('mousedown', startDrawing); canvas.addEventListener('mousemove', draw); canvas.addEventListener('mouseup', stopDrawing); canvas.addEventListener('mouseleave', stopDrawing); canvas.addEventListener('touchstart', handleTouch); canvas.addEventListener('touchmove', handleTouch); canvas.addEventListener('touchend', stopDrawing); function startDrawing(e) { isDrawing = true; draw(e); } function draw(e) { if (!isDrawing) return; const rect = canvas.getBoundingClientRect(); const x = (e.clientX || e.touches[0].clientX) - rect.left; const y = (e.clientY || e.touches[0].clientY) - rect.top; ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.strokeStyle = '#1a365d'; ctx.lineTo(x, y); ctx.stroke(); ctx.beginPath(); ctx.moveTo(x, y); } function stopDrawing() { if (isDrawing) { isDrawing = false; ctx.beginPath(); document.getElementById('signatureData').value = canvas.toDataURL(); } } function handleTouch(e) { e.preventDefault(); const touch = e.touches[0]; const mouseEvent = new MouseEvent(e.type === 'touchstart' ? 'mousedown' : 'mousemove', { clientX: touch.clientX, clientY: touch.clientY }); canvas.dispatchEvent(mouseEvent); } function clearSignature() { ctx.clearRect(0, 0, canvas.width, canvas.height); document.getElementById('signatureData').value = ''; } // Form Submission Check document.getElementById('rmsForm').addEventListener('submit', function(e) { const sigData = document.getElementById('signatureData').value; if (!sigData) { e.preventDefault(); alert('Please draw your signature before submitting.'); } }); </script> </body> </html>