Files
ukaiautomation/tools/index.php
root 0598088a86 Fix button contrast issues: add default colors to base .btn class and fix .cta-section .btn text visibility
- Base .btn now defaults to green bg (#148069) with white text
- .cta-section .btn on /tools page now explicitly sets color: white
- Fixes WCAG AA contrast failure where dark grey text (#444) was on dark blue bg (#144784)
- All bare .btn elements across site (tools, blog articles, error pages) now have visible text
2026-02-10 10:40:46 +00:00

223 lines
9.7 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
$page_title = "Free Web Scraping & Data Tools | UK Data Services";
$page_description = "Free tools to help UK businesses with web scraping: cost calculator, scrapeability checker, robots.txt analyzer, and data format converter.";
$canonical_url = "https://ukdataservices.co.uk/tools/";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo htmlspecialchars($page_title); ?></title>
<meta name="description" content="<?php echo htmlspecialchars($page_description); ?>">
<link rel="canonical" href="<?php echo htmlspecialchars($canonical_url); ?>">
<meta property="og:title" content="<?php echo htmlspecialchars($page_title); ?>">
<meta property="og:description" content="<?php echo htmlspecialchars($page_description); ?>">
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo htmlspecialchars($canonical_url); ?>">
<link rel="stylesheet" href="../assets/css/main.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://ukdataservices.co.uk"},
{"@type": "ListItem", "position": 2, "name": "Free Tools", "item": "https://ukdataservices.co.uk/tools/"}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"name": "Free Web Scraping Tools",
"description": "Free tools for planning and executing web scraping projects",
"numberOfItems": 4,
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "SoftwareApplication",
"name": "Web Scraping Cost Calculator",
"description": "Estimate your web scraping project cost instantly",
"url": "https://ukdataservices.co.uk/tools/cost-calculator",
"applicationCategory": "BusinessApplication",
"offers": {"@type": "Offer", "price": "0", "priceCurrency": "GBP"}
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@type": "SoftwareApplication",
"name": "Website Scrapeability Checker",
"description": "Check if a website can be scraped and assess complexity",
"url": "https://ukdataservices.co.uk/tools/scrapeability-checker",
"applicationCategory": "BusinessApplication",
"offers": {"@type": "Offer", "price": "0", "priceCurrency": "GBP"}
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@type": "SoftwareApplication",
"name": "Robots.txt Analyzer",
"description": "Analyze robots.txt files for crawling permissions",
"url": "https://ukdataservices.co.uk/tools/robots-analyzer",
"applicationCategory": "BusinessApplication",
"offers": {"@type": "Offer", "price": "0", "priceCurrency": "GBP"}
}
},
{
"@type": "ListItem",
"position": 4,
"item": {
"@type": "SoftwareApplication",
"name": "Data Format Converter",
"description": "Convert between JSON, CSV, and XML formats",
"url": "https://ukdataservices.co.uk/tools/data-converter",
"applicationCategory": "BusinessApplication",
"offers": {"@type": "Offer", "price": "0", "priceCurrency": "GBP"}
}
}
]
}
</script>
<style>
.tools-hero {
background: linear-gradient(135deg, #144784 0%, #179e83 100%);
color: white;
padding: 80px 20px;
text-align: center;
}
.tools-hero h1 { font-size: 2.5em; margin-bottom: 15px; }
.tools-hero p { font-size: 1.2em; opacity: 0.95; max-width: 600px; margin: 0 auto; }
.tools-container { max-width: 1100px; margin: 0 auto; padding: 60px 20px; }
.tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
.tool-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
padding: 30px;
transition: transform 0.3s, box-shadow 0.3s;
position: relative;
}
.tool-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.12); }
.tool-icon { font-size: 2.5em; margin-bottom: 15px; }
.tool-card h2 { font-size: 1.3em; color: #1a1a2e; margin-bottom: 10px; }
.tool-card p { color: #666; margin-bottom: 20px; line-height: 1.6; font-size: 0.95em; }
.tool-card .btn {
display: inline-block;
background: #179e83;
color: white;
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: background 0.3s;
}
.tool-card .btn:hover { background: #148a72; }
.tool-badge {
position: absolute;
top: 15px;
right: 15px;
background: #e8f5e9;
color: #2e7d32;
padding: 4px 10px;
border-radius: 12px;
font-size: 0.75em;
font-weight: 600;
}
.tool-badge.new { background: #e3f2fd; color: #1565c0; }
.tool-badge.popular { background: #fff3e0; color: #ef6c00; }
.breadcrumb { padding: 15px 20px; background: #f5f5f5; font-size: 0.9em; }
.breadcrumb a { color: #144784; text-decoration: none; }
.breadcrumb span { color: #888; margin: 0 8px; }
.cta-section {
text-align: center;
margin-top: 60px;
padding: 50px 30px;
background: #f8f9fa;
border-radius: 12px;
}
.cta-section h3 { color: #1a1a2e; margin-bottom: 15px; font-size: 1.5em; }
.cta-section p { color: #666; margin-bottom: 25px; max-width: 500px; margin-left: auto; margin-right: auto; }
.cta-section .btn { background: #144784; color: white; padding: 14px 32px; }
.cta-section .btn:hover { background: #0d3a6e; }
.blog-link {
display: inline-block;
margin-top: 30px;
color: #179e83;
text-decoration: none;
font-weight: 500;
}
.blog-link:hover { text-decoration: underline; }
</style>
</head>
<body>
<?php include '../includes/navbar.php'; ?>
<nav class="breadcrumb">
<a href="/">Home</a> <span></span> Free Tools
</nav>
<section class="tools-hero">
<h1>🛠️ Free Web Scraping Tools</h1>
<p>Plan your data extraction project with our free calculators and assessment tools. No signup required — your data stays in your browser.</p>
</section>
<div class="tools-container">
<div class="tools-grid">
<div class="tool-card">
<span class="tool-badge popular">Most Popular</span>
<div class="tool-icon">💰</div>
<h2>Web Scraping Cost Calculator</h2>
<p>Get an instant estimate for your web scraping project. Transparent pricing based on data volume, complexity, and delivery format.</p>
<a href="/tools/cost-calculator" class="btn">Calculate Cost →</a>
</div>
<div class="tool-card">
<span class="tool-badge new">New</span>
<div class="tool-icon">🔍</div>
<h2>Scrapeability Checker</h2>
<p>Check if a website can be scraped and assess technical complexity. Get insights on JavaScript, rate limits, and recommended approaches.</p>
<a href="/tools/scrapeability-checker" class="btn">Check Website →</a>
</div>
<div class="tool-card">
<span class="tool-badge new">New</span>
<div class="tool-icon">🤖</div>
<h2>Robots.txt Analyzer</h2>
<p>Analyze any website's robots.txt to understand crawling rules. See blocked paths, allowed paths, sitemaps, and crawl delays.</p>
<a href="/tools/robots-analyzer" class="btn">Analyze →</a>
</div>
<div class="tool-card">
<span class="tool-badge new">New</span>
<div class="tool-icon">🔄</div>
<h2>Data Format Converter</h2>
<p>Convert between JSON, CSV, and XML formats instantly. Perfect for transforming scraped data into the format your systems need.</p>
<a href="/tools/data-converter" class="btn">Convert Data →</a>
</div>
</div>
<div class="cta-section">
<h3>Need a Custom Solution?</h3>
<p>Our tools help you plan, but every project is unique. Get a detailed quote from our expert team — we've delivered 500+ scraping projects across the UK.</p>
<a href="/quote" class="btn">Request Free Quote →</a>
<br>
<a href="/blog/articles/free-web-scraping-tools-launch" class="blog-link">📝 Read the announcement →</a>
</div>
</div>
<?php include '../includes/footer.php'; ?>
</body>
</html>