#mph-cert-root {
font-family: 'Plus Jakarta Sans', sans-serif;
color: #292524;
background-color: #fdfbf7;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#mph-cert-root * {
box-sizing: border-box;
}
.cert-container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
/* Hero Section */
.cert-hero {
background-color: #0c0a09;
background-image: radial-gradient(#d4af37 1px, transparent 1px );
background-size: 24px 24px;
color: #ffffff;
padding: 60px 20px;
text-align: center;
border-bottom: 4px solid #800020;
position: relative;
}
.cert-hero::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(128, 0, 32, 0.2), transparent);
pointer-events: none;
}
.cert-hero-content {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
}
.cert-hero h1 {
font-family: 'Lora', serif;
font-size: 2.5rem;
margin: 0 0 15px 0;
color: #ffffff;
font-weight: 700;
}
.cert-hero h1 span {
color: #d4af37;
}
.cert-hero p {
font-size: 1.15rem;
color: #e7e5e4;
margin: 0;
line-height: 1.6;
}
/* Main Layout Grid */
.cert-layout {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 40px;
margin-top: 40px;
}
@media (max-width: 968px) {
.cert-layout {
grid-template-columns: 1fr;
}
}
/* Left Column Info */
.cert-info-card {
background: #ffffff;
border: 1px solid #e7e5e4;
border-radius: 12px;
padding: 30px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.cert-info-card h2 {
font-family: 'Lora', serif;
font-size: 1.8rem;
color: #800020;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 2px solid #f5f5f4;
padding-bottom: 10px;
}
.cert-info-card p {
line-height: 1.7;
color: #44403c;
margin-bottom: 25px;
}
.cert-features {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
}
.cert-features li {
position: relative;
padding-left: 30px;
margin-bottom: 15px;
line-height: 1.5;
color: #44403c;
}
.cert-features li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: #d4af37;
font-weight: bold;
font-size: 1.2rem;
}
.cert-badge-row {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 30px;
padding-top: 20px;
border-top: 2px solid #f5f5f4;
}
.cert-badge {
display: flex;
align-items: center;
gap: 10px;
background: #fdfbf7;
border: 1px solid #f5f0eb;
padding: 10px 15px;
border-radius: 8px;
font-size: 0.85rem;
font-weight: 600;
color: #57534e;
}
.cert-badge span {
color: #800020;
}
/* Right Column Form & Pricing */
.cert-form-card {
background: #ffffff;
border: 2px solid #800020;
border-radius: 12px;
padding: 30px;
box-shadow: 0 10px 15px -3px rgba(128, 0, 32, 0.1);
position: sticky;
top: 20px;
}
.cert-form-card h3 {
font-family: 'Lora', serif;
font-size: 1.5rem;
color: #800020;
margin-top: 0;
margin-bottom: 20px;
text-align: center;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 0.9rem;
font-weight: 700;
margin-bottom: 8px;
color: #292524;
}
.form-control {
width: 100%;
padding: 12px;
border: 1px solid #d6d3d1;
border-radius: 6px;
font-family: inherit;
font-size: 1rem;
transition: border-color 0.2s;
}
.form-control:focus {
outline: none;
border-color: #800020;
}
/* Package Options Selector */
.package-options {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 20px;
}
.package-option {
border: 1px solid #e7e5e4;
border-radius: 8px;
padding: 15px;
cursor: pointer;
transition: all 0.2s;
position: relative;
}
.package-option:hover {
border-color: #d4af37;
background: #fdfbf7;
}
.package-option.selected {
border-color: #800020;
background: rgba(128, 0, 32, 0.03);
}
.package-option input[type="radio"] {
position: absolute;
top: 15px;
right: 15px;
accent-color: #800020;
}
.package-title {
font-weight: 700;
font-size: 1.05rem;
color: #800020;
margin-bottom: 4px;
}
.package-desc {
font-size: 0.85rem;
color: #57534e;
margin-bottom: 8px;
padding-right: 25px;
}
.package-price {
font-weight: 800;
color: #292524;
font-size: 1.1rem;
}
/* Add-on switch styling */
.addon-switch {
display: flex;
align-items: center;
justify-content: space-between;
background: #fdfbf7;
border: 1px solid #f5f0eb;
padding: 15px;
border-radius: 8px;
margin-bottom: 25px;
}
.addon-info {
flex: 1;
padding-right: 15px;
}
.addon-title {
font-weight: 700;
font-size: 0.95rem;
color: #292524;
}
.addon-desc {
font-size: 0.8rem;
color: #57534e;
}
/* Switch element */
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 26px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #d6d3d1;
transition: .3s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 4px;
bottom: 4px;
background-color: white;
transition: .3s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #800020;
}
input:checked + .slider:before {
transform: translateX(24px);
}
/* Summary box */
.price-summary {
background: #fafaf9;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
border: 1px solid #e7e5e4;
}
.summary-row {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
font-size: 0.9rem;
color: #57534e;
}
.summary-row.total {
margin-bottom: 0;
padding-top: 10px;
border-top: 1px solid #e7e5e4;
font-weight: 800;
font-size: 1.2rem;
color: #800020;
}
/* Submit Button */
.submit-btn {
width: 100%;
background: #800020;
color: #ffffff;
border: none;
padding: 16px;
font-size: 1.1rem;
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s, transform 0.1s;
box-shadow: 0 4px 6px rgba(128, 0, 32, 0.2);
}
.submit-btn:hover {
background: #600018;
}
.submit-btn:active {
transform: scale(0.98);
}
/* Footer schedule backlink */
.schedule-backlink {
text-align: center;
margin-top: 40px;
font-size: 0.95rem;
}
.schedule-backlink a {
color: #800020;
text-decoration: none;
font-weight: 700;
border-bottom: 2px solid transparent;
transition: border-color 0.2s;
}
.schedule-backlink a:hover {
border-color: #800020;
}
Manufactured Home Engineering Certifications
Fast, compliant, and professional HUD/FHA structural foundation and addition certifications across North & South Carolina.
HUD / FHA Compliant Foundation Certifications
Lenders require a professional engineer's seal certifying that a manufactured home's foundation complies with the **HUD Permanent Foundations Guide for Manufactured Housing** (1996) before approving FHA, VA, or conventional mortgages.
We provide comprehensive on-site inspections and engineering certification letters to keep your loan process moving smoothly without delays.
- HUD Compliance: Complete evaluation of footings, piers, anchors, and tie-downs to ensure permanent attachment.
- Additions & Alterations: Engineering seals verifying that structural additions (porches, decks, carports) do not compromise the home's original design.
- NC & SC Licensed: Full engineering inspections backed by professional licensing and certifications in both Carolinas.
- Fast Turnaround: Standard report delivery within 3-5 business days, with optional 24-hour rush processing available.
★ Certified Master Inspector (CMI)
NC/SC Licensed & Insured
HUD Compliant Standards
(function() {
const form = document.getElementById('cert-order-form');
const options = document.querySelectorAll('.package-option');
const rushToggle = document.getElementById('rush-toggle');
const rushCheckbox = document.getElementById('rush-toggle');
const summaryServiceName = document.getElementById('summary-service-name');
const summaryServicePrice = document.getElementById('summary-service-price');
const summaryRushRow = document.getElementById('summary-rush-row');
const summaryTotalPrice = document.getElementById('summary-total-price');
let selectedId = 'foundation';
let basePrice = 450;
let rushPrice = 150;
function updateSummary() {
const hasRush = rushCheckbox.checked;
const finalPrice = basePrice + (hasRush ? rushPrice : 0);
// Update Text
if (selectedId === 'foundation') {
summaryServiceName.textContent = 'HUD Foundation Certification';
} else if (selectedId === 'addition') {
summaryServiceName.textContent = 'Addition / Alteration Certification';
} else {
summaryServiceName.textContent = 'Combined Package (Foundation + Addition)';
}
summaryServicePrice.textContent = '$' + basePrice;
if (hasRush) {
summaryRushRow.style.display = 'flex';
} else {
summaryRushRow.style.display = 'none';
}
summaryTotalPrice.textContent = '$' + finalPrice;
}
// Handle Option Selection
options.forEach(option => {
option.addEventListener('click', function() {
options.forEach(opt => opt.classList.remove('selected'));
this.classList.add('selected');
const radio = this.querySelector('input[type="radio"]');
radio.checked = true;
selectedId = this.getAttribute('data-id');
basePrice = parseInt(this.getAttribute('data-price'));
updateSummary();
});
});
// Handle Rush Toggle
rushToggle.addEventListener('change', updateSummary);
// Handle Form Submission
form.addEventListener('submit', function(e) {
e.preventDefault();
const name = document.getElementById('client-name').value;
const email = document.getElementById('client-email').value;
const address = document.getElementById('property-address').value;
const city = document.getElementById('property-city').value;
const phone = document.getElementById('client-phone').value;
const hasRush = rushCheckbox.checked ? 'yes' : 'no';
const finalPrice = basePrice + (hasRush ? rushPrice : 0);
const scheduleBaseUrl = 'https://www.mphinspect.com/schedule-your-inspection/';
// Compile Spectora redirection URL
const params = new URLSearchParams({
service: selectedId,
name: name,
email: email,
phone: phone,
address: address + ', ' + city,
rush: hasRush,
price: finalPrice
} );
const redirectUrl = scheduleBaseUrl + '?' + params.toString();
const submitBtn = document.getElementById('submit-btn');
submitBtn.textContent = 'Preparing Order...';
submitBtn.disabled = true;
setTimeout(function() {
window.location.href = redirectUrl;
}, 1200);
});
})();
