<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Divorce Cost Estimator · Family law fee tool</title>
<style>
* { box-sizing:border-box; margin:0; padding:0; }
body { background:#f2f5f9; font-family:system-ui, sans-serif; padding:12px; }
.card { background:white; border-radius:28px; padding:20px; max-width:800px; margin:0 auto; }
.row { display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
label { font-weight:500; color:#1d3a5c; }
input, select { padding:14px; border-radius:30px; border:1px solid #cbd6e4; font-size:1rem; }
.reveal-btn { background:#eaf1fb; border:1px solid #c2d5ea; border-radius:40px; padding:16px; text-align:center; font-size:1.2rem; cursor:pointer; margin:20px 0 0; }
.result-card { background:#eaf1fb; border-radius:28px; padding:18px; margin-top:18px; display:none; flex-direction:column; gap:14px; }
.result-card.show { display:flex; }
.result-value { background:white; border-radius:40px; padding:12px; font-size:2rem; text-align:center; }
.detail-row { display:flex; justify-content:space-between; background:white; padding:8px 14px; border-radius:30px; }
.consult-btn { background:#1f4a7c; color:white; border:none; padding:16px; border-radius:50px; font-size:1.2rem; cursor:pointer; }
.footer { margin-top:20px; text-align:center; font-size:0.8rem; color:#4f6072; border-top:1px solid #dee9f2; padding-top:12px; }
.footer a { color:#1f4a7c; text-decoration:none; }
</style>
</head>
<body>
<div class="card">
<h3>⚖️ Divorce Cost Estimator (attorney fees only)</h3>
<div class="row"><label>📍 Region cost factor</label><select id="loc"><option value="1.4">High (CA/NY)</option><option value="1.0" selected>Average</option><option value="0.85">Lower</option></select></div>
<div class="row"><label>⚡ Complexity</label><select id="comp"><option value="0.7">Uncontested</option><option value="1.0" selected>Moderate</option><option value="1.5">High conflict</option><option value="2.0">Litigation</option></select></div>
<div class="row"><label>👥 Children</label><select id="kid"><option value="1.0" selected>No minor children</option><option value="1.3">Minor children</option></select></div>
<div class="row"><label>⏱️ Billing</label><select id="bill"><option value="flat">Flat fee</option><option value="hourly" selected>Hourly/retainer</option></select></div>
<div class="reveal-btn" id="reveal">💰 Reveal estimate</div>
<div class="result-card" id="result">
<div class="result-value" id="val">$12,500</div>
<div class="detail-row"><span>Retainer portion</span><span id="ret">$5,000</span></div>
<div class="detail-row"><span>Hourly estimate</span><span id="hr">$7,500</span></div>
<button class="consult-btn""alert('Speak with a local family attorney')">👩⚖️ Ask a lawyer</button>
</div>
<div class="footer">⚡ Powered by <a href="https://costoflaw.com" target="_blank">costoflaw.com</a> · Divorce cost only · No child support</div>
</div>
<script>
(function(){
const loc=document.getElementById('loc'), comp=document.getElementById('comp'), kid=document.getElementById('kid'), bill=document.getElementById('bill');
const val=document.getElementById('val'), ret=document.getElementById('ret'), hr=document.getElementById('hr'), resCard=document.getElementById('result'), rev=document.getElementById('reveal');
function update(){
let base = 8500; // base average cost
let l=+loc.value||1, c=+comp.value||1, k=+kid.value||1;
let total = base * l * c * k;
if(bill.value==='flat') total*=0.85; // flat fee discount assumption
total = Math.round(total/100)*100; // round to nearest 100
val.innerText = '$'+total.toLocaleString();
// populate details
let retainer = Math.round(total*0.4); // 40% retainer
let hourlyPart = total - retainer - 400;
ret.innerText = '$'+retainer.toLocaleString();
hr.innerText = '$'+hourlyPart.toLocaleString();
}
loc.addEventListener('change',update);
comp.addEventListener('change',update);
kid.addEventListener('change',update);
bill.addEventListener('change',update);
update();
rev.addEventListener('click',()=> resCard.classList.toggle('show'));
})();
</script>
</body>
</html>
📋 Copy code
💾 Save as .html
💰 Pure legal cost estimator
Estimates attorney fees, retainers, filing costs. No child support / alimony.
👩⚖️ Built‑in lawyer CTA
Every result prompts "Ask a lawyer" – generates leads for law firms.
📊 Multi‑factor model
Uses location cost, complexity, children factor, billing style (flat/hourly).
🔒 Safe for law firm websites
Clear disclaimer: not legal advice, no child support, free to embed.
❓ FAQs – Divorce cost edition
Does this calculate child support?
No – this tool strictly estimates legal fees (attorney costs). Child support is NOT included.
Can I embed this on my law firm site?
Absolutely. Free to use, modify, and host. Attribution to costoflaw.com appreciated.
How accurate is the estimate?
It's a planning tool based on general US data. Actual fees depend on your attorney and jurisdiction.
Does it include court filing fees?
Yes, a small portion (approx $400) is included in the breakdown.