General Updates & Optimisations

Finished optimising all assets including conversion of all images to WebP.
Reorganisation of image assets
Attaching ALT Text to all imagery
Removal of .html extension on all pages
This commit is contained in:
2025-07-19 19:30:38 +01:00
parent 558fe2e8b4
commit 0191d82523
36 changed files with 111 additions and 1367 deletions

View File

@@ -5,27 +5,36 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Page Not Found - Mottashaw Consulting</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Raleway.css">
<link rel="stylesheet" href="assets/css/Roboto%20Condensed.css">
<link rel="stylesheet" href="assets/css/bss-overrides.css">
<link rel="stylesheet" href="assets/css/Ultimate-Testimonial-Slider-BS5.css">
<link rel="stylesheet" href="assets/css/untitled.css">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mottashaw Consulting">
<meta name="twitter:image" content="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<meta name="twitter:description" content="Your experienced apprenticeship and training partner in the UK, delivering high-quality solutions with partners across sectors and industries and of all shapes and sizes.">
<meta property="og:image" content="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<meta name="description" content="This page notifies visitors that the requested content could not be found. It offers guidance to return to the homepage or navigate to other sections of the Mottashaw website.">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<link rel="icon" type="image/webp" sizes="640x515" href="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=2b9089ac3d02cc1e1b2f6684859260ec">
<link rel="stylesheet" href="assets/css/styles.min.css?h=05f404c4a7ef948b881b2a992873bb38">
</head>
<body>
<nav class="navbar navbar-expand-sm sticky-sm-top bg-body py-3 navbar-shrink" id="mainNav">
<div class="container-fluid"><img src="assets/img/mottashaw-logo-big.webp" style="height: 50px;">
<div class="container" style="width: fit-content;padding: 0px;">
<div class="row" style="width: fit-content;margin: 0px;">
<div class="col"><a class="navbar-brand d-flex align-items-center" href="/" style="margin: 0px;padding: 0px;"><span class="fs-6">Mottashaw Consulting</span></a><span>Switched on Solutions</span></div>
<div class="container-fluid"><a href="/"><img alt="A stylized illustration of a light switch in an off position, surrounded by thick angular framing lines in black and teal blue." src="assets/img/mottashaw-logo-big.webp?h=a6d806ae5c56e5c3abf5561ad59d922b" class="brand-image"></a>
<div class="container error-container">
<div class="row page-row">
<div class="col"><a class="navbar-brand d-flex align-items-center brand-nav" href="/"><span class="fs-6">Mottashaw Consulting</span></a><span>Switched on Solutions</span></div>
</div>
</div><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="/contact.html">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/about">About</a></li>
<li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li>
</ul>
</div>
</div>
@@ -33,16 +42,15 @@
<section class="mt-5 py-5">
<div class="container">
<div class="row row-cols-1 d-flex justify-content-center align-items-center">
<div class="col-md-10 text-center"><img class="img-fluid w-100" src="assets/img/illustrations/404.svg"></div>
<div class="col-md-10 text-center"><img class="img-fluid w-100" alt="A stylised number &quot;404&quot; rendered in a bold, angular design, with the middle &quot;0&quot; slightly rotated and split down the middle, framed within a thick rectangular border." src="assets/img/illustrations/404.svg?h=e977af73548094596c29b66e8ed72eb9"></div>
<div class="col text-center">
<h2 class="display-3 fw-bold mb-4">Page Not Found</h2>
<p class="fs-4 text-muted">Fusce adipiscing sit, torquent porta pulvinar.</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container py-4 py-lg-5">
<div class="container">
<h2 class="display-6 fw-bold text-center mb-4"><span class="underline">Testimonials</span></h2>
<div class="carousel slide" data-bs-ride="carousel" data-bs-interval="10000" id="carousel-t">
<div class="carousel-inner">
@@ -110,7 +118,7 @@
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/startup-modern.js"></script>
<script src="assets/js/script.min.js?h=4b1f99f2e8ff6ac8a7c04891f6b7129c"></script>
</body>
</html>