azcomputerguru/claudetools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(service-overview): Clean up footer structure, remove stacked orange boxes

Browse Source 
Problem: Footer had multiple stacked orange CTA boxes creating unprofessional appearance
- Separate Contact Us box
- Separate footer info box
- Separate phone number box

Solution: Replace with single clean footer on each page
- Page 1: Ready to Get Started + phone/web + turnover prompt
- Page 2: Contact Us Today + full contact details
- Both: 2-line compact structure with blue top border
- Font sizes: 8-11px for minimal footer footprint
- Position: absolute bottom 0.3in

Result: Professional, minimal footer that provides contact info without dominating page

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Mike Swanson
2026-02-01 18:03:09 -07:00
parent 7a5f90b9d5
commit 977376681e
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
projects/msp-pricing/marketing/Service-Overview-OnePager.html
View File

@@ -588,13 +588,15 @@ ul.feature-list li:before {
<strong>New Client Special Offer - Sign up within 30 days:</strong> ✓ Waived setup fees ✓ First month 50% off support plans ✓ Free security assessment ($500 value)
</div>
<div class="cta-box">
<h2>Contact Us Today</h2>
<div class="phone-large">520.304.8300</div>
<p>mike@azcomputerguru.com | azcomputerguru.com<br>7437 E. 22nd St, Tucson, AZ 85710</p>
<div class="footer" style="position: absolute; bottom: 0.3in; left: 0.4in; right: 0.4in; text-align: center; font-size: 9px; color: #666; padding-top: 8px; border-top: 2px solid #1e3c72;">
<div style="margin-bottom: 4px;">
<strong style="font-size: 11px; color: #f39c12;">Ready to Get Started?</strong>
Call <strong style="color: #1e3c72;">520.304.8300</strong> or visit <strong style="color: #1e3c72;">azcomputerguru.com</strong>
</div>
<div style="font-size: 8px;">
Protecting Tucson Businesses Since 2001 | 7437 E. 22nd St, Tucson, AZ 85710 | Turn over for complete IT services →
</div>
</div>
<div class="footer">Protecting Tucson Businesses Since 2001 | Front</div>
</div>
<!-- PAGE 2: BACK - COMPLETE IT SERVICES -->
@@ -793,13 +795,7 @@ ul.feature-list li:before {
</div>
</div>
<div class="cta-box">
<h2>Contact Us Today</h2>
<div class="phone-large">520.304.8300</div>
<p>mike@azcomputerguru.com | azcomputerguru.com<br>Office: 7437 E. 22nd St, Tucson, AZ 85710<br>Hours: Monday-Friday 8:00 AM - 5:00 PM MST | Emergency Support: 24/7 for Priority Support clients</p>
</div>
<div style="background: #f8f9fa; padding: 6px; border-left: 4px solid #27ae60; border-radius: 3px; margin: 5px 0;">
<div style="background: #f8f9fa; padding: 6px; border-left: 4px solid #27ae60; border-radius: 3px; margin: 5px 0 20px 0;">
<p style="font-size: 8px; font-weight: bold; color: #1e3c72; margin-bottom: 2px;">Our Commitment to You:</p>
<ul class="feature-list" style="font-size: 8px;">
<li>Fast response (2-24 hours by plan)</li>
@@ -810,7 +806,15 @@ ul.feature-list li:before {
</ul>
</div>
<div class="footer">Protecting Tucson Businesses Since 2001 | Back</div>
<div class="footer" style="position: absolute; bottom: 0.3in; left: 0.4in; right: 0.4in; text-align: center; font-size: 9px; color: #666; padding-top: 8px; border-top: 2px solid #1e3c72;">
<div style="margin-bottom: 4px;">
<strong style="font-size: 11px; color: #f39c12;">Contact Us Today:</strong>
520.304.8300 | info@azcomputerguru.com | azcomputerguru.com
</div>
<div style="font-size: 8px;">
Protecting Tucson Businesses Since 2001 | 7437 E. 22nd St, Tucson, AZ 85710
</div>
</div>
</div>
</body>