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

Accessibility: fix WCAG structural/landmark issues

Browse Source 
- nav.php: add aria-label="Main navigation" to navbar <nav>
- article-footer.php: h4 -> h3 in related-card (h2->h4 skipped h3)
- 6 articles: add aria-label="Table of contents" to article-toc <nav>
- index.php: move trust-signals section inside <main> (was after </main>)
- web-scraping, price-monitoring, competitive-intelligence: add <main> wrapper
- index.php: inline #179e83 colour fixes (text on tinted backgrounds)
This commit is contained in:
Peter Foster
2026-02-22 11:11:40 +00:00
committed by Peter Foster
parent 7c6e1967df
commit 611a861bdd
12 changed files with 63 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
blog/articles/business-intelligence-dashboard-design.php
View File

@@ -33,7 +33,7 @@ $read_time = 12;
<meta name="article:tag" content="Dashboard Design, Business Intelligence, Data Visualisation, Analytics"> <meta name="article:tag" content="Dashboard Design, Business Intelligence, Data Visualisation, Analytics">
<!-- Preload critical resources --> <!-- Preload critical resources -->
<link rel="preload" href="../../assets/css/main.css" as="style"> <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
<link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image"> <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
<!-- Open Graph / Social Media --> <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 12;
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="../../assets/css/main.css"> <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
<link rel="stylesheet" href="../../assets/css/cro-enhancements.css"> <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
<!-- Article Schema Markup --> <!-- Article Schema Markup -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -141,7 +141,7 @@ $read_time = 12;
</header> </header>
<!-- Table of Contents --> <!-- Table of Contents -->
<nav class="article-toc"> <nav class="article-toc" aria-label="Table of contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<ol> <ol>
<li><a href="#dashboard-fundamentals">Dashboard Design Fundamentals</a></li> <li><a href="#dashboard-fundamentals">Dashboard Design Fundamentals</a></li>

8
blog/articles/competitive-intelligence-roi-metrics.php
View File

@@ -33,7 +33,7 @@ $read_time = 8;
<meta name="article:tag" content="ROI, Competitive Intelligence, Business Intelligence, Metrics"> <meta name="article:tag" content="ROI, Competitive Intelligence, Business Intelligence, Metrics">
<!-- Preload critical resources --> <!-- Preload critical resources -->
<link rel="preload" href="../../assets/css/main.css" as="style"> <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
<link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image"> <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
<!-- Open Graph / Social Media --> <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 8;
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="../../assets/css/main.css"> <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
<link rel="stylesheet" href="../../assets/css/cro-enhancements.css"> <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
<!-- Article Schema Markup --> <!-- Article Schema Markup -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -142,7 +142,7 @@ $read_time = 8;
<!-- Table of Contents --> <!-- Table of Contents -->
<nav class="article-toc"> <nav class="article-toc" aria-label="Table of contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<ol> <ol>
<li><a href="#why-measure-roi">Why Measure CI ROI?</a></li> <li><a href="#why-measure-roi">Why Measure CI ROI?</a></li>

8
blog/articles/javascript-heavy-sites-scraping.php
View File

@@ -33,7 +33,7 @@ $read_time = 8;
<meta name="article:tag" content="JavaScript, Web Scraping, Browser Automation, SPA"> <meta name="article:tag" content="JavaScript, Web Scraping, Browser Automation, SPA">
<!-- Preload critical resources --> <!-- Preload critical resources -->
<link rel="preload" href="../../assets/css/main.css" as="style"> <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
<link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image"> <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
<!-- Open Graph / Social Media --> <!-- Open Graph / Social Media -->
@@ -61,8 +61,8 @@ $read_time = 8;
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="../../assets/css/main.css"> <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
<link rel="stylesheet" href="../../assets/css/cro-enhancements.css"> <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
<!-- Article Schema Markup --> <!-- Article Schema Markup -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -139,7 +139,7 @@ $read_time = 8;
<!-- Table of Contents --> <!-- Table of Contents -->
<nav class="article-toc"> <nav class="article-toc" aria-label="Table of contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<ol> <ol>
<li><a href="#understanding-challenges">Understanding the Challenges</a></li> <li><a href="#understanding-challenges">Understanding the Challenges</a></li>

8
blog/articles/predictive-analytics-customer-churn.php
View File

@@ -33,7 +33,7 @@ $read_time = 14;
<meta name="article:tag" content="Predictive Analytics, Customer Churn, Machine Learning, Retention"> <meta name="article:tag" content="Predictive Analytics, Customer Churn, Machine Learning, Retention">
<!-- Preload critical resources --> <!-- Preload critical resources -->
<link rel="preload" href="../../assets/css/main.css" as="style"> <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
<link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image"> <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
<!-- Open Graph / Social Media --> <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 14;
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="../../assets/css/main.css"> <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
<link rel="stylesheet" href="../../assets/css/cro-enhancements.css"> <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
<!-- Article Schema Markup --> <!-- Article Schema Markup -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -182,7 +182,7 @@ $read_time = 14;
</header> </header>
<!-- Table of Contents --> <!-- Table of Contents -->
<nav class="article-toc"> <nav class="article-toc" aria-label="Table of contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<ol> <ol>
<li><a href="#churn-fundamentals">Understanding Customer Churn</a></li> <li><a href="#churn-fundamentals">Understanding Customer Churn</a></li>

8
blog/articles/sql-analytics-advanced-techniques.php
View File

@@ -33,7 +33,7 @@ $read_time = 16;
<meta name="article:tag" content="SQL, Analytics, Data Science, Business Intelligence"> <meta name="article:tag" content="SQL, Analytics, Data Science, Business Intelligence">
<!-- Preload critical resources --> <!-- Preload critical resources -->
<link rel="preload" href="../../assets/css/main.css" as="style"> <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
<link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image"> <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
<!-- Open Graph / Social Media --> <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 16;
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="../../assets/css/main.css"> <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
<link rel="stylesheet" href="../../assets/css/cro-enhancements.css"> <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
<!-- Article Schema Markup --> <!-- Article Schema Markup -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -141,7 +141,7 @@ $read_time = 16;
</header> </header>
<!-- Table of Contents --> <!-- Table of Contents -->
<nav class="article-toc"> <nav class="article-toc" aria-label="Table of contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<ol> <ol>
<li><a href="#window-functions">Advanced Window Functions</a></li> <li><a href="#window-functions">Advanced Window Functions</a></li>

8
blog/articles/web-scraping-compliance-uk-guide.php
View File

@@ -33,7 +33,7 @@ $read_time = 12;
<meta name="article:tag" content="GDPR, Web Scraping, Legal Compliance, UK Law"> <meta name="article:tag" content="GDPR, Web Scraping, Legal Compliance, UK Law">
<!-- Preload critical resources for performance --> <!-- Preload critical resources for performance -->
<link rel="preload" href="../../assets/css/main.css" as="style"> <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
<link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image"> <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
<link rel="preload" href="<?php echo $og_image; ?>" as="image"> <link rel="preload" href="<?php echo $og_image; ?>" as="image">
@@ -67,8 +67,8 @@ $read_time = 12;
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="../../assets/css/main.css"> <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
<link rel="stylesheet" href="../../assets/css/cro-enhancements.css"> <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
<!-- Critical Button and Spacing Fix --> <!-- Critical Button and Spacing Fix -->
<style> <style>
@@ -328,7 +328,7 @@ $read_time = 12;
<!-- Table of Contents --> <!-- Table of Contents -->
<nav class="article-toc"> <nav class="article-toc" aria-label="Table of contents">
<h2>Table of Contents</h2> <h2>Table of Contents</h2>
<ol> <ol>
<li><a href="#legal-framework">UK Legal Framework Overview</a></li> <li><a href="#legal-framework">UK Legal Framework Overview</a></li>

2
includes/article-footer.php
View File

@@ -118,7 +118,7 @@ $display_articles = array_slice($filtered_articles, 0, 3);
<?php foreach ($display_articles as $article): ?> <?php foreach ($display_articles as $article): ?>
<article class="related-card"> <article class="related-card">
<span class="category"><?php echo htmlspecialchars($article['category']); ?></span> <span class="category"><?php echo htmlspecialchars($article['category']); ?></span>
<h4><a href="/blog/articles/<?php echo htmlspecialchars($article['slug']); ?>.php"><?php echo htmlspecialchars($article['title']); ?></a></h4> <h3><a href="/blog/articles/<?php echo htmlspecialchars($article['slug']); ?>.php"><?php echo htmlspecialchars($article['title']); ?></a></h3>
<span class="read-time"><?php echo htmlspecialchars($article['read_time']); ?></span> <span class="read-time"><?php echo htmlspecialchars($article['read_time']); ?></span>
</article> </article>
<?php endforeach; ?> <?php endforeach; ?>

2
includes/nav.php
View File

@@ -13,7 +13,7 @@ function nav_active($href, $current) {
} }
?> ?>
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar" id="navbar"> <nav class="navbar" id="navbar" aria-label="Main navigation">
<div class="nav-container"> <div class="nav-container">
<div class="nav-logo"> <div class="nav-logo">
<a href="/"> <a href="/">

44
index.php
View File

@@ -18,7 +18,7 @@ header('Content-Security-Policy: default-src \'self\'; script-src \'self\' \'uns
// SEO and performance optimizations // SEO and performance optimizations
$page_title = "Web Scraping Services UK | Get Your Free Quote Today"; $page_title = "Web Scraping Services UK | Get Your Free Quote Today";
$page_description = "Custom web scraping &amp; data extraction for UK businesses. Competitor prices, property listings, market data — delivered clean, structured, on schedule. No contract. Free quote."; $page_description = "Custom web scraping & data extraction for UK businesses. Competitor prices, property listings, market data — delivered clean, structured, on schedule. No contract. Free quote.";
$canonical_url = "https://ukdataservices.co.uk/"; $canonical_url = "https://ukdataservices.co.uk/";
$keywords = "web scraping services UK, data analytics London, web scraping UK, data extraction services, business intelligence, competitive analysis, price monitoring, data analytics Manchester, market research, web data mining, GDPR compliant scraping, enterprise data solutions, automated data collection UK"; $keywords = "web scraping services UK, data analytics London, web scraping UK, data extraction services, business intelligence, competitive analysis, price monitoring, data analytics Manchester, market research, web data mining, GDPR compliant scraping, enterprise data solutions, automated data collection UK";
$author = "UK Data Services"; $author = "UK Data Services";
@@ -111,7 +111,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Resource Preloading for Performance --> <!-- Resource Preloading for Performance -->
<link rel="preload" href="/assets/css/main.min.css?v=1.1.3" as="style"> <link rel="preload" href="/assets/css/main.min.css?v=1.1.4" as="style">
<link rel="preload" href="/assets/images/ukds-main-logo.webp" as="image"> <link rel="preload" href="/assets/images/ukds-main-logo.webp" as="image">
<link rel="preload" href="/assets/js/main.min.js?v=1.1.1" as="script"> <link rel="preload" href="/assets/js/main.min.js?v=1.1.1" as="script">
@@ -131,14 +131,14 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2} .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}
.hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:0.95;line-height:1.5} .hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:0.95;line-height:1.5}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;font-weight:500;font-size:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-height:48px} .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;font-weight:500;font-size:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-height:48px}
.btn-primary{background:#179e83;color:white!important} .btn-primary{background:#148069;color:white!important}
.btn-secondary{background:white;color:#144784!important;border:2px solid #144784} .btn-secondary{background:white;color:#144784!important;border:2px solid #144784}
.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap} .hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
</style> </style>
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="/assets/css/main.min.css?v=1.1.3" media="print" onload="this.media='all'"> <link rel="stylesheet" href="/assets/css/main.min.css?v=1.1.4" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="assets/css/main.min.css?v=1.1.3"></noscript> <noscript><link rel="stylesheet" href="assets/css/main.min.css?v=1.1.4"></noscript>
<!-- Enhanced Local SEO Schema --> <!-- Enhanced Local SEO Schema -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -679,7 +679,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<section class="tools-banner" style="background: #f0f9f7; padding: 25px 20px; text-align: center;"> <section class="tools-banner" style="background: #f0f9f7; padding: 25px 20px; text-align: center;">
<div class="container" style="max-width: 900px; margin: 0 auto;"> <div class="container" style="max-width: 900px; margin: 0 auto;">
<span style="font-size: 1.5em; margin-right: 10px;">🛠️</span> <span style="font-size: 1.5em; margin-right: 10px;">🛠️</span>
<strong>New:</strong> Try our <a href="/tools/" style="color: #179e83; text-decoration: underline;">free web scraping tools</a> — cost calculator, scrapeability checker, and more. No signup required. <strong>New:</strong> Try our <a href="/tools/" style="color: #148069; text-decoration: underline;">free web scraping tools</a> — cost calculator, scrapeability checker, and more. No signup required.
</div> </div>
</section> </section>
@@ -822,24 +822,24 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<h3 style="text-align: center; font-size: 1.8rem; margin-bottom: 40px; color: #144784;">UK-Wide Service Coverage</h3> <h3 style="text-align: center; font-size: 1.8rem; margin-bottom: 40px; color: #144784;">UK-Wide Service Coverage</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;"> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;">
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;"> <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #179e83; margin-bottom: 15px;">🏙️ London & South East</h4> <h4 style="color: #148069; margin-bottom: 15px;">🏙️ London & South East</h4>
<p style="color: #666; margin: 0;">Financial services, fintech, and e-commerce data solutions for the capital's business district.</p> <p style="color: #666; margin: 0;">Financial services, fintech, and e-commerce data solutions for the capital's business district.</p>
<a href="/blog/articles/uk-property-market-data-trends" style="color: #179e83; text-decoration: none; font-weight: 500;">Property Market Analysis →</a> <a href="/blog/articles/uk-property-market-data-trends" style="color: #148069; text-decoration: none; font-weight: 500;">Property Market Analysis →</a>
</div> </div>
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;"> <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #179e83; margin-bottom: 15px;">🏭 Manchester & North West</h4> <h4 style="color: #148069; margin-bottom: 15px;">🏭 Manchester & North West</h4>
<p style="color: #666; margin: 0;">Manufacturing, logistics, and industrial data intelligence for the North West's business hub.</p> <p style="color: #666; margin: 0;">Manufacturing, logistics, and industrial data intelligence for the North West's business hub.</p>
<a href="/project-types" style="color: #179e83; text-decoration: none; font-weight: 500;">Data Processing Services →</a> <a href="/project-types" style="color: #148069; text-decoration: none; font-weight: 500;">Data Processing Services →</a>
</div> </div>
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;"> <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #179e83; margin-bottom: 15px;">🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh & Scotland</h4> <h4 style="color: #148069; margin-bottom: 15px;">🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh & Scotland</h4>
<p style="color: #666; margin: 0;">Energy, oil & gas, and renewable energy sector data solutions across Scotland.</p> <p style="color: #666; margin: 0;">Energy, oil & gas, and renewable energy sector data solutions across Scotland.</p>
<a href="/blog/categories/industry-insights" style="color: #179e83; text-decoration: none; font-weight: 500;">Industry Insights →</a> <a href="/blog/categories/industry-insights" style="color: #148069; text-decoration: none; font-weight: 500;">Industry Insights →</a>
</div> </div>
<div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;"> <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
<h4 style="color: #179e83; margin-bottom: 15px;">🏴󠁧󠁢󠁷󠁬󠁳󠁿 Cardiff & Wales</h4> <h4 style="color: #148069; margin-bottom: 15px;">🏴󠁧󠁢󠁷󠁬󠁳󠁿 Cardiff & Wales</h4>
<p style="color: #666; margin: 0;">Government, public sector, and automotive industry data services throughout Wales.</p> <p style="color: #666; margin: 0;">Government, public sector, and automotive industry data services throughout Wales.</p>
<a href="gdpr-compliance" style="color: #179e83; text-decoration: none; font-weight: 500;">Compliance Standards →</a> <a href="gdpr-compliance" style="color: #148069; text-decoration: none; font-weight: 500;">Compliance Standards →</a>
</div> </div>
</div> </div>
</div> </div>
@@ -1034,11 +1034,11 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);"> <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
<button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;"> <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
How much does web scraping cost? How much does web scraping cost?
<span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span> <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
</button> </button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;"> <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;"> <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
Our web scraping projects typically start from £500 for simple data extraction tasks. Pricing varies based on data volume, complexity, frequency of updates, and delivery format. We offer fixed-price quotes with no hidden fees. <a href="/quote" style="color: #179e83;">Request a free quote</a> for your specific requirements. Our web scraping projects typically start from £500 for simple data extraction tasks. Pricing varies based on data volume, complexity, frequency of updates, and delivery format. We offer fixed-price quotes with no hidden fees. <a href="/quote" style="color: #148069;">Request a free quote</a> for your specific requirements.
</p> </p>
</div> </div>
</div> </div>
@@ -1046,7 +1046,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);"> <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
<button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;"> <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
Is web scraping legal in the UK? Is web scraping legal in the UK?
<span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span> <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
</button> </button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;"> <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;"> <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1058,7 +1058,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);"> <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
<button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;"> <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
How long does a typical project take? How long does a typical project take?
<span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span> <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
</button> </button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;"> <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;"> <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1070,7 +1070,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);"> <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
<button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;"> <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
What data formats do you deliver? What data formats do you deliver?
<span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span> <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
</button> </button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;"> <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;"> <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1082,7 +1082,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);"> <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
<button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;"> <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
Is the data GDPR compliant? Is the data GDPR compliant?
<span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span> <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
</button> </button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;"> <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;"> <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1094,7 +1094,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
<div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);"> <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
<button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;"> <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
Do you offer ongoing monitoring services? Do you offer ongoing monitoring services?
<span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span> <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
</button> </button>
<div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;"> <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
<p style="padding: 0 24px 20px; color: #666; line-height: 1.7;"> <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1199,7 +1199,6 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
</div> </div>
</div> </div>
</section> </section>
</main>
<!-- Trust & Security Signals --> <!-- Trust & Security Signals -->
<section class="trust-signals" style="padding: 50px 0; background: linear-gradient(135deg, #252d3b 0%, #1a2332 100%); color: white; text-align: center;"> <section class="trust-signals" style="padding: 50px 0; background: linear-gradient(135deg, #252d3b 0%, #1a2332 100%); color: white; text-align: center;">
@@ -1229,6 +1228,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
</div> </div>
</div> </div>
</section> </section>
</main>
<!-- Footer --> <!-- Footer -->
<footer class="footer"> <footer class="footer">

6
services/competitive-intelligence.php
View File

@@ -51,7 +51,7 @@ $breadcrumbs = [
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/main.css?v=20260222">
<!-- Service Schema --> <!-- Service Schema -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -489,6 +489,8 @@ $breadcrumbs = [
<body> <body>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?>
<main id="main-content">
<!-- Breadcrumb --> <!-- Breadcrumb -->
<section class="breadcrumb"> <section class="breadcrumb">
<div class="container"> <div class="container">
@@ -841,6 +843,8 @@ $breadcrumbs = [
</div> </div>
</section> </section>
</main>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
<script src="/assets/js/main.js" defer></script> <script src="/assets/js/main.js" defer></script>

6
services/price-monitoring.php
View File

@@ -51,7 +51,7 @@ $breadcrumbs = [
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/main.css?v=20260222">
<!-- Service Schema --> <!-- Service Schema -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -497,6 +497,8 @@ $breadcrumbs = [
<body> <body>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?>
<main id="main-content">
<!-- Breadcrumb --> <!-- Breadcrumb -->
<section class="breadcrumb"> <section class="breadcrumb">
<div class="container"> <div class="container">
@@ -745,6 +747,8 @@ $breadcrumbs = [
</div> </div>
</section> </section>
</main>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
<script src="/assets/js/main.js" defer></script> <script src="/assets/js/main.js" defer></script>

6
services/web-scraping.php
View File

@@ -51,7 +51,7 @@ $breadcrumbs = [
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/main.css?v=20260222">
<!-- Service Schema --> <!-- Service Schema -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -568,6 +568,8 @@ $breadcrumbs = [
<body> <body>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?>
<main id="main-content">
<!-- Breadcrumb --> <!-- Breadcrumb -->
<section class="breadcrumb"> <section class="breadcrumb">
<div class="container"> <div class="container">
@@ -836,6 +838,8 @@ $breadcrumbs = [
</div> </div>
</section> </section>
</main>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
<script src="/assets/js/main.js" defer></script> <script src="/assets/js/main.js" defer></script>