Estimates page & menu fix

This commit is contained in:
Fraxle
2026-06-01 18:36:08 +01:00
parent 0535232446
commit 206daaef5d
4 changed files with 633 additions and 11 deletions
+9 -8
View File
@@ -12,7 +12,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fraxle.net Web & Tech for Small Businesses</title>
<title>Fraxle.net - Web & Tech for Small Businesses</title>
<meta name="description" content="Friendly website design, technology support and gadget wizardry for small businesses in Oxfordshire and beyond.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -33,6 +33,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="estimates.php">Estimates</a></li>
<li><a href="#contact" class="btn nav-cta">Get in Touch</a></li>
</ul>
<button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle menu" aria-expanded="false">
@@ -60,7 +61,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<img src="img/wizcat4.webp" alt="Danny the tech-wizard and Astro the cosmic cat" class="mascot-img">
<p class="hero-caption">Danny the tech-wizard &amp; Astro the cosmic cat</p>
</div>
<p class="hero-subtitle">Friendly website design, technology support and gadget wizardry with a touch of enchantment. Based in Oxfordshire.</p>
<p class="hero-subtitle">Friendly website design, technology support and gadget wizardry - with a touch of enchantment. Based in Oxfordshire.</p>
<div class="hero-actions">
<a href="mailto:wizard@fraxle.net" class="btn btn-primary">
<i class="fas fa-envelope"></i> wizard@fraxle.net
@@ -90,7 +91,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<div class="section-header">
<p class="section-eyebrow">What I do</p>
<h2 class="section-title">Spells I Cast</h2>
<p class="section-lead">From conjuring websites to taming rogue gadgets here's how I can help your business.</p>
<p class="section-lead">From conjuring websites to taming rogue gadgets - here's how I can help your business.</p>
</div>
<div class="services-grid">
<div class="service-card reveal">
@@ -98,14 +99,14 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<i class="fas fa-wand-magic-sparkles"></i>
</div>
<h3>Web Design with a Touch of Alchemy</h3>
<p>I conjure websites that don't just look good they work like magic. Whether you need a simple landing page or an online store, I'll craft a site that's fast, secure, and aligned with your brand.</p>
<p>I conjure websites that don't just look good - they work like magic. Whether you need a simple landing page or an online store, I'll craft a site that's fast, secure, and aligned with your brand.</p>
</div>
<div class="service-card reveal">
<div class="service-icon service-icon--purple">
<i class="fas fa-mobile-screen-button"></i>
</div>
<h3>Tech Support &amp; Digital Sorcery</h3>
<p>Need help taming your magical devices? Whether it's setting up your smartphone, syncing your tablet, connecting smart gadgets, or rescuing a misbehaving laptop I'll help you make the most of your tech.</p>
<p>Need help taming your magical devices? Whether it's setting up your smartphone, syncing your tablet, connecting smart gadgets, or rescuing a misbehaving laptop - I'll help you make the most of your tech.</p>
</div>
<div class="service-card reveal">
<div class="service-icon service-icon--teal">
@@ -135,7 +136,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<p class="section-eyebrow">About Fraxle.net</p>
<h2 class="section-title">Conjuring Digital Magic for Small Businesses</h2>
<p>Welcome to the realm where technology meets wizardry! Whether you're planting the seeds of a new venture or looking to level up your digital presence, I blend design, functionality, and futuristic tools to help your business flourish.</p>
<p>Based primarily in <strong>Oxfordshire</strong>, I can bring these skills directly to your local organisation and work remotely with anyone, anywhere.</p>
<p>Based primarily in <strong>Oxfordshire</strong>, I can bring these skills directly to your local organisation - and work remotely with anyone, anywhere.</p>
<div class="about-bullets">
<div class="about-bullet">
<i class="fas fa-check-circle"></i>
@@ -269,7 +270,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<?php if ($form_error): ?>
<div class="form-error-msg">
<i class="fas fa-triangle-exclamation"></i>
<p>Something went wrong please check your details (including the maths answer) and try again.</p>
<p>Something went wrong - please check your details (including the maths answer) and try again.</p>
</div>
<?php endif; ?>
<form class="contact-form" action="send.php" method="POST" novalidate>
@@ -308,7 +309,7 @@ $form_error = isset($_GET['error']) && $_GET['error'] === '1';
<div class="container">
<p class="footer-logo">Fraxle<span>.net</span></p>
<p class="footer-tagline">Friendly web &amp; tech for small businesses</p>
<p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net. All rights reserved.</p>
<p class="footer-copy">&copy; <?= date('Y') ?> Fraxle.net All rights reserved.</p>
</div>
</footer>