Green savings label in steps 3 and 4

This commit is contained in:
2026-04-24 15:16:20 +02:00
parent 02965e4922
commit f3f50111c0
+2 -2
View File
@@ -171,7 +171,7 @@ footer{padding:2.5rem 3rem;border-top:1px solid var(--border);display:flex;justi
<div class="summary-row"><span id="s3-setup-label">Website setup (one-time)</span><span class="summary-val" id="s3-setup-price"></span></div> <div class="summary-row"><span id="s3-setup-label">Website setup (one-time)</span><span class="summary-val" id="s3-setup-price"></span></div>
<div class="summary-row"><span id="s3-support-label">Support plan</span><span class="summary-val" id="s3-support-price"></span></div> <div class="summary-row"><span id="s3-support-label">Support plan</span><span class="summary-val" id="s3-support-price"></span></div>
<div class="summary-row"><span id="s3-freq-label"></span><span class="summary-val" id="s3-freq-price"></span></div> <div class="summary-row"><span id="s3-freq-label"></span><span class="summary-val" id="s3-freq-price"></span></div>
<div class="summary-row"><span id="s3-savings-label"></span><span class="summary-val" id="s3-savings-val" style="color:#4ade80;font-weight:700"></span></div> <div class="summary-row"><span id="s3-savings-label" style="color:#4ade80;font-weight:700"></span><span class="summary-val" id="s3-savings-val" style="color:#4ade80;font-weight:700"></span></div>
<div class="summary-row total"><span>Due today</span><span class="summary-val" id="s3-total"></span></div> <div class="summary-row total"><span>Due today</span><span class="summary-val" id="s3-total"></span></div>
</div> </div>
<div class="wizard-nav"><button class="wizard-btn" onclick="goStep(2)">← Back</button><button class="wizard-btn primary" id="btnStep3" onclick="goStep(4)" disabled>See Summary →</button></div> <div class="wizard-nav"><button class="wizard-btn" onclick="goStep(2)">← Back</button><button class="wizard-btn primary" id="btnStep3" onclick="goStep(4)" disabled>See Summary →</button></div>
@@ -187,7 +187,7 @@ footer{padding:2.5rem 3rem;border-top:1px solid var(--border);display:flex;justi
<div class="summary-row"><span>Support plan</span><span class="summary-val" id="s4-support"></span></div> <div class="summary-row"><span>Support plan</span><span class="summary-val" id="s4-support"></span></div>
<div class="summary-row"><span>Support payment</span><span class="summary-val" id="s4-pay"></span></div> <div class="summary-row"><span>Support payment</span><span class="summary-val" id="s4-pay"></span></div>
<div class="summary-row"><span>Commitment</span><span class="summary-val" id="s4-commitment"></span></div> <div class="summary-row"><span>Commitment</span><span class="summary-val" id="s4-commitment"></span></div>
<div class="summary-row"><span id="s4-savings-label">Savings vs monthly</span><span class="summary-val" id="s4-savings-val" style="color:#4ade80;font-weight:700"></span></div> <div class="summary-row"><span id="s4-savings-label" style="color:#4ade80;font-weight:700">Savings vs monthly</span><span class="summary-val" id="s4-savings-val" style="color:#4ade80;font-weight:700"></span></div>
<div class="summary-row total"><span>Due today</span><span class="summary-val" id="s4-grand"></span></div> <div class="summary-row total"><span>Due today</span><span class="summary-val" id="s4-grand"></span></div>
</div> </div>
<div class="wizard-nav"><button class="wizard-btn" onclick="goStep(3)">← Edit</button><button class="wizard-btn primary" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Start Your Website →</button></div> <div class="wizard-nav"><button class="wizard-btn" onclick="goStep(3)">← Edit</button><button class="wizard-btn primary" onclick="document.getElementById('contact').scrollIntoView({behavior:'smooth'})">Start Your Website →</button></div>