peter/ukaiautomation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix quote page gap: wrap noscript fallback, reduce hero/form padding

Browse Source
This commit is contained in:
root
2026-02-04 03:17:55 +00:00
parent b0234123a3
commit 3a0d8034c7
5 changed files with 521 additions and 762 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
quote.php
View File

@@ -197,13 +197,13 @@ $breadcrumbs = [
<style>
.quote-hero {
padding: 120px 0 60px;
padding: 100px 0 30px;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
text-align: center;
}
.quote-form-section {
padding: 60px 0;
padding: 30px 0 60px;
background: white;
}
@@ -500,25 +500,25 @@ $breadcrumbs = [
</section>
<!-- Server-rendered content for SEO and no-JS fallback -->
<noscript>
<section class="quote-intro" style="padding: 40px 0; background: #fff;">
<div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
<noscript>
<div style="background: #fff3cd; border: 1px solid #ffc107; border-radius: 8px; padding: 24px; margin: 24px 0;">
<h3 style="color: #856404; margin: 0 0 12px 0; font-size: 1.2rem;">JavaScript Required for Online Form</h3>
<p style="margin: 0 0 16px 0; color: #856404; line-height: 1.6;">
Our interactive quote form requires JavaScript to function. If you're unable to enable JavaScript, please contact us directly:
</p>
<ul style="margin: 0; padding-left: 20px; color: #856404; line-height: 1.8;">
<li><strong>Email:</strong> <a href="mailto:hello@ukdataservices.co.uk" style="color: #0056b3;">hello@ukdataservices.co.uk</a></li>
<li><strong>Phone:</strong> Available on request</li>
</ul>
<p style="margin: 16px 0 0 0; color: #856404; line-height: 1.6;">
Include your name, email, company (if applicable), and a description of your data requirements. We'll respond within 24 hours with a detailed proposal.
</p>
</div>
</noscript>
<div style="background: #fff3cd; border: 1px solid #ffc107; border-radius: 8px; padding: 24px; margin: 24px 0;">
<h3 style="color: #856404; margin: 0 0 12px 0; font-size: 1.2rem;">JavaScript Required for Online Form</h3>
<p style="margin: 0 0 16px 0; color: #856404; line-height: 1.6;">
Our interactive quote form requires JavaScript to function. If you're unable to enable JavaScript, please contact us directly:
</p>
<ul style="margin: 0; padding-left: 20px; color: #856404; line-height: 1.8;">
<li><strong>Email:</strong> <a href="mailto:hello@ukdataservices.co.uk" style="color: #0056b3;">hello@ukdataservices.co.uk</a></li>
<li><strong>Phone:</strong> Available on request</li>
</ul>
<p style="margin: 16px 0 0 0; color: #856404; line-height: 1.6;">
Include your name, email, company (if applicable), and a description of your data requirements. We'll respond within 24 hours with a detailed proposal.
</p>
</div>
</div>
</section>
</noscript>
<!-- Quote Form -->